WordPress - 画像ブロック

画像

画像ブロックは、画像を挿入する場合に用いられます。画像ブロックを追加するには、「ブロックの追加」ボタンをクリックして「画像」を選択します。

画像ブロックの追加
画像ブロックの追加

その他にも「/img」や「/画像」と入力して Enter キーを押すことでもブロックを追加できます。

スラッシュコマンドを使った画像ブロックの追加
スラッシュコマンドを使った画像ブロックの追加

メディアのオプションパネルでは、アップロード、メディアライブラリ、URL から挿入の 3 つのオプションで読み込むことができます。アップロード、またはメディアライブラリでメディアを追加するか、ライブラリから選択してページにメディアを埋め込みます。

画像の追加
画像の追加

ファイルをアップロードのタブから画像を追加し、メディアライブラリのタブで画像を選択します。画像の代替テキスト、タイトル、キャプション、および説明をカスタマイズすると、SEO 対策やメディアライブラリのナビゲーションに役立ちます。

メディアライブラリから画像を追加
メディアライブラリから画像を追加

エディタに画像を追加後、周囲のコンテンツに合うように画像サイズを変更することができます。画像のサイズを変更するには、目的の画像をクリックしてサイズ変更のハンドルを表示します。その後、サイズ変更ハンドルをクリックして、希望のサイズまで画像をドラッグします。

resize images
(image credits : 画像ブロック – 日本語サポート)

各ブロックにはブロックツールバーが表示されます。ブロックツールバーからは、以下のコントロールを使用できます。

  • ブロックタイプ、またはスタイルの変更
  • 左寄せ
  • 中央揃え
  • 右寄せ
  • 幅広
  • 全幅
  • 画像の置換
  • リンクの挿入
  • その他のオプション
ブロックツールバー
ブロックツールバー

段落の中に画像を配置するには、対象の段落ブロックのすぐ上に画像を挿入する必要があります。画像をクリックして「左寄せ」、または「右寄せ」を選択すると、画像を段落ブロックの中に結合できます。

align images
(image credits : 画像ブロック – 日本語サポート)

画像の置換を行うには、ブロックツールバーから置換を選択します。置換方法は、メディアライブラリ、アップロード、URL からの挿入を選択できます。

画像の置換
画像の置換

画像にリンクを挿入するには、ブロックツールバーからリンクのアイコンを選択します。リンクのオプションとして、新しいタブで開く、リンク rel 属性、リンク CSS クラスを設定することができます。

リンクの挿入
リンクの挿入

サイドバーの高度な設定からは、タイトル属性、および追加 CSS クラスを設定することができます。

高度な設定
高度な設定

関連記事