Title: WordPress ギャラリー Author: Dion Hulse Published: 2018年11月6日 Last modified: 2020年11月19日 --- ## カテゴリー * [はじめに](https://ja.wordpress.org/support/category/getting-started/) * [インストール](https://ja.wordpress.org/support/category/installation/) * [基本的な使い方](https://ja.wordpress.org/support/category/basic-usage/) * [基本的な管理](https://ja.wordpress.org/support/category/basic-administration/) * [カスタマイズ](https://ja.wordpress.org/support/category/customizing/) * [メンテナンス](https://ja.wordpress.org/support/category/maintenance/) * [セキュリティ](https://ja.wordpress.org/support/category/security/) * [高度なトピック](https://ja.wordpress.org/support/category/advanced-topics/) * [トラブルシューティング](https://ja.wordpress.org/support/category/troubleshooting/) ## 翻訳・改善にご協力ください ドキュメンテーションを現在[英語版](https://wordpress.org/support/)から翻訳中です。 どなたでも[ご協力いただけます](https://ja.wordpress.org/team/2019/08/06/359/)。 誤字や間違った情報にお気づきの方は、各記事の下にあるフィードバックセクションから お知らせください。 # WordPress ギャラリー ## 概要 画像ギャラリーは WordPress サイト上で複数の写真を共有する便利な方法です。WordPress メディアアップローダーの**ギャラリー作成**機能を使用して、サイトのページや投稿に シンプルな画像ギャラリーを追加できます。 [[ この記事では、メディアライブラリを使って画像ギャラリーを追加する方法を紹介し、生成 されて投稿またはページに埋め込まれるギャラリーショートコードについて説明します。 ## メディアライブラリを使った画像ギャラリーの追加 メディアアップローダーを使用って画像ギャラリーを段階的に追加する方法は次のとおり です。 **注**: ギャラリーを追加する前に、「メディアの追加」機能やメディアアップローダー を使用した「[メディアライブラリーへの追加および投稿へのメディアの挿入](https://ja.wordpress.org/support/article/inserting-images-into-posts-and-pages/?output_format=md)」 をまず理解してください。 ### ステップ1 – カーソルを置く ギャラリーはページや投稿のどの位置にも配置できます。空白ページに単体で、あるいは テキストの上、下、真ん中に配置できます。まずギャラリーを配置する場所にカーソルを 置きます。段落の間にギャラリー配置する場合は下図のように改行を入力し、上下に空白 のある新しい行にカーソルを置きます。 [[ ### ステップ2 – 「メディアを追加」ボタンをクリック 画像ギャラリーを挿入する位置にカーソルを置いた後は、編集ウィンドウの左上にある「 メディアを追加」ボタンをクリックしてメディアアップローダーを起動します。表示され たポップアップウィンドウの左サイドの操作の一覧から「ギャラリーを作成」オプション を選択します。 [[ ### ステップ 3 – 含めたい画像を追加または選択 画像ギャラリーに追加する画像は、メディアアップローダーウィンドウの中央にある次の どちらかのオプションを使用して追加するか、選択してください。 * **ファイルをアップロード:** 使用する画像をローカルコンピュータからアップロード エリアにドラッグしてアップロードします。複数の画像を追加できます。画像は自動的 に画像ギャラリーとしてグループ化されます。 * **メディアライブラリ:** メディアライブラリ内のこれまでにアップロードされた画像 から画像ギャラリーに追加する画像を選択します。選択した画像の隣にチェックボックス が表示されます。 [[ **注**: 画像ギャラリーは、新しくアップロードした画像とこれまでにアップロードされ た画像をどのように組み合わせても作成できます。作成の際には「ファイルをアップロード」 タブと「メディアライブラリ」タブを自由に切り替えてください。 画像をアップロードするか選択すると、各画像のサムネイルの右上のチェックボックスに チェックが付けられます。またウィンドウの下部にサムネイルのリストが表示され、選択 したすべての画像を一覧できます。選択後は **ギャラリーを作成**ボタンをクリックします。 [[ ### ステップ 4 – ギャラリーの編集 「ギャラリーを編集」ではページや投稿にギャラリーを追加する前に次のような編集が可能 です。 * **画像の配置換え:** 画像のサムネイルをドラッグアンドドロップして、ギャラリー内 で画像の順序を変更します。 * **順序を逆にする:** ギャラリー内で画像を逆に並べます。 * **画像の説明を追加** ギャラリー内の各画像の下に表示される画像キャプションにオプション の説明を追加します。 * **画像を削除:** 画像の上にマウスを移動し「X」をクリックしてリストから画像を削除 します。 * **さらに画像を追加:** ギャラリーに画像を追加するには左サイドバーの「ギャラリー に追加」リンクをクリックし、「ファイルをアップロード」タブ、「メディアライブラリ」 タブで画像をアップロードするか選択します。 * **ギャラリーをキャンセル:** 左側のアクションで「ギャラリーをキャンセル」をクリック すると「ギャラリーを編集」ページを閉じ、画像ギャラリーをキャンセルします。 [[ ページや投稿にギャラリーを追加する前に、右サイドバーの「ギャラリーの設定」から以下 のオプションを変更できます。 * **リンク先:** 公開されたページや投稿のギャラリー内のサムネイルのリンク先を、添付 ファイルのページ、または直接ソースの画像ファイルに設定します。 * **カラム:** ギャラリー内の画像の列数を設定します。ほとんどのサイトで適切な 3列 がデフォルトです。 * **ランダム:** サイトが閲覧されるたびに画像サムネイルをランダムに並べ替えて、ギャラリー を表示します。 * **サイズ:** ギャラリー内の画像サイズを変更します。可能なオプションは「サムネイル」「 中」「大サイズ」「フルサイズ」です。 ### 既存ギャラリーの編集 ビジュアルエディター内にサムネイルを並べた画像ギャラリーが表示されます。 [[ 画像ギャラリーの任意の領域をクリックすると、上部にアイコンボタンが表示されます。「 編集」ボタンをクリックするとギャラリーの画像や設定を編集できます。「削除」ボタン をクリックすると画像ギャラリーが削除されます。 [[ ## ギャラリーショートコード 上記の手順では、画像 ID やその他のオプションを使用してギャラリーショートコードが 生成され、次のように投稿またはページに埋め込みます。 ```wp-block-preformatted [gallery ids="729,732,731,720"] ``` このショートコードに直接オプションを指定できます。 ### 使い方 この構文を使用して指定できるオプションがいくつかあります。 ```wp-block-preformatted [gallery option1="value1" option2="value2"] ``` ### オプション 次の基本オプションがサポートされています。 ** orderby ** 表示サムネイルの並べ替え方法を指定します。デフォルトは “menu_order” です。 オプション: * **menu_order** – 「メディアの追加」ポップアップの「ギャラリー」タブで画像の順序 を変更できます * **title** – 画像のタイトルに基づいて、メディアライブラリ内の画像を並べ替えます。 * **post_date** – 画像を日付/時刻で並べ替えます。 * **rand** – 画像をランダムに並べ替えます。 * **ID** ** order ** サムネイルの表示に使用されるソート順を指定します。ASC または DESC。たとえば ID の 降順にする場合は以下のとおりです。 ```wp-block-preformatted [gallery order="DESC" orderby="ID"] ``` ** columns ** 列数を指定します。ギャラリーには、各行の最後に break (
) タグが含まれ、必要に 応じて列幅が計算されます。デフォルト値は3です。列が0に設定されている場合改行は含 まれません。例えば4列のギャラリーを表示するには以下のようにします。 ```wp-block-preformatted [gallery columns="4"] ``` ** id ** 投稿 ID を指定します。ギャラリーには、その投稿に添付されている画像が表示されます。 ID が指定されていない場合のデフォルトの動作としては、現在の投稿に添付された画像を 表示します。例えば、投稿123に添付された画像を表示するには以下を使ってください。 ```wp-block-preformatted [gallery id="123"] ``` ** size ** サムネイル表示に使用する画像サイズを指定します。有効値には thumbnail/medium/large/ full、または add_image_size() で登録されたその他の追加の画像サイズが含まれます。 デフォルト値は「サムネイル」です。 thumbnail/medium/large の画像のサイズは、WordPress 管理パネルの「設定 → メディア」で設定できます。たとえば、中サイズの画像のギャラリー を表示する場合は以下のように記述します。 ```wp-block-preformatted [gallery size="medium"] ``` さらに高度なオプションには以下のようなものがあります。 ** itemtag ** 各項目をギャラリー内で囲むために使用される XHTML タグの名前。デフォルトは “dl”。 ** icontag ** ギャラリーの各サムネイルアイコンを囲むために使用される XHTML タグの名前。デフォルト は “dt”。 ** captiontag** 各キャプションを囲むために使用される XHTML タグの名前。デフォルトは “dd” です。例えば div/span/p タグを使用するようにギャラリーマークアップを変更するには以下のようにし てください。 ```wp-block-preformatted [gallery itemtag="div" icontag="span" captiontag="p"] ``` ** link** 画像のリンク先を指定します。デフォルト値は、添付ファイルのパーマリンクにリンクし ます。オプション: * **file** – 画像ファイルに直接リンクします。 * **none** – リンクなし。 ```wp-block-preformatted [gallery link="file"] ``` ** include** 指定した添付ファイルの画像のみを含むコンマ区切りの添付ファイル ID。 ```wp-block-preformatted [gallery include="23,39,45"] ``` ** exclude** 特定の画像を除外するコンマ区切りの添付ファイル ID。**include **と **exclude** は 一緒に使用できないことにご注意ください。 ```wp-block-preformatted [gallery exclude="21,32,43"] ``` ## リソースとギャラリープラグイン * [Gallery Plugins](https://wordpress.org/plugins/search/gallery) ## この記事は役に立ちましたか ? どうすればさらに改善できますか ? フィードバックを送信するには[ログイン](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fja.wordpress.org%2Fsupport%2Farticle%2Fthe-wordpress-gallery%2F&locale=ja) する必要があります。