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.3k
Gutenbergが従来のエディタとどう変わるのか?
9月22日開催のKansai WordPress Meetup #1 「Gutenbergをさわってみよう」で使用したスライドです。
岡田 大誠
September 22, 2018
Tweet
Share
More Decks by 岡田 大誠
See All by 岡田 大誠
ブロックエディタで運営する 実店舗Webサイトの裏側
webda
1
520
コワーキングスペースのWebサイトを 有料テーマでリニューアルした理由と、改めて感じたWordPressの ごっつええところ
webda
2
2.5k
oc.pdf
webda
0
420
地方フリーランスWEBデザイナーの闇と闇と闇とたまに光
webda
2
910
ひらばオープン・キャンパス10/9
webda
1
240
Featured
See All Featured
Measuring & Analyzing Core Web Vitals
bluesmoon
4
130
The Language of Interfaces
destraynor
154
24k
[RailsConf 2023] Rails as a piece of cake
palkan
52
4.9k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
For a Future-Friendly Web
brad_frost
175
9.4k
Music & Morning Musume
bryan
46
6.2k
Bash Introduction
62gerente
608
210k
Happy Clients
brianwarren
98
6.7k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
We Have a Design System, Now What?
morganepeng
50
7.2k
A designer walks into a library…
pauljervisheath
204
24k
A Modern Web Designer's Workflow
chriscoyier
693
190k
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は 進化しています! あとは実際にいろいろ触ってみるしかないッ!!
ありがとうございました! カスタムフィールド⼼配・・・。