Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Gutenbergが従来のエディタとどう変わるのか?
Search
岡田 大誠
September 22, 2018
0
1.4k
Gutenbergが従来のエディタとどう変わるのか?
9月22日開催のKansai WordPress Meetup #1 「Gutenbergをさわってみよう」で使用したスライドです。
岡田 大誠
September 22, 2018
Tweet
Share
More Decks by 岡田 大誠
See All by 岡田 大誠
ブロックエディタで運営する 実店舗Webサイトの裏側
webda
1
570
コワーキングスペースのWebサイトを 有料テーマでリニューアルした理由と、改めて感じたWordPressの ごっつええところ
webda
2
2.8k
oc.pdf
webda
0
460
地方フリーランスWEBデザイナーの闇と闇と闇とたまに光
webda
2
990
ひらばオープン・キャンパス10/9
webda
1
300
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
37
3.5k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.8k
Become a Pro
speakerdeck
PRO
29
5.6k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.7k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
118
20k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.6k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.5k
Transcript
WEBDAデザイン 岡⽥ ⼤誠 Gutenbergが従来のエディタと どう変わるのか?
※枚⽅までありがとうございます! ※⼀般ユーザー向けの内容です。
岡⽥ ⼤誠(おかだ ひろなり) Webデザイナー ⼤阪府枚⽅市在住 Web制作歴6年 WordPressよく使う。 スプラトゥーンやってるで!
やっていること Webサイトデザイン HTML/CSSマークアップ WordPressカスタマイズ IT活⽤アドバイス Webマーケティング サロン運営
None
Gutenberg
WordPress5.0から 標準搭載されるエディタ ステージ1からステージ3で 計画されている・・・。
プラグインで試せる!
現在のエディタ
Gutenberg
ブロックを積み上げる感覚
noteに近い・・?
設定系は 右側に変更
ブロックの種類(⼀部) 段落 画像 ⾒出し ファイル ギャラリー カバー画像 区切り 続きを読む 空⽩
ページ区切り ボタン ウィジェット
カラムはβ版
⼀部のテキスト⾊変更は不可
知らぬ間に実装されていた① スポットライトモード
知らぬ間に実装されていた② ドラッグ&ドロップ並び替え
誰でもリッチなページを もっと作れるようになる・・・!
ステージ1 投稿の編集体験とブロックの実装。コンテンツ第⼀主義。 コンテンツの作成に集中できる。 ステージ2〜3 最終的にはページテンプレート内での投稿を超えた、完全 なサイトカスタマイズへとつながります。
None
コード書かずにページビルダーのみで 作ったページがあります。
⽇々Gutenbergは 進化しています! あとは実際にいろいろ触ってみるしかないッ!!
ありがとうございました! カスタムフィールド⼼配・・・。