読者からよく寄せられる質問の一つに、ギャラリー画像を特定のページや商品にリンクさせる方法があります。
WordPressギャラリーは画像を一覧表示するのに便利ですが、デフォルトの設定ではカスタムリンクが許可されていません。これは多くのウェブサイト所有者やブロガーを悩ませる制限です。
実践的なテストを通じて、WordPressでギャラリー画像にカスタムリンクを追加する最も信頼性の高い方法を見つけました。
このガイドでは、コーディングの知識を必要としない方法を使用して、ポートフォリオ、製品ショーケース、またはビジュアルメニューを作成しているかどうかにかかわらず、ギャラリー画像にカスタムリンクを追加する方法を段階的に説明します。
WordPressでギャラリー画像にリンクを追加する理由
WordPressのギャラリーブロックを使用すると、画像のコレクションを素敵なレイアウトで表示できます。これは、製品画像、オンラインポートフォリオの写真などを表示するのに最適です。
ただし、ギャラリー画像にリンクを追加すると、さらに一歩進みます。
ギャラリー画像を特定のページ、投稿、または外部サイトにリンクできます。このアプローチにより、訪問者はあなたのウェブサイトをさらに深く掘り下げることができます。詳細を知りたい場合でも、注目の製品を購入したい場合でも同様です。
これは、訪問者を惹きつけ、コンバージョンを促進するための優れた方法です。さらに多くのお金を稼ぐために、画像ギャラリーにアフィリエイトリンクを追加することもできます。
それでは、WordPressでギャラリー画像にカスタムリンクを追加する方法を見てみましょう。使用したい方法に直接ジャンプするには、以下のクイックリンクを使用してください。
方法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でも私たちを見つけることができます。
ババク・ファクハムザーデ
現在、デフォルトのWordPressギャラリーブロックでは、含まれる画像にリンクを指定できません。そのオプションは単に存在しません。
WPBeginnerサポート
個々の画像を選択してリンクを追加するオプションがない場合は、トラブルシューティングガイドを確認して競合を確認することをお勧めします。
https://www.wpbeginner.com/beginners-guide/beginners-guide-to-troubleshooting-wordpress-errors-step-by-step/
管理者
イジー・ヴァネック
私は常にElementorを使用してギャラリーを作成していました。実際、ブロックエディターでギャラリーを作成する方法さえ知りませんでした。Gutenbergに多くの時間を割いていただきありがとうございます。あなたのチュートリアルのおかげで、ブロックエディターをよりうまく扱えるようになりました。あなたは素晴らしいです。
ダニエル
この投稿は本当に役立ちます。私の考えを超えて助けてくれました。これは不可能だと思っていましたし、誰もこのことについての投稿を持っていません。本当にありがとうございます。
WPBeginnerサポート
Glad our guide was helpful
管理者
オラフ
このチュートリアルを見つけました。推奨されているプラグイン「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
管理者
ジェームズ・ヘイ
WP beginner が大好きで、とても役立つと感じています。しかし、あなたの解決策は文字通りすべてプラグインをインストールすることのようです。あなたの助言に従うなら、簡単なタスクを達成するためにすでに百万個のプラグインを持っているでしょう。実際、すべての記事の解決策がプラグインをインストールすることであるのはイライラします。
WPBeginnerサポート
私たちのチュートリアルの目標は、初心者にとって簡単であることです。そのため、カスタムコードスニペットよりもプラグインを推奨する傾向があります。他のオプションも検討しますが、今のところ、複数のプラグインがあっても大きな問題ではありません。https://www.wpbeginner.com/opinion/how-many-wordpress-plugins-should-you-install-on-your-site/
管理者
アレクサンドリア
このプラグインは1月6日に終了しました。他に推奨するものはありますか？
WPBeginnerサポート
現時点ではありませんが、必ず探しておきます。
管理者
ジョーディー・ミャオ
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・ブリンカー
これ、本当にありがとうございます！色々な新しいギャラリーをインストールしようとしていましたが、どれも求めているものではありませんでした。これは完璧な解決策でした。
カルーセルギャラリーでも機能するなら興味があるのですが、画像にズームインして、それをリンクにクリックできるようにしたいです。
いずれにしても、あなたのプラグインは素晴らしいです。大変感謝しています!!!
ジョーディー・ミャオ
このプラグインは更新されておらず、作者はユーザーを助けることにも、それについて何かすることにも熱心ではないようです。このプラグインは標準ギャラリーでのみ機能し、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?
マーク
この記事をありがとうございます。このプラグインが提供する機能だけが欲しかったのに、多くの複雑なJava駆動の機能を持つすべてのカルーセルプラグインを見て、多くの時間を無駄にしました。
ダヌカ
このプラグインのおかげで、大きな頭痛の種がなくなりました
ジーナ
WP Gallery Custom Linksはとても気に入っていますが、コメントの部分を削除したいです。写真のリンクと説明だけが欲しいのです。コメントの部分を削除するにはどうすればよいですか？
エド・マッカーシー
あなたが私をどれだけの時間、エネルギー、労力を節約してくれたか、何か考えはありますか？最初にここを見るべきでしたが、まあ、必要なものを見つけました。ちなみに、これはWP Image Galleryでうまく機能しています。また、このプラグインのサポートは現在「johnogg」によって維持されており、彼は一流の仕事をしているようです！このチュートリアル/投稿を本当にありがとうございます。あなたたちは素晴らしいです！エド・マッカーシー
ロシェル
このプラグインは、作者がもはやサポートしていないと表示されています。他に何かアイデアはありますか？
WPBeginnerサポート
こんにちは、ロシェルさん。
Envira Galleryを使用してこれを行うことができます。機能が制限されたEnvira Gallery Liteという無料バージョンもあります。
管理者
ライアン
こんにちは。
Envira Pro を使用していますが、ギャラリー画像のリンク先を私が入力した URL に設定できません。ギャラリーのすべての画像で URL を変更しましたが、それでもフルサイズの画像にリンクしてしまいます。Envira でこれをどのように行うのですか？
WPBeginnerサポート
Ryanさん、こんにちは。
ギャラリーの画像にリンクを追加する方法については、この記事を参照してください。それでも解決しない場合は、Envira Galleryサポートチームに連絡してください。彼らが対応してくれます。
Steve
このプラグインはまだ動作しますか？
インストールしましたが、ギャラリーの画像をクリックしても何も起こりません。色々と試してみましたが、うまくいきません。動作すれば素晴らしいプラグインなのですが…
ありがとうございます！
Steve
やっぱりいいです。一般設定を「メディアファイル」へのリンクに変更したら、ようやく動作しました。
ありがとうございます！
サラ・ポーター
「メディアファイル」に切り替えた方法を教えていただけますか？このオプションが見当たりません。現在、私の写真は（クリックすると）写真自体が拡大されるだけで、リンクはほとんど存在しないように見えます。
スリニムフ
とても良いサイトです
Axel
アドバイスありがとうございます。まさに必要としていたものでした。
素晴らしい仕事を続けてください。
ニール
WordPressギャラリーをレスポンシブにするのを手伝ってくれる人はいませんか？
Mudasir
サイトに画像をアップロードしましたが、その画像にはリンクが含まれています。そのリンクをノーフォローにしたいのですが、ノーフォローボタンをクリックすると「ハイパーリンクがありません」と表示されます。どうすればよいですか？
スティーブ・デンガー
すごくクールですね！いつも答えがあって、あなたのサイトを高く評価しています！
Adrian
私は「K」（2015年6月6日 午後12:53に投稿）と同じ問題を抱えていました。解決するのに時間がかかりましたが、外部リンクを正しく機能させるには、フルアドレス（http:// を含む）が必要です。
とても役立つプラグインです。
K
画像をリンクさせたいURLを入力すると、リンク先のURLが私のページのURLの末尾に追加されてしまい、URLが存在しないというエラーメッセージが表示されます（URLが2つ積み重なっているため）。助けてください！これが機能することを願っています！
ツイフォードミン
これにより、Facebookに画像を投稿し、人々が画像をクリックするとWordPressの投稿に移動するようにできますか？
WPBeginnerスタッフ
スタイルによっては、テーマのスタイルシートでパディングとマージンを調整する必要があります。
アリ・カーン
良い情報ですね。画像の角がテキストの配置からはみ出さないように、画像の周りにテキストを折り返すにはどうすればよいですか？ページの幅によるものですか、それともスタイルに関係していますか？
ドリーン・サージェンテ
このプラグインを最新バージョンのWPで使用する方法についてのチュートリアルはありますか？約1年間快適に使用していましたが、アップグレードしてから使い方がわからず、その方法に関するヘルプもあまり見つかりません。
アマンダ・ルーカス
本当にありがとうございます – 自分のフードブログの解決策を探していました
アンドリュー
ありがとう、これでしばらく悩んでいました…:)
パヤム
ありがとう
リヴィ
気に入りました。ありがとうございます!!
アーユシュ
こんにちは、このプラグインを使用しています。ギャラリーのすべての画像のサイズを、私が設定したいサイズと同じにするにはどうすればよいですか？私のウェブサイトはこちらです
画像のサイズをすべて確認してください。すべての画像のサイズを同じに保ちたいです。もし可能であれば、それについて助けていただけますか？返信いただけると幸いです。ご協力に大変感謝いたします。ありがとうございます。
エリサ
クライアントギャラリーに画像へのリンクを追加しようと思っていたところだったので、ちょうど良いタイミングです。
ありがとうございます！
Jill
情報ありがとうございます！WPギャラリーのリンクを「nofollow」にする方法はありますか？
WPBeginnerサポート
これは現時点では、プラグイン自体を編集しない限り不可能です。プラグインの編集は推奨しません。ただし、自分でプラグインを作成することに慣れている場合は、プラグインをフォークしてニーズに合わせて変更することができます。
管理者
カレン
素晴らしい情報です。どうもありがとうございます！