Advanced Gutenberg2.2の新機能

瞬きすると見逃してしまいます。先月、Advanced Gutenberg にマイナーアップデートが行われました。このアップデートはマイナーアップデートと銘打たれていましたが、使い勝手の向上、新機能、その他のバグ修正は、WordPress Gutenberg エディターの使い方に大きな影響を与える可能性があるからです。この記事では、タブ、推薦文など、様々なブロックの改善点について簡単にご紹介します。 

Gutenbergタブと推薦文のスタイル

Advanced Gutenberg 2.2では、ブロックの動作とスタイルを微調整するための新しい方法が継続的に提供されています。まず、タブブロックがより柔軟になるように改良されました。タブブロックを使用すると、非常に狭いスペースに多くの情報を詰め込むことができ、WordPressユーザーはタブを1つずつ操作してコンテンツを確認できます。改良されたタブブロックではブロックの埋め込みが可能になり、単純なテキストから画像、ギャラリー全体まで、あらゆる種類のコンテンツをブロックに埋め込むことができます。

標準のタブが気に入らない場合は、タブを上部に配置するか、側面に配置するかを選択することもできます。デスクトップ、タブレット、モバイルのディスプレイに合わせてタブをカスタマイズすることで、コンテンツを常に最適な状態で表示できます。

ルックアンドフィールが刷新されたもう一つのブロックは、お客様の声ブロックです。謝辞が多い場合、1つのお客様の声エリアでは足りません。Advanced Gutenbergではスライダーオプションが導入され、同じスペースにより多くのお客様の声を配置できるようになりました。スライダーの有効化はスイッチを切り替えるだけの簡単な操作で、各ページに表示するお客様の声の数やスクロール動作も設定できます。

ブロック設定のさらに下には、スライダーの詳細な設定項目があります。トランジション、ナビゲーション、スタイルオプションなど、様々な設定が可能です。さらに下に進むと、アバターの見た目を完全にコントロールできる、新たなカスタマイズオプションが見つかります。

高度な画像ブロックで重要なコンテンツを作成

今回のアップデートで、Advanced Gutenberg は重要なコンテンツへの注目を集めるのに役立ちます。以前より、マップブロックではマーカーを配置して場所を正確に示すことができましたが、このブロックに新しい設定「マーカーツールチップを開く」、マーカーの説明がデフォルトで表示されるようになりました。

画像も同様の目的でアップデートされました。コンテンツにバナー画像を追加する際、画像の一部に注目を集めるため、あるいは単にスペースを節約するために、画像の高さを制限しなければならない場合があります。そうすると必然的に画像が切り取られてしまいますが、画像のどの部分を表示すべきでしょうか？

画像ブロックの設定には焦点エリアがあります。焦点をドラッグ＆ドロップすることで画像のさまざまな部分を表示できるため、画像の高さに関わらず、必要なディテールが常に表示されるようになります。画像ブロックのその他の新しいスタイル設定には、ブロックの配置や画像のオーバーレイの不透明度などがあります。 

最新のAdvanced Gutenbergアップデートでは、他のブロックにも、より小規模ではあるものの、恩恵がもたらされています。例えば、列管理ブロックの最大高さを指定できるようになり、必要なスペースを制御できるようになりました。さらに、Advanced Gutenbergのボタンには、周囲の空白を最大限に活用するためのマージンカスタマイズ機能が追加されました。

悪魔は細部に宿る。Advanced Gutenberg 2.2は細部にこだわったデザインです。Gutenbergのブロックを使えばブログをより細かくコントロールでき、Advanced Gutenbergではコンテンツをカスタマイズする方法がさらに増えています。ぜひいろいろ試して、あなたのストーリーを伝える最適な方法を見つけてください！