WordPress - メディアと文章ブロック

メディアと文章

メディアと文章ブロックを使用すると、画像や動画の横にテキストを並べて配置できます。メディアと文章ブロックを追加するには、「ブロックの追加」メディアと文章をクリックして「メディアと文章」を選択します。

メディアと文章ブロックの追加
メディアと文章ブロックの追加

その他にも「/メディアと文章」と入力して Enter キーを押すことでもブロックを追加できます。

スラッシュコマンドを使ったメディアと文章ブロックの追加
スラッシュコマンドを使ったメディアと文章ブロックの追加

メディアと文章ブロックを追加すると、メディアと文章を並べて配置できます。画像、または動画をブロックに追加するには、ファイルをアップロードするか、メディアライブラリから選択します。テキストの追加は、通常の段落ブロックと同じテキスト編集オプションが表示されます。

メディアと文章ブロックの追加
メディアと文章ブロックの追加

以下の例は、画像とテキストを並べて配置した例です。

メディアと文章を追加した例
メディアと文章を追加した例

各ブロックには、ブロック固有のコントロールがあります。コントロールを使用して、エディターでブロックを直接編集できます。メディアと文章ブロックのツールバーには以下のオプションがあります。

  • ブロックを通常の画像、または動画ブロックに変更します。
  • ブロックのワイド表示と全画面表示を切り替えます。
  • 左側にメディア、右側にテキストを表示するか、その逆の配置で表示します。
ブロックツールバー
ブロックツールバー

メディアと文章の設定では、モバイルで表示したときに縦に並べるオプションを選択することができます。また、メディアをカラム全体を塗りつぶすように画像を切り抜くこともできます。

メディアと文章の設定
メディアと文章の設定

メディアと文章ブロック内の段落ブロックをクリックすると、大文字表示の変更や、フォントサイズなどのテキスト設定を編集できます。

テキストの設定
テキストの設定

色設定では、ブロックの背景色を設定することができます。また、メディアと文章ブロック内の段落ブロックをクリックすると、文字色を設定することができます。

色設定
色設定

高度な設定では、追加 CSS クラスを設定できます。

高度な設定
高度な設定

関連記事