画像ギャラリーを編集する

前回のレッスン画像ギャラリーを挿入する

記事に挿入した画像ギャラリーは編集することもできます。

ギャラリーの編集では、次の設定ができます。

この記事では、ギャラリーの編集方法についてご紹介します。

image

ギャラリーの編集は、すべて「ギャラリーを編集」画面からおこないますので、まずは編集画面を開きましょう

スポンサーリンク




ギャラリーの編集は、すべて「ギャラリーを編集」画面からおこないます

はじめに「ギャラリーを編集」画面を開きましょう。

ビジュアルエディタで、編集したいギャラリーをクリックします。

画像の上に編集ツールが表示されます。

編集ツールの(編集)をクリックします。

ギャラリーを編集 画面が表示されます。

image

ギャラリーの編集はこの画面から進めていきましょう。

画像を並び替える

ギャラリーの画像はドラッグ&ドロップで並び替えができます。

ギャラリーを編集 画面を開きます

並び替えたい画像をクリックします。

そのまま並び替えたい位置へ画像をドラッグして離します。

ギャラリーを更新をクリックします。

ビジュアルエディタで画像の並びが変わっていることを確認します。

サイトの記事内でも画像の表示順が変更されていることを確認しましょう。

画像の表示順を逆にする

画像の表示順序を逆にします。

ギャラリーを編集 画面を開きます

順序を逆にするをクリックします。

画像の表示順が逆に変わったことを確認します。

ギャラリーを更新をクリックします。

ビジュアルエディタのギャラリー画像の表示順が変わっていることを確認します。

サイトの記事内でも表示順が変わっていることを確認しましょう。

画像を追加する

「ギャラリーを編集」画面から、ギャラリーに画像を追加することができます。

ギャラリーを編集 画面を開きます

ギャラリーに追加をクリックします。

ギャラリーに追加 画面が表示されます。

記事に画像を挿入する」と同じように画像を選択して、ギャラリーに追加ボタンをクリックします。

画像が追加されていることを確認して、ギャラリーを更新ボタンをクリックします。

ギャラリーに画像が追加されていることを確認します。

サイトの記事内でも、ギャラリーに画像が追加されていることを確認しましょう。

画像を削除する

「ギャラリーを編集」画面から、ギャラリーの画像を削除することができます。

ギャラリーを編集 画面を開きます

削除したい画像の右上にある印をクリックします。

画像が削除されたことを確認して、ギャラリーを更新ボタンをクリックします。

ビジュアルエディタでも画像が削除されていることを確認しましょう。

カラム数を変更する

ギャラリーのカラム数(縦の列の数)を変更します。

ギャラリーを編集 画面を開きます

ギャラリーの設定カラムを変更します。

ギャラリーを更新をクリックします。

ギャラリーのカラム数が変わっていることを確認します。

サイトの記事内でもギャラリーのカラム数が変更されていることを確認しましょう。

ギャラリーのリンク先には、次の2種類のリンクを設定することができます。

ギャラリーのリンク先

  1. 添付ファイルのページ
  2. メディアファイル

リンク先の内容については、画像にリンクを追加するの記事もご覧ください。

リンク先の指定も「ギャラリーを編集」画面からおこないます。

ギャラリーを編集 画面を開きます

ギャラリーの設定リンク先を選択します。

ギャラリーを更新ボタンをクリックします。

サイトの記事内で、画像のリンク先が変更(設定)されていることを確認しましょう。

画像をランダムに表示する

ページが更新されるたびに、ギャラリーの画像をランダムに表示することもできます。

ギャラリーを編集 画面を開きます

ギャラリーの設定ランダムにチェックを入れます。

ギャラリーを更新ボタンをクリックします。

サイトの記事内でページを更新して、画像がランダムに表示されることを確認しましょう。

画像のサイズを変更する

ギャラリーでは画像のサイズを一括で変更できます。

ギャラリーを編集 画面を開きます

ギャラリーの設定サイズを変更します。

image

ギャラリーの画像のサイズは、画像のサイズ変更と違ってカスタムサイズを選択できませんので注意しましょう。

ギャラリーを更新ボタンをクリックします。

ギャラリーの画像のサイズが変更されたことを確認します。

わかりやすく1カラムで記事を表示してみます。

▲ 中サイズを選択
▲ 大サイズを選択

指定したサイズでギャラリーの画像が表示されていることを確認しましょう。

画像にキャプションを付ける

ギャラリーの画像にもキャプション(画像の説明文)を付けることができます。

ギャラリーを編集 画面を開きます

画像の下にある、この画像のキャプションと表示された入力欄にキャプション(画像の説明文)を入力します。

ギャラリーを更新クリックします。

ギャラリーの画像にキャプションが追加されたことを確認します。

記事内のギャラリーの画像にもキャプションが追加されていることを確認しましょう。

画像に代替テキストを追加する

ギャラリーの画像にも代替テキストを追加できます。

代替テキストについては、画像に代替テキストを追加するの記事もご参考ください。

ギャラリーを編集 画面を開きます

代替テキストを追加したい画像をクリックして選択します。

添付ファイルの詳細 画面が表示されます。

代替テキストに画像の内容をあらわすテキストを入力します。

ギャラリーを更新ボタンをクリックします。

image

ギャラリーの画像の代替テキストは、テキストエディタからは確認ができません。サイトのHTMLコードから確認する方法がありますが、わざわざ複雑なHTMLから代替テキストを確認するのは効率的ではありません。そのため、ここでは確認の記述は省略します。
どうしても気になる方はALT属性チェックツールなどのツールを利用していただくと良いでしょう。

次のレッスンへ画像ギャラリーを削除する

「WordPress初心者入門」のトップへ

調べても答えが分からない場合にはQ&Aサイト活用がおすすめです

ご自分で調べても答えが出てこない時には、Q&Aサイトを活用しましょう。

WordPressに関する質問でおすすめのQ&Aサイトはteratailです。

teratailはプログラミングに特化していますので、WordPressで難易度の高いカスタマイズに関する質問もしやすく、一般のQ&Aサイトよりも正確な回答が得やすいという特徴があります。

無料で利用ができますので、行き詰まってしまった時には利用いただいても良いでしょう。
エンジニア特化型Q&Aサイト【teratail】

スポンサーリンク




シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク