WordPressメディアとテキストブロックの使用方法
公開: 2021-09-11WordPressでは、段落ブロックと画像ブロックを別々に追加できます。 ただし、 MediaブロックとTextブロックのおかげで、両方のタイプの要素を並べて配置することもできます。 設定をナビゲートする方法を知っている場合は、選択できるいくつかのレイアウトも含まれています。
この記事では、この用途の広いものを追加する方法を紹介します 投稿やページをブロックします。 構成オプションについて説明し、この要素を最大限に活用するためのヒントとコツについて説明します。
仕事に取り掛かろう！
メディアとテキストブロックを投稿またはページに追加する方法
Media and Textブロックを使用すると、複数のレイアウトを使用して、書き込まれたコンテンツ、ビデオ、および画像ファイルを並べて追加できます。 使用するには、編集する投稿またはページを開きます。 プラス記号をクリックして、[メディアとテキスト]オプションを選択します。
デフォルトでは、 Media and Textブロックは、画像またはビデオファイルを左側に配置し、書き込まれたコンテンツを右側に配置するレイアウトを使用します。 [アップロード]または[メディアライブラリ]オプションをクリックして、ファイルを選択できます。
画像またはビデオファイルを配置したら、ブロックのコンテンツ…側に移動して書き込みを開始できます。 コンテンツを追加した後の簡単な例を次に示します。
ブロックの各部分に個別のフォーマットメニューがあることに注意してください。 デフォルトでは、WordPressはメディアファイルの横に段落要素を配置します。 ただし、他のテキストベースの要素に置き換えることができます。
書かれた要素の複数のタイプから選択する機能は、メディアとテキストブロックを信じられないほど用途の広いオプションにします。 次のセクションでは、その設定を構成する方法を示します。
メディアとテキストブロックの設定とオプション
Media and Textブロックを操作する場合、2セットの構成オプションを使用できます。 1つは、使用するすべてのブロックのカスタムオプションを備えたフォーマットツールバーです。 2つ目は、より包括的なスタイリング調整を備えた設定メニューです。 書式設定ツールバーから始めましょう。
ツールバーの設定
Media and Textブロックの画像またはビデオ部分にカーソルを合わせると、次のオプションを含むフォーマットメニューが表示されます。
- ブロックを別のタイプの要素に変換する
- 2つのオプションから選択してブロックのレイアウトを変更する
- ブロック内のメディアファイルへのリンクの追加
- メディアファイルを別のオプションに置き換える
これらの各オプションが書式設定ツールバー内のどこにあるかを示す簡単なチートシートを次に示します。
ご覧のとおり、 Media and Textブロックでは、複数のレイアウトオプションから選択できます。 それぞれの場合の主な違いは、ビデオまたは画像の配置です。
Imageブロックとは異なり、 Media and Text要素の書式設定ツールバーには、画像を編集するためのオプションが含まれていません。 ただし、写真をさらに調整する方法については、後ほど説明します。
とりあえず、 Media andTextブロックの書かれた部分に目を向けましょう。 デフォルトでは、段落要素を使用しますが、ブロックエディタでサポートされている他のテキストベースのオプションに変更できます。
選択したテキストベースのブロックは、マウスオーバーしたときに表示されるフォーマットオプションを変更します。 ここでは、段落ブロックに対応する設定を確認できます。
テキスト要素の種類ごとに異なる書式設定オプションについて詳しく知りたい場合は、ブログアーカイブを確認することをお勧めします。 個々のブロックを追加および構成する方法を示す、最も重要なブロックエディター要素の完全なガイドがあります。
追加オプション
次に、編集メインメニューの右上隅にある歯車のアイコンをクリックして、[メディアとテキスト]ブロックを選択します。 そこで、追加の構成オプションを備えたサイドバーにアクセスできます。
これらの各設定がカバーする内容を確認してみましょう。
- スタイル：これにより、ブロックに境界線を追加できます。 境界のフォーマットはテーマの設定に依存することに注意してください。
- 色：これにより、ブロックとその背景内のテキストとリンクの色を変更できます。
- メディアとテキストの設定：画像ファイルに代替テキストを追加して、ここでサイズを変更できます。 このセクションには、ブロックをモバイルディスプレイに適合させ、画像をトリミングするためのオプションも含まれています。
のカラーオプションを簡単に見てみましょう。 ブロック：
次に、[メディアとテキストの設定]タブで[モバイルにスタック]オプションを有効にすると、訪問者がモバイルデバイスからサイトを表示したときにブロックが折りたたまれます。 これがどのように見えるかです：
これは、 Media andTextブロックのフォーマットと設定の変更について知っておく必要のあるすべてを網羅しています。 次に、この要素の実際のアプリケーションについて説明します。
メディアとテキストブロックを効果的に使用するためのヒントとベストプラクティス
Media and Textブロックは簡単に使用でき、ほとんどの投稿やページにシームレスに組み込まれます。 基本的に、2つのグループ化されたブロックと2つのレイアウトの選択肢を扱っています。
あなたは側で画像や段落ブロック側を追加するために列を使用して、ブロックの外観とスタイルを複製することができます。 ただし、メディアとテキスト機能が存在する場合、そのアプローチを選択する理由はほとんどありません。
これは非常に単純なブロックであるため、選択したメディアファイルと適切にペアリングするように、要素の書き込まれた部分をフォーマットすることをお勧めします。 たとえば、1語の段落や小さなリストの横に大きな写真を配置したくない場合があります。 2つの要素のバランスが取れているように見せたいでしょう。 ブロック内の画像のサイズを変更できることを忘れないでください。
最後に、 Media and Textブロックを使用して追加した画像は、検索エンジン最適化（SEO）の目的で引き続きカウントされることに注意してください。 つまり、基本的な画像SEOガイドラインに従うことを検討する必要があります。
メディアとテキストブロックに関するよくある質問
Media and Textブロックの使用は比較的簡単ですが、この特定の要素についていくつか質問があるかもしれません。 そのことを念頭に置いて、この機能に関して最もよく寄せられる質問のいくつかを見ていきましょう。
メディアとテキストブロックはいつ使用する必要がありますか？
Media and Textブロックは、書かれたコンテンツの横にある画像やビデオを紹介するのに最適な方法です。 ブロックエディタを使用すると、複数のタイプのテキストベースの要素から選択できることに注意してください。
このブロックのメディア部分とテキスト部分を分離できますか？
MediaブロックとTextブロックを列に変換できます。 そうすることで、2つの要素が個々のブロックに分離されますが、元のレイアウトは保持されます。
メディアとテキストブロックのフォント設定を変更できますか？
Media and Textブロックでは、フォント設定を変更できません。 ただし、テキストと含まれているハイパーリンクの色は変更できます。 より高度なフォント関連の構成にアクセスする場合は、ブロックを列に変換する必要があります。
結論
Media and Textブロックは、WordPressで最もよく使用される要素の1つになる可能性があります。 画像とテキストは美しくペアリングされ、このブロックを使用すると、任意のテーマやページに収まるシンプルなレイアウトでそれらを並べて配置できます。
これを使用している間 機能、単純な段落に固執する必要はないことを忘れないでください。 デフォルトでは、ブロックは画像またはビデオファイルの横に段落要素を追加します。 ただし、ブロックエディタのライブラリ内の他のテキストベースのオプション（リストや見出しなど）と交換することができます。
このWordPressブロックの使用方法について質問がありますか？ 以下のコメントセクションでそれらについて話しましょう！
PureSolution /shutterstock.com経由の注目の画像