Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (15)
Ähnlich wie 201802 WordBench Nagoya
Ähnlich wie 201802 WordBench Nagoya (20)
201802 WordBench Nagoya
- 1. 備えあれば憂い無し！ Gutenbergについて知ろう！ 2018.02.10 WordBench Nagoya @1shiharaT
- 2. PROFILE ・熊本県天草市 出身 ・色んな分野を浅く広く ・5人兄弟の長男 ・貧乏 ・反骨心 ・SF好き ・マリオの縄跳びが飛べない 石 原 隆 志ishihara takashi @1shiharat
- 5. 事の発端
- 6. ん？
- 7. あれ？
- 9. 目次 1. Gutenberg って？ 2. Gutenberg でできること 3. WordPress 5.0 更新時の影響・注意点 4. Gutenberg をカスタマイズする
- 11. 1. Gutenbergって？ ・WordPress 5.0から搭載予定のブロック型の新しいエディタのプロジェクト名 ・2017.01.05にMatt Mullenwegさんがキックオフ ・Github上で開発されており、現状プラグインとしてインストール可能 概要
- 13. 1. Gutenbergって？ 目的 目標は、新しい投稿およびページ編集経験を創り出し、 誰でもリッチなレイアウトの記事が簡単に作成できるよう にすること。 by Google 翻訳 The goal is to create a new post and page editing experience that makes it easy for anyone to create rich post layouts. https://wordpress.org/gutenberg/handbook/
- 45. 3. WordPress5.0へ更新時の注意点 ・デフォルトで有効になる ・TinyMCEで開くすべは残っている -> いつまで残るかは怪しい ・そのまま編集すると、Classic ブロックに変換 -> 普通に変換すると、崩れる可能性大
- 53. 4. Gutenbergのカスタマイズ 4.1 テンプレート機能 function register_post_type_templae() { $args = array( ‘public’ => true, ‘label’ => ‘Books’, ‘show_in_rest’ => true, ‘template’ => array( array( ‘core/image’, array( ‘align’ => ‘left’, ) ), array( ‘core/heading’, array( ‘placeholder’ => ‘Add Author…’, ) ), array( ‘core/paragraph’, array( ‘placeholder’ => ‘Add Description…’, ) ), ), ); register_post_type( ‘book’, $args ); } add_action( ‘init’, ‘register_post_type’ );
- 54. 4. Gutenbergのカスタマイズ 4.2 ブロックAPI ・自作ブロックの作成 ・React を利用している ・es5でも書ける
- 55. 4. Gutenbergのカスタマイズ 4.2 ブロックAPI ・カスタムフィールドにも保存できる -> ちょっと面倒 ・REST APIから呼び出したりも可能 -> 動的なブロックの作成もわりと簡単 https://github.com/WordPress/gutenberg/blob/master/docs/blocks-dynamic.md
- 56. 4. Gutenbergのカスタマイズ 4.2 ブロックAPI ・ジェネレーター的なツールも着々とでている ・WP CLI ・ Create Guten Block https://github.com/ahmadawais/create-guten-block