Tweet
Tweet

Slide 1

Slide 1 text

WEBDAデザイン 岡⽥ ⼤誠 Gutenbergが従来のエディタと どう変わるのか？

Slide 2

Slide 2 text

※枚⽅までありがとうございます！ ※⼀般ユーザー向けの内容です。

Slide 3

Slide 3 text

岡⽥ ⼤誠（おかだ ひろなり） Webデザイナー ⼤阪府枚⽅市在住 Web制作歴6年 WordPressよく使う。 スプラトゥーンやってるで！

Slide 4

Slide 4 text

やっていること Webサイトデザイン HTML/CSSマークアップ WordPressカスタマイズ IT活⽤アドバイス Webマーケティング サロン運営

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

Gutenberg

Slide 7

Slide 7 text

WordPress5.0から 標準搭載されるエディタ ステージ1からステージ3で 計画されている・・・。

Slide 8

Slide 8 text

プラグインで試せる！

Slide 9

Slide 9 text

現在のエディタ

Slide 10

Slide 10 text

Gutenberg

Slide 11

Slide 11 text

ブロックを積み上げる感覚

Slide 12

Slide 12 text

noteに近い・・？

Slide 13

Slide 13 text

設定系は 右側に変更

Slide 14

Slide 14 text

ブロックの種類（⼀部） 段落 画像 ⾒出し ファイル ギャラリー カバー画像 区切り 続きを読む 空⽩ ページ区切り ボタン ウィジェット

Slide 15

Slide 15 text

カラムはβ版

Slide 16

Slide 16 text

⼀部のテキスト⾊変更は不可

Slide 17

Slide 17 text

知らぬ間に実装されていた① スポットライトモード

Slide 18

Slide 18 text

知らぬ間に実装されていた② ドラッグ&ドロップ並び替え

Slide 19

Slide 19 text

誰でもリッチなページを もっと作れるようになる・・・！

Slide 20

Slide 20 text

ステージ1 投稿の編集体験とブロックの実装。コンテンツ第⼀主義。 コンテンツの作成に集中できる。 ステージ2〜3 最終的にはページテンプレート内での投稿を超えた、完全 なサイトカスタマイズへとつながります。

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

コード書かずにページビルダーのみで 作ったページがあります。

Slide 23

Slide 23 text

⽇々Gutenbergは 進化しています！ あとは実際にいろいろ触ってみるしかないッ！！

Slide 24

Slide 24 text

ありがとうございました！ カスタムフィールド⼼配・・・。