WordPressの新エディターGutenbergでカスタムブロックを作成する[初級編]
WordPressの新エディターGutenbergでカスタムブロックを作成する[初級編] WordPress5.0でデフォルトになる予定の新エディター「Gutenberg」。 ブロックを組み合わせてページを作成できることが特徴となっていますが、このブロックをオリジナルで作成してみたいと思います。 投稿日2018年08月29日 更新日2018年08月29日 Gutenbergブロックの開発環境の構築 Create Guten Blockという開発ツールキットを使用するとモダンな開発環境が簡単に構築できます。 よかったらこちらの記事もご覧ください。 Create Guten BlockでGutenbergのカスタムブロック開発環境を構築する 一番シンプルなカスタムブロック Create Guten Blockで作成したプラグインのディレクトリは下記のようになっています。 ├── package
![WordPressの新エディターGutenbergでカスタムブロックを作成する[初級編]](https://cdn-ak-scissors.b.st-hatena.com/image/square/013059453a5603974ecefa934615f2b4692ff33a/height=288;version=1;width=512/https%3A%2F%2Fwww.webopixel.net%2Fblog%2Fwp-content%2Fuploads%2F2015%2F04%2Fwp-logo.png){kind=tracking}
Gutenbergプラグイン開発のためのモダンJavaScript入門 - Qiita
WordPress Advent Calendar 2017 23日目に空きが生じたようなので、埋め草を投下します。 本記事では、Gutenbergプラグインを開発するためにはどのような知識が必要か、概観することを目標にします。それぞれの技術については、解説記事がいくらでもあるので深掘りはしません。 本記事のターゲットは以下のような読者です。 WordPressプラグインを作ったことがある（または、作り方を知っている） JavaScriptの基本的な知識がある 変数定義にvarをつけないといけない理由がわかる 現行のブラウザ(IE11含む)で動作するのはES5であることを知っている ES2015（またはESNext）という仕様があることを知っている React.js、Babel、webpackといったキーワードを聞いたことがある GutenbergとモダンJavaScript WordPr
【WordPress】GutenbergのブロックAPIを使って、カスタムブロックをブラウザー上からサクッと作成して操作などを試す方法｜今村だけがよくわかるブログ
【WordPress】GutenbergのブロックAPIを使って、カスタムブロックをブラウザー上からサクッと作成して操作などを試す方法 WordPressの新エディター「Gutenberg」の話なんですが、「GutenbergのブロックAPIを使って、独自のブロック（「カスタムブロック」って呼ぶらしい）を作成しよう」と考えているテーマやプラグイン開発者の方もいらっしゃると思います。僕もその中の一人で、ただいま作り方を勉強している最中です。 ところで、どう勉強すればいいかわからない場合はドキュメントを一通り読むといいそうです。が、英文ですし、なかなかボリュームが多いですし、気軽に手を付けることができない・・・という方もいらっしゃると思います。 そんな方のために、取っ掛かりとしてブラウザー上からサクッとブロックを作成する方法がドキュメント内に紹介されています。 いつかはがっつりGutenber
開発者のためのGutenberg移行ガイドが策定中 – Capital P – WordPressメディア
WP-CLIチームやREST APIチームなどで主要な役割を務めたDaniel Bachhuberが、Gutenbergへの移行ガイドを立ち上げた。対象となるのは既存のプラグイン作者やテーマ作者などで、現行エディターでよく使われている開発のハウツーをGutenberg以降どうしたらよいのかを整理するのが狙いだ。 ドキュメントの内容は次のようなもので、たとえば「ここにタイトルを入力」という文言を変更するためのフックがまだ残っているかどうかなど、Gutenberg以降どのようにしたらよいかをまとめている。最終的には網羅的なデータベースを目指している。 Action Still Exists? Direct Equivalent? Learn More
Gutenbergがリリースした新機能Block Templatesはカスタムフィールド製造業界の救世主となるか？ – Capital P – WordPressメディア
新しいエディター Gutenberg 1.8 の新機能として Block templates という概念が紹介された。これにより、ある投稿タイプに対して特定のテンプレートを設定した状態でスタートすることができる。 画像はmakeのブログ記事 What’s new in Gutenberg? (28th November) から。 添付した画像では、Bookというカスタム投稿タイプが以下のブロックをすでに持っている状態で始まっていることがわかる。 タイトル 画像（おそらく、書影） 著者名 本についての説明 これはカスタムフィールド製造業界で想定される利用方法とかなり近い。少なくとも、新規プロジェクトにおいては、新しい編集体験をもたらし、プロジェクトを良い方向に導くだろう。 既存のプロジェクトは、俺たち／私たちのカスタムフィールドはどうなる？ じつはWP TAVERNの記事 “Gutenber
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Gutenbergで変わる エディタカスタマイズ / wco2018
