Gutenberg

GutenbergのブロックをAdvanced Custom Fields的に使ってみる

Gutenbergにはテンプレート機能があり、利用するブロックを制限することが可能です。このテンプレート機能を使うことで、「Advanced Custom FieldsAdvanced Custom …

Gutenbergにオリジナルなブロックを作成する方法(動的編)

テキスト等を入力、編集できるブロックを作成する方法です。ブロックの基本的な使い方については以下の記事で紹介しているので、まずはこちらを参考にしてください。 Gutenbergにオリジナルなブロックを作…

Gutenbergにオリジナルなブロックを作成する方法(静的編)

Gutenbergにオリジナルなブロックを作成する方法です。公式のチュートリアルを参考にしながら、以下のようなpタグで囲まれた固定値のブロックを作っていきます。 汎用性は無いかもしれませんが、作り方の…

WordPressの旧エディタをGutenbergエディタへ移行する方法

WordPressの旧エディタをGutenbergエディタへ移行する方法です!ポイントさえ抑えておけば誰でも移行することができるはずです。 今のところ旧エディタは「Classic Editor」プラグ…

Gutenberg対応のおすすめWordPressテーマ5選【100%GPL】

Gutenberg対応のおすすめWordPressテーマを5つ紹介します。甲乙つけがたい個人的に好きなテーマを集めました。 これからのWordPress制作はGutenbergエディタでページを作成し…

WordPressのGutenberg(グーテンベルク)をより使いやすく方法!

「Gutenbergをより使いやすくしよう!」ということで、標準のGutenbergの機能からさらに上乗せして、ページを作成する時のポイントをまとめました。 Gutenbergとは、WordPress…

Gutenbergでオリジナルなブロックを作成するには「Block Lab」が簡単すぎる件

Gutenbergでオリジナルなブロックを作成するのに「Block Lab」プラグインが簡単すぎるので紹介します! JavaScriptでのGutenbergのブロック作成の知識がなくても「Block…

Gutenberg(グーテンベルク)の基本的な使い方とブロック要素まとめ

WordPressの新エディタ「Gutenberg(グーテンベルク)」の使い方を紹介していきます。使い方といっても見返すとほぼブロックの説明になっていました笑 Gutenbergは、ブロックを組み合わ…