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
560
コワーキングスペースのWebサイトを 有料テーマでリニューアルした理由と、改めて感じたWordPressの ごっつええところ
webda
2
2.7k
oc.pdf
webda
0
450
地方フリーランスWEBデザイナーの闇と闇と闇とたまに光
webda
2
990
ひらばオープン・キャンパス10/9
webda
1
290
Featured
See All Featured
Music & Morning Musume
bryan
46
6.7k
Automating Front-end Workflow
addyosmani
1370
200k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
How to Think Like a Performance Engineer
csswizardry
25
1.8k
Writing Fast Ruby
sferik
628
62k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Done Done
chrislema
185
16k
Producing Creativity
orderedlist
PRO
347
40k
Imperfection Machines: The Place of Print at Facebook
scottboms
268
13k
Why Our Code Smells
bkeepers
PRO
338
57k
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は 進化しています! あとは実際にいろいろ触ってみるしかないッ!!
ありがとうございました! カスタムフィールド⼼配・・・。