メインコンテンツにスキップ
読了時間は 3 分 (588 ワード)

Advanced Gutenberg2.2の新機能

WHATS-NEW-IN-ADVANCED-GUTENBERG-2.2

それを点滅させると、あなたはそれを見逃すでしょう。 先月、AdvancedGutenbergはマイナーアップデートを受け取りました。 生活の質の改善、新機能、その他のバグ修正は、WordPressのGutenbergエディターの使用方法に大きな影響を与える可能性があるため、この更新は名前がほんのわずかでした。 この投稿では、タブ、紹介文、その他多くのブロックを含む、さまざまなブロックの改善点について簡単に説明します。  

 

グーテンベルクタブと証言スタイリング

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

 

標準のタブが好みに合わない場合は、タブを上に配置するか横に配置するかを選択することもできます。 デスクトップ、タブレット、モバイルディスプレイのタブをパーソナライズして、コンテンツが常に最高の状態で表示されるようにすることができます。

ルックアンドフィールが刷新されたもう1つのブロックは、紹介文のブロックです。 あなたが多くの謝辞を持っているならば、1つの証言領域は十分ではありません。 Advanced Gutenbergは、同じスペースにより多く収まるようにスライダーオプションを導入しました。 スライダーの有効化は、スイッチをフリックするのと同じくらい簡単ですが、各ページに表示する紹介文の数やスクロール動作を構成できます。

 

ブロックの設定のさらに下には、スライダーのその他の設定もあります。トランジション、ナビゲーション、およびスタイルオプションを変更する動作です。 さらに下を見れば、新しいカスタマイズオプションが見つかります。今度はアバターの外観を完全に制御できます。

 

Advanced Image Blockで重要なコンテンツ

このアップデートの時点で、Advanced Gutenberg は、本当に重要なコンテンツに注目を集めるのに役立ちます。 しばらくの間、マップ ブロックを使用して、位置を正確に示すマーカーを配置できるようになりました。 ブロックには、デフォルトでマーカーの説明を表示するための(マーカー ツールチップを開く)

画像も同様の目的で更新されています。 コンテンツにバナー画像を追加すると、高さを制限してその一部に注意を引くか、単にスペースを節約する必要がある場合があります。 そうすることで常に画像がトリミングされますが、画像のどの部分を表示する必要がありますか?

 

画像ブロック設定には焦点領域があります。 フォーカスポイントをドラッグアンドドロップして画像のさまざまな部分を表示し、選択した画像の高さに関係なく、必要な詳細が常に表示されるようにすることができます。 あなたが遊ぶことができる他の新しい画像ブロックのスタイリングの可能性には、ブロックの配置と画像のオーバーレイの不透明度が含まれます。  

他のブロックも、程度は低いものの、最新の Advanced Gutenberg アップデートで恩恵を受けています。 たとえば、列マネージャー ブロックの最大高さを指定して、必要なスペースの量を制御できるようになりました。 さらに、Advanced Gutenberg のボタンには、周囲の空白を最大化するためのマージンのカスタマイズの恩恵が与えられています。

悪魔は細部に宿ります。Advanced Gutenberg 2.2 は細部にすべてがかかっています。 Gutenberg のブロックを使用すると、ブログをより細かく制御できるようになり、Advanced Gutenberg ではコンテンツをカスタマイズするためのより多くの方法が提供され続けます。 いろいろ試して、自分のストーリーを伝える最適な方法を見つけてください。

1
最新情報を入手

ブログを購読すると、サイトに新しい更新があったときに電子メールが送信されるので、見逃すことはありません。

関連記事

 

コメント

まだコメントはありません。 最初にコメントを送信してください
すでに登録? ここでログイン
2024年11月24日(日)

キャプチャ画像