Title: ギャラリーブロック Author: Dion Hulse Published: 2019年3月7日 Last modified: 2024年10月4日 --- ## カテゴリー * [はじめに](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/)。 誤字や間違った情報にお気づきの方は、各記事の下にあるフィードバックセクションから お知らせください。 # ギャラリーブロック [**ブロック一覧**へ戻る](https://ja.wordpress.org/support/article/blocks/?output_format=md) _ギャラリーブロック_は複数の写真を簡単に追加でき、自動で魅力的に配置できます。また カラム数や画像の大きさを調整できます。_ギャラリーブロック_を追加するには**ブロック を追加**ボタンをクリックします。 ![](https://wordpress.org/support/files/2021/02/adding-gallery-block-1.jpg) ギャラリーブロックの追加 または、空の新しいブロックへ `/gallery` (または `/ギャラリー`)と入力して Enter キー を押します。 ![](https://wordpress.org/support/files/2021/02/addingwithforwardslash-1024x573. png) ギャラリーブロックを _/gallery_ ショートカットで追加 _ブロック追加の詳しい方法は[こちら](https://ja.wordpress.org/support/article/adding-a-new-block/?output_format=md) をご覧ください。_ ## ブロックツールバー 各ブロックにはそれ固有のコントロールがあり、エディター内でブロックを操作できます。 ![](https://wordpress.org/support/files/2021/02/gallery-toolbar-options-1024x576. gif) ギャラリーブロックツールバーのオプション ギャラリーツールバーには主要なオプションが4つあります。 * 変換またはブロックタイプ変更 * 移動用ハンドル * 配置の変更 * 他のオプション ブロックを別の種類のブロックへ変換(変更)できます。またグループを作成したり、カラム のブロックへ変えられます。もしギャラリー表示した画像がうまく収まらなければ、変換 ボタンを使って画像ブロックへ変更できます。するとギャラリー内の画像がそれぞれ1つの 画像ブロックとして投稿へ追加されます。 **移動用ハンドル** [[ 上下の矢印を使うと、ドキュメント内でブロックを上下に移動できます。 _エディター内でブロックを移動する詳しい方法は[こちら](https://ja.wordpress.org/support/article/moving-blocks/?output_format=md) をご覧ください。_ **配置の変更** * **左寄せ** – ブロックを左に配置します * **中央寄せ **– ブロックを中央に配置します * **右寄せ **– ブロックを右に配置します * **幅広** – ブロックの幅をコンテンツ幅に合わせます * **全幅** – 画面の幅いっぱいまでブロックの幅を広げます _「幅広」と「全幅」は現在のテーマがサポートしている場合のみ選べます。_ ### 画像の追加 _ギャラリーブロック_を追加すると、**アップロード**と**メディアライブラリ**の2つの オプションが表示されます。 ![](https://wordpress.org/support/files/2021/02/adding-images-to-gallery.gif) ギャラリーブロックへ画像を追加 **アップロード**を使うと、新しく1つか複数の画像をアップロードして、_ギャラリーブロック_ とメディアライブラリへ追加できます**。メディアライブラリ**を使うと、アップロード 済みの画像をメディアライブラリから選ぶことができます。エクスプローラー(Windows)や Finder (macOS)から複数の画像をドラッグ＆ドロップしてギャラリーブロックへ追加する こともできます。 ### 画像の削除 ![](https://wordpress.org/support/files/2021/02/removing-images-in-gallery-1024x576. gif) ギャラリーブロックから画像を削除 追加した画像をギャラリーから削除するには**キャンセル**アイコンをクリックします。 後で追加し直すことができます。 ### 画像の移動 ![](https://wordpress.org/support/files/2021/02/moving-images-1024x576.gif) ギャラリー内で画像を移動 画像をギャラリーのあちこちへ移動し、自分の並べたい順にできます。 ### 画像の置き換え ![](https://wordpress.org/support/files/2021/02/replace-image-in-gallery-1024x576. gif) ギャラリー内で画像を置き換え **編集(ペン)**アイコンを使うと画像を置き換えられます。別の画像をアップロードする かメディアライブラリから選ぶことができます。 ### キャプション ![](https://wordpress.org/support/files/2021/02/adding-caption-to-images-1024x576. gif) 画像それぞれにキャプションを付けられます。ギャラリー自体にもキャプションを付けら れます。 ### 他のオプション ![](https://wordpress.org/support/files/2021/02/more-options.png) 他のオプションのツールバー **追加設定を非表示** _追加設定を非表示_オプションを使うと、エディターのサイドバーにある**ブロック設定** パネルを隠す(または表示する)ことができます。 **コピー** _コピー_を使うと、選択したブロックをコピーしてエディター内の好きな位置へ貼り付け できます。 **複製** _複製_を使うと、選択したブロックを複製できます。 **前に挿入** 新しいブロックを選択したブロックの前へ挿入します。 **後に挿入** 新しいブロックを選択したブロックの後へ挿入します。 **移動** _移動_を選ぶと、コンテンツ内に青い線が現れます。その後、矢印を使って線を上下に移動 し、選択したブロックの移動先を指定できます。最後にキーボードの Enter を押すとブロック がそこへ移動します。 **HTML として編集** _HTML として編集_を使うと、選択したブロックの HTML コードを変更できます。 **再利用ブロックに追加** _再利用ブロックに追加_オプションを使うと、選択したブロックを再利用ブロックのリスト へ追加できます。すると他の投稿や固定ページでそのブロックを利用できます。 **グループ化** ブロックをまとめて一つの単位として扱いたい場合、_グループ化_オプションを選択します。 例えば共通の背景色や他のブロックをグループへ追加できます。 **ブロックを削除** _ブロックを削除_オプションを使うと、選択したブロックをコンテンツから削除できます。 ## ブロック設定 どのブロックも、ブロックツールバーにあるオプションに加えて、固有のオプションがエディター のサイドバーにあります。_もしサイドバーが見当たらなければ、公開ボタンの隣にある「 歯車」ボタンをクリックしてください。_ [[ ![](https://wordpress.org/support/files/2021/02/block-settings.png) ### カラム _ギャラリーブロック_のカラム数を選べます。カラム数は1から8までです。 > 選べるカラム数の最大は画像の数です。画像を4つ追加すると最大4カラムまでになります。 > もっと画像を追加すると最大の8まで選べます。 カラム数に合わせて画像は自動的に見栄え良く配置されます。設定を変更して自分がベスト だと思う配置を見つけましょう ! ### 画像の切り抜き ![](https://wordpress.org/support/files/2021/02/crop-image-block-settings-1024x576. gif) ギャラリー内の画像の切り抜き _ギャラリーブロック_内の画像を切り抜くかどうかを選べます。このオプションは大きさや 形が違うイメージを並べるときに便利です。切り抜いた場合、ギャラリーの行ごとに画像 が同じ大きさになります。オプションを切り替えてどちらが良く見えるかお試しください。 ### リンク先 ギャラリー内の画像に付けるリンクに**添付ファイルのページ**、**メディアファイル**、** なし**の3つのオプションがあります。これは訪問者がギャラリー内の画像をクリックすると 何が起きるかを決定します。 ![](https://wordpress.org/support/files/2021/02/link-to.jpg) 画像のリンク先 **添付ファイルのページ** クリックするとサイトの_添付ファイルのページ_を表示します。これは画像の情報を示す ページで、画像そのものと、キャプション、説明、コメントフィールドがあります。 **メディアファイル** クリックすると画像ファイルをオリジナルの大きさでブラウザーの新しいウィンドウに表示 します。 **なし** 画像をクリックしても何も起きません。つまりどこにもリンクしません。 ### 画像サイズ _画像サイズ_設定は**サムネイル**、**中**、**大**、**フルサイズ**から選べます。 ![](https://wordpress.org/support/files/2021/02/image-sizes.png) 画像サイズの違い * **サムネイル:** 小さなサムネイル版の画像を固定ページや投稿に表示します。注意として、 デフォルトのサムネイルは正方形ですので、オリジナル画像が切り抜かれる場合があり ます。 * **中:** 中サイズの画像を固定ページや投稿に表示します。これは、左寄せや右寄せで 配置した時に充分なスペースが残り、脇のテキストが読みやすくなるサイズです。 * **大**: 大きなサイズの画像を固定ページや投稿に表示します。この場合、WordPress はテーマのコンテンツ領域の幅を決定し、そこに収まる最大の画像を表示します。 * **フルサイズ:** フルサイズの画像を固定ページや投稿に表示します。この場合、WordPress はテーマのコンテンツ領域の幅を決定し、そこに収まる最大の画像を表示しますが、オリジナル 画像がその幅より大きいとフルサイズの画像は表示されない場合があります。 _注意: これらの画像サイズはテーマがサポートしている場合に適用されます。_ ### 高度な設定 [[ **HTML アンカー**を使うとギャラリーに[ページジャンプ](https://ja.wordpress.org/support/article/page-jumps/?output_format=md) を行わせることができます。ページジャンプはアンカーリンクとも呼ばれます。このリンク をクリックすると長いページの上の方や下の方へ簡単に移動できます。 これを有効にするには、ギャラリーに HTML アンカー を入力し、そのアンカーへジャンプ するリンクを作成します。 **追加 CSS クラス**を使うとブロックに CSS クラスを追加できます。これを使うとカスタム CSS を書いてブロックに好みのスタイルを付けることができます。 #### **変更履歴 ** * 更新: 2021-02-02 - 5.5の動画を5.6のGIFに更新 - スクリーンショットをすべて5.6のものに更新 - 高度な設定オプションの詳細を追加 - 古くなったコンテンツを更新contents * 更新: 2020-10-05 - 動画を更新 * 更新: 2020-09-14 - スクリーンショットを5.5のものに更新 - ブロックツールバーの新機能を反映 - ブロック設定の新機能を反映 * 更新: 2020-06-18 - 「ブロック一覧へ戻る」をページ先頭に追加 * 更新: 2020-04-24 - 複数画像のドラッグ＆ドロップを追加 - グループブロックとして背景色を変える動画を追加 - WordPress 5.4の新しい UI 表示を追加 - ブロックツールバーセクションに「他のオプション」を追加し、従来の内容を他の ブロック説明と揃うように更新。 - 投稿を3つのセクションに再構成: ギャラリーと画像の追加方法、ブロックツールバー、 ブロック設定。 - 再利用可能ブロックをすべて通常ブロックへ変換。 * 新規作成: 2019-03-07 [原文](https://wordpress.org/documentation/article/gallery-block/) ## この記事は役に立ちましたか ? どうすればさらに改善できますか ? フィードバックを送信するには[ログイン](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fja.wordpress.org%2Fsupport%2Farticle%2Fgallery-block%2F&locale=ja) する必要があります。