BlocksというWordPressのGutenbergエディターに「記事作成」や「固定ページ作成」に便利なプラグインをWordPress.orgの公式プラグインとして公開されました。5.0から標準エディター)ですが、現段階では多くのテーマは未対応で標準ブロックだけでは記事作成には不便です。このブログでも使っているSANGOのようなtinyMce様のスタイル装飾やショートコードを大量に搭載しているテーマではGutenbergはそうした機能が使いにくくなります。シクエディターを使えば今まで通り使えますが、私は旧エディタの仕様に不満がありGutenbergでサクサク記事を書きたいので、なんとかSANGOでもGutenbergを使いたいと思っております。Monkey」をより便利にするプラグインです。Monkeyに最適化されています。Blocksは他のテーマでも使用できます。Blocksをインストールしてみました。「ステップ(タイムライン表示)」「お客様の声」というブログ記事を書くのに便利な要素がたくさん搭載されています。Blocksの追加ブロック(Gutenbergでブロックを追加するときの表示)このカスタムブロックをSANGO用にデザインをカスタマイズしてみました。BlocksのブロックのデザインはFontAwesome5のJS+SVG描画版が使われています。有効にすると、シェアボタンなどが表示されなくなります。BlocksのFontAwesomeを読み込まないようにする必要があります。(キタジマさんに聞いて教えていただきました。ありがとうございました。BlocksのカスタムブロックをSANGOっぽくするSANGOのデザインはサルワカさんで紹介されている囲み枠やボタンのデザインなのでそちらを参考にCSSでカスタマイズすると上手くいきました。以下のCSSはこのブログでのカスタム用のCSSです。子テーマのstyle.cssに追記しています。補足これはあくまで私のブログ用のカスタマイズ例ですので、適宜デザインを変更して各自のお好みにカスタマイズしてみてください。Blocksのカスタムブロックがこんな感じの見た目になります。使うブロックをテーマに合せてカスタマイズし、足りないところはクラッシクブロックのAddquicktagを使えばSANGOでもGutenbergが使いやすくなります。実際この記事もGutenbergで書いています。Gutenbergの投稿画面をテーマのスタイルに合せるGutenbergをそのまま有効にすると現段階では多くのテーマで、投稿編集画面のデザインがそのテーマの公開時のデザインと合っていません。記事タイトルのフォントが明朝体になっていたり、色々不自然です。そこで以下のねんでぶろぐさんの記事を参考にGutenbergの投稿画面も調整しておくのをおすすめします。Blocksを使ってみた感想とカスタマイズ例をご紹介しました。若干使いにくいですが、Gutenbergは「ビジュアルエディタ」と「テキストエディタ」を行ったり来たりせず使えるという点で気に入っています。今後テーマやプラグインはどんどんGutenbergに対応していくと予想され、もっと使いやすくなると期待しております。新しい情報が入りましたらこの記事に追記してまいります。WordPressを始める方向けProfileみにまる@うれしデザインweb制作やデザイン、その他好きなことを書いていきます。当サイトの記事に関するご質問はお問い合せフォームでは受け付けません。Twitterから公開リプライに限りご質問いただけます。(全部に回答できる訳ではありません。)引用について☆引用の範囲内でしたらこのブログの画像・文章・コード転載OKです。引用元をリンク付きでご明記下さい。reserved.ホーム制作例ブログカスタマイズお問い合わせTwitterFeedlySHAREツイートシェアはてブLINEPocket。