WordPressで画像ブロックを使う簡単な3ステップ

画像はどのウェブサイトにとっても、視覚的に魅力的なものにするために不可欠です。だからこそ、WordPressの画像ブロックの使い方を学ぶ必要がある。他のページビルダーと同様に、Gutenbergブロックビルダーには画像を追加するためのコア画像ブロックが付属しています。

本日は、イメージブロックについての完全なガイドライン、その利点、特徴、使い方をご紹介します。最初から最後までお付き合いください。

イメージブロックとは？

について image block は、画像を追加するためのWordPressブロックエディタ専用のコアブロックです。イメージブロックでは、コンテンツに画像を挿入、編集、カスタマイズすることができます。

コア・イメージ・ブロックには以下のような利点がある。

使いやすさ： イメージ・ブロックは、特別な技術を必要とせず、誰でも簡単に使うことができます。また、ブロックを使った画像の追加も簡単です。

カスタマイズ： カスタマイズでは、画像サイズの変更、画像の配置の設定、キャプションの追加などが可能です。

SEO最適化： 画像ブロックを使ってすべての画像にaltテキストを追加することができ、検索エンジンが画像をより理解しやすくなります。

美しいテーブルを作る
ブロックエディター付き

無料体験

プロになる

イメージ・ブロック・ツールバーの機能

画像ブロックツールバーには、カスタマイズできる機能がいくつかあります。以下にブロックツールバーの機能を説明します。

変身する： このブロックを段落、コード、列などに変換することができる。
ドラッグだ： 専用ブロックをドラッグ＆ドロップで好きな場所に配置できる。
移動ハンドル： ブロックを上下に動かすことができる。
整列する： alignオプションで画像の配置をNone、Wide Width、Full Width、Left、Center、Rightに設定できます。
デュオトーン・フィルター： デュオトーンフィルターを使えば、元の画像を失うことなく、ツートンカラー効果を作り出すことができます。ここでも、この機能を使ってシャドウとハイライトを設定できます。
ハイパーリンク このオプションでは、ブロック内の選択したコンテンツにリンクを追加することができます。
作物だ： クロップオプションでは、画像のズーム、アスペクト比の変更、回転ができます。
画像の上にテキストを追加する： これにより、画像の上にテキストを追加したり、画像ブロックの中に他のブロックを追加することができます。これは イメージブロック の中へ。 カバーブロック.
キャプションを追加 オプションを使ってキャプションを追加できます。
交換する： 置き換えオプションを使うと、現在の画像を別の画像に置き換えることができます。
その他のオプション 複製、コピー、グループ化など、ブロックのセクションに関連するオプションを提供します。

WordPressで画像ブロックを使うには？

WordPressの画像ブロックの使い方を簡単なステップでご紹介します。必要なのは従うことだけです。

ステップ1：画像ブロックの挿入

画像ブロックを挿入するには、投稿またはページにアクセスします。

その後、ブロックの追加（"+") ブロック追加 icon (1)タイプ "画像「検索ボックス内の (2)をクリックする。画像" (3).

ステップ2：画像ファイルを挿入する

これら3つのオプションのいずれかを選択することができる。

アップロードする 画像ファイルをアップロードすることができます。
メディアライブラリー これにより、メディアライブラリから既にアップロード済みの画像を選択することができます。
送信元URLを挿入します： リンクを使って画像を挿入することができます。

アップロードオプションを使用して画像を挿入する方法

画像ファイルを挿入するには、アップロードボタンをクリックして画像を選択し、開くをクリックします。その後、エディターで開かれます。

メディアライブラリから画像を挿入する方法

メディアライブラリボタンをクリックして画像を選択し、選択ボタンをクリックして画像をエディタに挿入します。

URLから画像を挿入オプションを使用して画像を挿入する方法

URLから挿入ボタンを選択し、リンクを入力すると、エディタに表示されます。

ステップ3：画像のカスタマイズ

エディターで画像を挿入したら、エディターからすぐにリサイズできます。

また、ブロック設定から様々なオプションを設定することもできます。ブロック設定にアクセスするには設定 (1) > ブロック (2) > 設定 (3).

設定オプションには以下のような機能がある：

代替テキスト SEO対策のための代替テキストを設定できます。
アスペクト比： これにより、画像のアスペクト比をオリジナル、正方形、標準、ポートレート、クラシック、クラシックポートレート、ワイド、トールに設定できます。
解決： 解像度を大、中、サムネイル、フルサイズに設定できます。
幅：お好みの幅を設定してください。
身長だ： 必要な画像の高さを設定します。

ブロックスタイルには、画像ブロックをスタイリングする際に必要となるその他のスタイリング機能があります。