について メディア&テキストブロック を使えば、メディアとテキストを並べて追加することで、魅力的なコンテンツを作成することができます。コーディングなしで画像や動画をテキストと組み合わせることで、簡単に訪問者の注意を引くことができます。
この場合も、ストーリーを共有したり、売れ筋商品を紹介したり、訪問者に広めたい重要なメッセージを強調したりするのに最適だ。
今日は、WordPressのメディア&テキストブロックの使い方とその概要について解説します。最初から最後までお付き合いください。
WordPressでメディア&テキストブロックを使うには?
メディア&テキストブロックの使い方は簡単です。チュートリアルに従えば、誰でも簡単にこのブロックを使うことができます。
ブロックの挿入
ブロックを使いたい投稿やページに移動する。
プラスアイコンをクリック "+" (ブロックを追加) (1)タイプ "メディア&コンテンツ「検索ボックス内の (2)ブロックを見つけてクリックする (3).

メディアとテキストの挿入
いずれかのオプションを使用して、画像またはビデオコンテンツを挿入します。 (1).その後、コンテンツをコンテンツエリアに挿入します。 (2).

こんな感じだ。

ブロックのカスタマイズ
画像とコンテンツの位置を入れ替えるかどうかを決めることができます。

この場合も、コンテンツを上部、中央、下部のいずれから追加するかを決めることができる。

画像をクロップして塗りつぶす」を有効にすると、画像の特別な部分をハイライトすることができます。

メディアの幅と解像度は、ブロックの設定から選ぶことができます。

次に、スタイルタブから追加スタイルを調整することができます。

- 色: この機能を使うと、「最新の投稿」ブロックのテキスト、背景、リンクの色を変更できます。
- タイポグラフィ: タイポグラフィでは、フォントとフォントサイズ、外観、行の高さ、文字間隔、文字組み、文字装飾を選択できます。
- 寸法: Dimensionsでは、Latest Postsブロックのマージンとパディングを調整できます。
- 国境だ: ボーダーオプションでは、ボーダーを設定し、ボーダー半径を調整することができます。
カスタマイズ後、投稿を保存または公開する。
これはブロックのデモである。

ブロックの概要
WordPressのメディア&テキストブロックとは?
メディア&テキストブロックは、テキストと一緒に画像やビデオを表示するために設計されたコアブロックです。長い段落を分割し、ページや投稿に動的な要素を追加する視覚的に魅力的なセクションを作成するために使用されます。
メディア&テキストブロックの主な特徴は?
- 柔軟なレイアウト: 左右にメディアを配置し、反対側にテキストを配置する。
- レスポンシブデザイン: さまざまな画面サイズに自動的に対応し、デスクトップ、タブレット、モバイルで一貫した外観を実現します。
- 背景色のオプション: 背景色をカスタマイズして、ブランドにマッチさせたり、特定のコンテンツを強調したりできます。
- メディアの調整: 垂直アライメントをコントロールして、メディアとテキストが完全に揃うようにします。
- リンクする能力: 画像やテキストにリンクを追加して、ユーザーを他のページや外部のウェブサイトに誘導する。
メディア&テキストブロックのツールバー機能とは?
メディアとテキスト」ブロックを選択すると、その上にいくつかの便利なオプションを備えたツールバーが表示されます:

- に変える: イメージブロック、表紙ブロック、詳細ブロック、カラムブロック、グループブロックに変換することができます。
- ドラッグだ: エディタ内の任意の場所にブロックをドラッグ&ドロップできるようにします。
- 動くハンドル: このオプションでは、ブロックを他のブロックの上下に移動させることができます。
- アライメントツール: ページ内でのブロックの配置を調整する(左、中央、右、ワイド、全幅)。
- メディア交換: ブロックを削除することなく、メディアファイルを新しい画像やビデオに簡単に置き換えることができます。
- 左側にメディアを表示: メディアをセクションの左側に移動させる。
- 右側にメディアを表示 メディアをセクションの右側に移動させる。
- その他のオプション ブロックの複製、再利用可能なブロックの追加、ブロックの完全削除などの追加設定にアクセスします。
最終的な感想
WordPressのメディア&テキストブロックは、商品やサービスを効果的にアピールするための強力なツールです。特別なスキルがなくても、ダイナミックでプロフェッショナルなページを作成できます。
チュートリアルに従うのは簡単でしょう?下のコメント欄で教えてください。また、これをソーシャルメディアでシェアして、他の人にも教えてあげてください。
続きを読む