Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Gutenbergが従来のエディタとどう変わるのか?
Search
岡田 大誠
September 22, 2018
1.5k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Gutenbergが従来のエディタとどう変わるのか?
9月22日開催のKansai WordPress Meetup #1 「Gutenbergをさわってみよう」で使用したスライドです。
岡田 大誠
September 22, 2018
Transcript
24 slides
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は 進化しています! あとは実際にいろいろ触ってみるしかないッ!!
ありがとうございました! カスタムフィールド⼼配・・・。
More Decks by 岡田 大誠
See All by 岡田 大誠
ブロックエディタで運営する 実店舗Webサイトの裏側
webda
1
640
コワーキングスペースのWebサイトを 有料テーマでリニューアルした理由と、改めて感じたWordPressの ごっつええところ
webda
2
3.1k
oc.pdf
webda
0
530
地方フリーランスWEBデザイナーの闇と闇と闇とたまに光
webda
2
1k
ひらばオープン・キャンパス10/9
webda
1
360
Featured
See All Featured
The Mindset for Success: Future Career Progression
greggifford
PRO
0
560
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.9k
SEO for Brand Visibility & Recognition
aleyda
0
4.9k
Faster Mobile Websites
deanohume
310
32k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.2k
The Limits of Empathy - UXLibs8
cassininazir
2
780
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
23k
The World Runs on Bad Software
bkeepers
PRO
72
12k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.7k
Navigating Weather and Climate Data
rabernat
0
590
The Language of Interfaces
destraynor
162
27k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
35
2.9k