WordPressでギャラリーブロックを使う簡単な3ステップ

ワードプレス画像ブロック は、ウェブサイトに1枚の画像を挿入して紹介するときに超便利です。しかし、複数の画像を同時に使用したい場合は、WordPressのギャラリーブロックを使用してください。

そのため、WordPressのギャラリーブロックの使い方を学ぶ必要があります。ギャラリーブロックのすべての機能をマスターし、学ぶことができれば、あなたのウェブサイトのビジュアルを強化し、よりプロフェッショナルで魅力的なものにするために使用することができます。

このチュートリアルでは、WordPressのギャラリーブロック、ツールバーの機能、カスタマイズオプション、正しい使い方について説明します。最初から最後までお付き合いください。

WordPressのギャラリーブロックの使い方

[ショー]

WordPressギャラリーブロックとは何ですか？

WordPressのギャラリーブロック を持つコア・ブロックである。 WordPressのブロックエディタ。 ギャラリーブロックを使うと、グリッド形式で画像のコレクションを作成して表示できます。イベントの写真を表示したり、画像を魅力的なレイアウトに整理したり、最小限の労力で画像を提示したりするのに最適です。

ブロックを使用すると、特定の機能が得られます。以下でその機能をチェックしてみよう。

カスタマイズ:あなたのデザインに合わせてカラム、間隔、キャプションを調整します。ギャラリー内の個々の画像に異なる解像度を設定することもできます。
レスポンシブデザイン:画像は、モバイル、タブレット、デスクトップでのシームレスな体験のために、異なる画面サイズに自動的に適応します。
ビルトイン・インテグレーション:追加のプラグインは必要ありません。ブロックはWordPressでネイティブに動作します。
SEOフレンドリー:Altテキストとキャプションは、コンテンツのアクセシビリティと検索エンジンランキングを向上させます。ギャラリー内の個別の画像にALTテキストを設定することもできます。

ギャラリーブロックを挿入すると、ギャラリーをカスタマイズするための様々な機能を備えたツールバーがギャラリーブロックの上部に現れます。それらの機能は以下の通りです。

変身する： このブロックを画像、列、詳細、グループブロックに変換することができます。
ドラッグだ： 専用ブロックをエディター内の任意の場所にドラッグ＆ドロップすることができます。
移動ハンドル： ブロックを上下に動かすことができる。
整列する： alignオプションで画像の配置をNone、Wide Width、Full Width、Left、Center、Rightに設定できます。
リンク このオプションでは、ブロック内の選択したコンテンツにリンクを追加することができます。
キャプション 各画像のエディタオプションを使用してキャプションを追加できます。
加える： 追加オプションでは、ギャラリーに新しい画像を追加またはアップロードすることができます。
その他のオプション 複製、コピー、グループ化など、ブロックのセクションに関連するオプションを提供します。

WordPressでギャラリーブロックを使うには？

WordPressでギャラリーブロックを使うのは簡単です。以下のステップに従うだけです。

ステップ1：エディターでギャラリーブロックを追加する

投稿またはページを開き、"+"アイコンをクリックしてブロックを追加し、"ギャラリー "を検索します。ギャラリーブロックを選択して、投稿またはページに挿入します。

ステップ2：画像のアップロード

画像をアップロードするか、メディアライブラリから画像を選択することができます。

アップロードオプションで画像を挿入する方法

画像ファイルを挿入するには、アップロードボタンをクリックします、 カーソルで画像を選択する 同時に CTRLボタン押しっぱなし をクリックする。これだけです。エディタに画像が表示されます。

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

メディアライブラリボタンをクリックし、画像を選択し、新規ギャラリーの作成とギャラリーの挿入ボタンをクリックしてエディターに画像を挿入します。

すべての画像をギャラリーに挿入すると、画像ブロックのすべてのツールバー機能を見ることができます。これらの機能を確認することができますこれ.

ステップ3：ギャラリーのカスタマイズ

ギャラリーのカスタマイズについては 設定 (1) > ブロック (2) > 設定 (3). 列、解像度、その他のオプションを選択することができます。

コラム カラムは、エディターに表示する画像の数を決定します。より多くのイメージを追加すればするほど、より多くのカラムがギャラリーに追加されます。 (4)
解決： 画像の解像度をサムネイルとフルサイズに設定できます。 (5)
画像のトリミング この機能は、すべての画像の比率を維持し、それらのサイズをフィットさせます。
順番をランダムにする： この機能はシリアルを維持せず、ランダムなシリアルで画像を表示する。