読者からよく寄せられる質問の一つに、ギャラリー画像を特定のページや商品にリンクさせる方法があります。
WordPressギャラリーは画像を一覧表示するのに便利ですが、デフォルトの設定ではカスタムリンクが許可されていません。これは多くのウェブサイト所有者やブロガーを悩ませる制限です。
実践的なテストを通じて、WordPressでギャラリー画像にカスタムリンクを追加する最も信頼性の高い方法を見つけました。
このガイドでは、コーディングの知識を必要としない方法を使用して、ポートフォリオ、製品ショーケース、またはビジュアルメニューを作成しているかどうかにかかわらず、ギャラリー画像にカスタムリンクを追加する方法を段階的に説明します。
WordPressでギャラリー画像にリンクを追加する理由
WordPressのギャラリーブロックを使用すると、画像のコレクションを素敵なレイアウトで表示できます。これは、製品画像、オンラインポートフォリオの写真などを表示するのに最適です。
ただし、ギャラリー画像にリンクを追加すると、さらに一歩進みます。
ギャラリー画像を特定のページ、投稿、または外部サイトにリンクできます。このアプローチにより、訪問者はあなたのウェブサイトをより深く探索できるようになります。詳細を知りたい場合でも、注目の製品を購入したい場合でも同様です。
これは訪問者を引きつけ、コンバージョンを促進するための素晴らしい方法です。さらに、アフィリエイトリンクを画像ギャラリーに追加して、より多くのお金を稼ぐこともできます。
それでは、WordPressでギャラリー画像にカスタムリンクを追加する方法を見てみましょう。使用したい方法に直接ジャンプするには、以下のクイックリンクを使用してください。
- 方法1：組み込みのリンク挿入ボタンを使用する（プラグイン不要）
- 方法2：ギャラリーカスタムリンクを使用する（画像の再利用に最適）
- 方法3：Envira Galleryを使用する（高度にカスタマイズ可能な画像ギャラリー）
- 方法3：Envira Galleryを使用する（高度にカスタマイズ可能な画像ギャラリー）
方法1：組み込みのリンク挿入ボタンを使用する（プラグイン不要）
この方法では、WordPressの組み込みツールを使用して、ギャラリー画像をサイトのページや投稿にリンクします。シンプルで、追加のプラグインは必要ありません。
ただし、内部リンクのみをサポートしている点にご注意ください。アフィリエイトURLや外部コンテンツにとっては制限となる可能性がある外部ページへのリンクはできません。
メディアライブラリに保存されないため、毎回手動でURLを追加する必要があります。より柔軟なソリューションをご希望の場合は、プラグインを使用したカスタムリンクの追加方法（方法2）を検討してください。
この方法でカスタムリンクを追加するには、まずギャラリーを作成する投稿またはページを作成または編集することから始めます。次に、「+ ブロックを追加」をクリックします。ポップアップで「ギャラリー」と入力し、表示されたら正しいブロックを選択します。
これにより、レイアウトにギャラリーブロックが追加されます。
WordPress ウェブサイトから既存のファイルを選択したい場合は、「メディアライブラリ」をクリックしてください。
新しい画像ファイルをアップロードしたい場合は、「アップロード」を選択し、使用したい画像を追加してください。
画像がメディアライブラリに入ったら、「メディアライブラリ」タブを選択します。次に、ギャラリーに追加したい各画像をクリックするだけです。
選択に満足したら、「新しいギャラリーを作成」をクリックしてください。
次の画面で、使用したい画像キャプションを追加できます。
これが完了したら、「ギャラリーを挿入」をクリックします。
ここで、リンクを追加したい画像をクリックします。
表示されるツールバーで、「リンクを挿入」ボタンをクリックします。
これで、使用したいページまたは投稿の名前を入力できます。
右側のリンクが表示されたら、クリックしてください。
デフォルトでは、リンクは同じブラウザタブで開きます。代わりに新しいタブでリンクを開きたい場合は、下向きの小さな矢印をクリックしてください。
次に、「新しいタブで開く」スライダーをクリックして有効にします。
上記と同じ手順に従うだけで、ギャラリーの任意の画像にカスタムリンクを追加できるようになりました。
ギャラリーの設定が完了したら、「公開」または「更新」をクリックして公開します。
これで、ウェブサイトにアクセスすると、新しいギャラリーが機能しているのがわかります。
方法2：ギャラリーカスタムリンクを使用する（画像の再利用に最適）
外部ページまたはウェブサイトにリンクしたい場合は、 Gallery Custom Links プラグインを使用できます。
この無料プラグインはWordPressメディアライブラリに新しいセクションを追加するため、Gutenbergブロックエディタに挿入するのではなく、画像自体にリンクを追加できます。
これは、同じ画像とリンクをウェブサイトの複数の場所に配置する予定がある場合に特に役立ちます。毎回URLを手動で追加する必要がなくなるためです。
まず、Gallery Custom Links プラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。
このプラグインはそのまま動作するため、設定する必要はありません。ギャラリーを作成したいページまたは投稿に移動し、「+」ボタンをクリックするだけです。
ポップアップで「ギャラリー」と入力し、表示されたら正しいブロックを選択します。
「メディアライブラリ」ボタンをクリックできるようになりました。
ここでは、コンピューターからファイルをアップロードするか、WordPressメディアライブラリから画像を選択できます。どちらのオプションを選択しても、右側のメニューに新しい「リンクURL」設定が表示されます。
ここで、リンクしたいURLを入力できます。「リンクターゲット」ドロップダウンを使用して、リンクを新しいタブで開くか現在のタブで開くかを選択することもできます。
この手順を、WordPressブログに表示したいすべての画像に対して繰り返してください。
ギャラリーの設定方法に満足したら、「新しいギャラリーを作成」をクリックします。
次に、「更新」または「公開」をクリックしてギャラリーを公開します。これで、ギャラリー内の任意の画像をクリックすると、リンク先のページまたは投稿に移動します。
方法3：Envira Galleryを使用する（高度にカスタマイズ可能な画像ギャラリー）
WordPressが提供する組み込みオプションに満足していないため、ギャラリープラグインでギャラリーを作成したいのかもしれません。しかし、追加する画像にカスタムリンクを追加できることを確認したいのです。
もしあなたがそう思うなら、Envira Galleryを使用したいと思うでしょう。
Envira Galleryは、市場で最高のWordPressギャラリープラグインです。複数のギャラリーレイアウトを提供するだけでなく、ウェブサイトを高速で応答性の高い状態に保つための遅延読み込みなどの機能も備えています。
方法3：Envira Galleryを使用する（高度にカスタマイズ可能な画像ギャラリー）
デフォルトのWordPressギャラリーが提供するもの以上のカスタマイズが必要な場合は、画像にカスタムリンクを追加することが優先事項になるかもしれません。ここで、Envira Galleryのようなプラグインが役立ちます。
Envira Gallery はWordPressのトップギャラリープラグインです。複数のギャラリーレイアウトを提供するだけでなく、ウェブサイトを高速で応答性の高い状態に保つための遅延読み込みのような機能も備えています。
Envira Gallery の完全なレビューをお読みになり、詳細をご確認ください。
💡 注: このチュートリアルでは、右クリック保護などの多くの高度な機能を提供するEnvira Galleryのプレミアムバージョンを使用します。ただし、このガイドは無料のEnviraプラグインでも機能します。
まず最初に、WordPressプラグインをインストールして有効化する必要があります。その後、「新規追加」をクリックします。
次に、新しいギャラリーにタイトルを付けて、後で簡単に見つけられるようにします。完了したら、「他のソースからファイルを選択」をクリックするだけです。
ここでは、通常のやり方でWordPressに画像を追加するか、メディアファイルライブラリから既存の画像を選択できます。
Windowsの場合は「Ctrl」キー、macOSの場合は「Command」キーを押しながらキーボードで複数の画像を選択することもできます。画像サイズや配置を編集することも自由にできます。
次に、「ギャラリーに挿入」をクリックします。
ギャラリー画像にカスタムリンクを追加するには、ページを下にスクロールして「ギャラリー」タブに移動します。
次に、画像サムネイルのいずれかにある鉛筆の「編集」ボタンをクリックします。
新しいウィンドウが表示されます。
「URL」フィールドで、メディアファイルのリンクをカスタムURLに置き換える必要があります。「新しいウィンドウでURLを開く」チェックボックスをオンにすると、画像リンクが新しいブラウザウィンドウまたはタブで開くようになります。
完了したら、「メタデータを保存」をクリックするだけです。
これで完了です。あとは同じ手順を繰り返して、各画像にカスタムハイパーリンクを追加するだけです。
リンクの追加とギャラリー設定の構成が完了したら、「下書き保存」をクリックしてギャラリーを保存するか、「公開」をクリックして一般に公開できます。
画像ギャラリーの作成でお困りの場合は、これらのWordPressチュートリアルをご覧ください。
- WordPressで画像ギャラリーを作成する方法（ステップバイステップ）
- EnviraでレスポンシブWordPress画像ギャラリーを簡単に作成する方法
- WordPressでアルバム付きの写真ギャラリーを作成する方法
- WordPressサイトでビデオポートフォリオを作成する方法
- ライトボックス効果で WordPress にギャラリーを追加する方法
- WordPressで画像にウォーターマークを自動追加する方法
この記事が、WordPressのギャラリー画像にカスタムリンクを追加するのに役立ったことを願っています。また、無料のパブリックドメインおよびCC0ライセンス画像の最適なソースや、WordPressの画像サイズに関する初心者向けガイドもご覧ください。
この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。
Babak Fakhamzadeh
現在、デフォルトのWordPressギャラリーブロックでは、含まれる画像にリンクを指定できません。そのオプションは単に存在しません。
WPBeginnerサポート
個別の画像を選択してリンクを追加するオプションがない場合は、競合がないか確認するためにトラブルシューティングガイドを確認することをお勧めします。
https://www.wpbeginner.com/beginners-guide/beginners-guide-to-troubleshooting-wordpress-errors-step-by-step/
管理者
イジー・ヴァネック
私は常にElementorを使用してギャラリーを作成していました。実際、ブロックエディターでギャラリーを作成する方法さえ知りませんでした。Gutenbergに多くの時間を割いていただきありがとうございます。あなたのチュートリアルのおかげで、ブロックエディターをよりうまく扱えるようになりました。あなたは素晴らしいです。
Daniel
この投稿は本当に役立ちます。私の考えを超えて助けてくれました。これは不可能だと思っていましたし、誰もこのことについての投稿を持っていません。本当にありがとうございます。
WPBeginnerサポート
Glad our guide was helpful
管理者
Olaf
このチュートリアルを見つけました。推奨されているプラグイン「WP Gallery Custom Links」は2019年1月から非アクティブになっているようです。私はそのための動作する代替品を見つけました：「Gallery Custom Links」（名前に「WP」なし）は、私のWP 5.0インストールで動作します。
WPBeginnerサポート
Thank you for letting us know about this plugin as we look into updating this article
管理者
ミランダ
ギャラリーカスタムリンクの使い方がわかる方、教えてください。インストールして有効化しましたが、ギャラリーに行っても、例にあるようなカスタムリンクのメタフィールドが最初からありませんでした。
WPBeginnerサポート
You would want to go to the plugin’s page and post on their support forum and the plugin’s support should be able to assist you
管理者
ヘニー
素晴らしい情報です。ありがとうございます！
WPBeginnerサポート
You’re welcome
管理者
James Hay
WP beginner が大好きで、とても役立つと感じています。しかし、あなたの解決策は文字通りすべてプラグインをインストールすることのようです。あなたの助言に従うなら、簡単なタスクを達成するためにすでに百万個のプラグインを持っているでしょう。実際、すべての記事の解決策がプラグインをインストールすることであるのはイライラします。
WPBeginnerサポート
私たちのチュートリアルの目標は、初心者でも簡単にできるようにすることです。そのため、カスタムコードスニペットよりもプラグインを推奨する傾向があります。他のオプションも必ず検討しますが、現時点では、複数のプラグインがあることは大きな問題ではありません。
管理者
アレクサンドリア
このプラグインは1月6日に終了しました。他に推奨するものはありますか？
WPBeginnerサポート
現時点ではありませんが、必ず探しておきます。
管理者
Jordy Meow
A user pointed me to this article, and we had a talk about this before. Gallery Custom Links does this now (https://wordpress.org/plugins/gallery-custom-links/). Feel free to try it
ヤリナ
こんにちは、ここで言及されているプラグインをインストールしようとしているユーザーへの簡単なアップデートです。最近のプラグインページ「WP Gallery Custom Links」のレビューによると、WPの最新バージョンには対応していないようです。:S
WPBeginnerサポート
Yarinaさん、こんにちは。
この問題については認識しており、まもなくGutenbergで動作するように記事を更新します。それまでの間、Gallery Custom Linksプラグインをご覧ください。
管理者
J・ブリンカー
これ、本当にありがとうございます！色々な新しいギャラリーをインストールしようとしていましたが、どれも求めているものではありませんでした。これは完璧な解決策でした。
カルーセルギャラリーでも機能するなら興味があるのですが、画像にズームインして、それをリンクにクリックできるようにしたいです。
いずれにしても、あなたのプラグインは素晴らしいです。大変感謝しています!!!
Jordy Meow
このプラグインは更新されておらず、作者はユーザーを助けることにも、それについて何かすることにも熱心ではないようです。このプラグインは標準ギャラリーでのみ機能し、WordPress 5.0によってもたらされた新しいギャラリーブロックを含む他のどのギャラリーでも機能しません。
I proposed to help but was ignored. I developed my own, which worked with most galleries, and much cleaner/faster than this one. Please have a look: Gallery Custom Links and if any issue, let me know. I will make it work
Kristian
こんにちは
Themify Ultra テーマのギャラリーで動作しませんか？
よろしくお願いします、kristian
ジョセリン・ハーディング
まさに必要としていたものです！完璧で、本当にありがとうございました。多くのストレスから解放されました。
ムーサ
あなたのサポートは非常に有益で効果的です。この素晴らしいフォーラムに感謝します。
アナ
Hi! thank you for your post. I installed it and can’t get any of the images in my gallery to be clickable. I’ve been playing around with it and trying different options but no luck. Some help please?
Mark
この記事をありがとうございます。このプラグインが提供する機能だけが欲しかったのに、多くの複雑なJava駆動の機能を持つすべてのカルーセルプラグインを見て、多くの時間を無駄にしました。
Dhanuka
このプラグインのおかげで、大きな頭痛の種がなくなりました
Gina
WP Gallery Custom Linksはとても気に入っていますが、コメントの部分を削除したいです。写真のリンクと説明だけが欲しいのです。コメントの部分を削除するにはどうすればよいですか？
エド・マッカーシー
あなたが私をどれだけの時間、エネルギー、労力を節約してくれたか、何か考えはありますか？最初にここを見るべきでしたが、まあ、必要なものを見つけました。ちなみに、これはWP Image Galleryでうまく機能しています。また、このプラグインのサポートは現在「johnogg」によって維持されており、彼は一流の仕事をしているようです！このチュートリアル/投稿を本当にありがとうございます。あなたたちは素晴らしいです！エド・マッカーシー
ロシェル
このプラグインは、作者がもはやサポートしていないと表示されています。他に何かアイデアはありますか？
WPBeginnerサポート
こんにちは、ロシェルさん。
これは Envira Gallery を使用して行うことができます。機能が限定された無料版の Envira Gallery Lite もあります。
管理者
Ryan
こんにちは。
Envira Pro を使用していますが、ギャラリー画像のリンク先を私が入力した URL に設定できません。ギャラリーのすべての画像で URL を変更しましたが、それでもフルサイズの画像にリンクしてしまいます。Envira でこれをどのように行うのですか？
WPBeginnerサポート
Ryanさん、こんにちは。
ギャラリーに写真へのリンクを追加する方法については、こちらの記事をご覧ください。ギャラリーに写真へのリンクを追加する。それでも解決しない場合は、Envira Galleryサポートチームにお問い合わせください。彼らが対応してくれます。
Steve
このプラグインはまだ動作しますか？
インストールしましたが、ギャラリーの画像をクリックしても何も起こりません。色々と試してみましたが、うまくいきません。動作すれば素晴らしいプラグインなのですが…
ありがとうございます！
Steve
やっぱりいいです。一般設定を「メディアファイル」へのリンクに変更したら、ようやく動作しました。
ありがとうございます！
Sarah Porter
「メディアファイル」に切り替えた方法を教えていただけますか？このオプションが見当たりません。現在、私の写真は（クリックすると）写真自体が拡大されるだけで、リンクはほとんど存在しないように見えます。
Srinimf
とても良いサイトです
Axel
アドバイスありがとうございます。まさに必要としていたものでした。
素晴らしい仕事を続けてください。
Neel
WordPressギャラリーをレスポンシブにするのを手伝ってくれる人はいませんか？
Mudasir
サイトに画像をアップロードしましたが、その画像にはリンクが含まれています。そのリンクをノーフォローにしたいのですが、ノーフォローボタンをクリックすると「ハイパーリンクがありません」と表示されます。どうすればよいですか？
スティーブ・デンガー
すごくクールですね！いつも答えがあって、あなたのサイトを高く評価しています！
Adrian
私は「K」（2015年6月6日 午後12:53に投稿）と同じ問題を抱えていました。解決するのに時間がかかりましたが、外部リンクを正しく機能させるには、フルアドレス（http:// を含む）が必要です。
とても役立つプラグインです。
K
画像をリンクさせたいURLを入力すると、リンク先のURLが私のページのURLの末尾に追加されてしまい、URLが存在しないというエラーメッセージが表示されます（URLが2つ積み重なっているため）。助けてください！これが機能することを願っています！
twifordmin
これにより、Facebookに画像を投稿し、人々が画像をクリックするとWordPressの投稿に移動するようにできますか？
WPBeginnerスタッフ
スタイルによっては、テーマのスタイルシートでパディングとマージンを調整する必要があります。
アリ・カーン
良い情報ですね。画像の角がテキストの配置からはみ出さないように、画像の周りにテキストを折り返すにはどうすればよいですか？ページの幅によるものですか、それともスタイルに関係していますか？
ドリーン・サージェンテ
このプラグインを最新バージョンのWPで使用する方法についてのチュートリアルはありますか？約1年間快適に使用していましたが、アップグレードしてから使い方がわからず、その方法に関するヘルプもあまり見つかりません。
アマンダ・ルーカス
本当にありがとうございます – 自分のフードブログの解決策を探していました
アンドリュー
ありがとう、これでしばらく悩んでいました…:)
payam
ありがとう
Livi
気に入りました。ありがとうございます!!
aayush
こんにちは、このプラグインを使用しています。ギャラリーのすべての画像のサイズを、私が設定したいサイズと同じにするにはどうすればよいですか？私のウェブサイトはこちらです
画像のサイズをすべて確認してください。すべての画像のサイズを同じに保ちたいです。もし可能であれば、それについて助けていただけますか？返信いただけると幸いです。ご協力に大変感謝いたします。ありがとうございます。
Elisa
クライアントギャラリーに画像へのリンクを追加しようと思っていたところだったので、ちょうど良いタイミングです。
ありがとうございます！
Jill
情報ありがとうございます！WPギャラリーのリンクを「nofollow」にする方法はありますか？
WPBeginnerサポート
これは現時点では、プラグイン自体を編集しない限り不可能です。プラグインの編集は推奨しません。ただし、自分でプラグインを作成することに慣れている場合は、プラグインをフォークしてニーズに合わせて変更することができます。
管理者
karen
素晴らしい情報です。どうもありがとうございます！