MENU
WordPress

【初心者向け】WordPressに画像付きリンクを設定する方法

wordpress 画像 リンク

こんにちは、りゅうのすけ(@k_r001)です。

この記事は、WordPressの画像にリンクを追加できるプラグイン「Gallery Custom Links」の使い方をまとめました。

 

初心者ブロガー
初心者ブロガー
ボタンみたいに、画像にリンクを設定してみたいなぁ

 

こう言った質問を受けたので、画像にリンクを追加する方法について書いてます。

画像リンクとは?

wordpress 画像 リンク

画像リンクは、画像をクリックすると別ページに移動するようにリンクを設定することです。

画像リンクを使うことでリンク先URLと連携でき、「内部リンク」、「外部リンク」にもなります。

無理に設定する必要はないですが、知っておけば使う機会は必ずでてきます。

 

LP(ランディングページ)の画像に使うと効果的です。

 

LP(ランディングページ)については、⬇︎下記記事を参考にしてください。

 

\ランディングページの作り方/

 

画像にリンクを設定できるプラグイン

wordpress 画像 リンク

画像にリンクを設定するには、「Gallery Custom Links」を使います。

 

「Gallery Custom Links」をWordPress内にインストールしておけば、ギャラリーからいつでもリンクを設定できます。

 

使い勝手がいいので、画像リンクを設定する必要性があれば常に入れておきましょう。

Gallery Custom Linksをインストール

wordpress 画像 リンク

まずは、「Gallery Custom Links」をインストールしましょう。

 

プラグインのインストール場所は、「プラグイン」➡︎「新規追加」を押すとプラグインを追加できます。

 

wordpress 画像 リンク

キーワードに「Gallery Custom Links」と入力すればでてくるので、インストールを押しましょう。

プラグインをインストールしたら、必ず有効化しましょう。

wordpress 画像 リンク

パソコン内にプラグインをダウンロードしたい方は、⬇︎下記リンクより取得できます。

  

\Gallery Custom Linksをダウンロード/

 

画像にリンクを設定する

wordpress 画像 リンク

画像にリンクを設定するには、メディアから設定きます。

メディアを開くと右下の方にリンク設定が追加されているので、ここにURLを入力しましょう。

wordpress 画像 リンク

 

URL設定項目
  • Link URL
    • 画像をクリックした時の移動先URL
  • Link Target
    • Same page:現在のタブでリンクを開く

      New page:新しいタブでリンクを開く
  • Link Rel:rel属性
    • Link TargetでNew pageを選んだ場合は、「noopener」を入れる。

      広告リンクや利益を得るためのリンクであれば、「nofollow」を入れる。
  • Arial Label
    • 画面に表示されないテキストラベル

 

「noopener」と「nofollow」両方入れる場合は、「noopener nofollow」と記載しましょう。

 

画像にリンクを設定したらどうなるのか?

wordpress 画像 リンク

⬆︎上記画像にリンクを設定しています。

押してみるとリンク先に飛ぶのがわかるので試しに押してみてください。

WordPressにアップロードした画像は、同様に全て設定できます。

まとめ

Gallery Custom Links」を使うことで、簡単に画像にリンクを追加できます。

別タブで開くということはできませんが、「Easy FancyBox」でもリンクを設定できます。

 

\Easy FancyBoxの設定/

 

すでに使用している画像のリンクもメディアから編集できるので、後々の作業も楽にすることができます。

 

スクロール中にページが切り替わると、使いづらいサイトになるので使いすぎ注意!

 

うまく役立ててください。

最後まで見ていただき、ありがとうございました。
 

ABOUT ME
りゅうのすけ
高校卒業後、地元香川で就職、一度転職を経て現在はブロガーとして活動してます。 投資をしたり、MLMに騙されそうになった経験をもとに、ブログを書いています。
PS.

記事が有益だなと思った方は、サポートしていただけるとやる気出ます。
 

\1円からのドネーション/

仕事依頼

 

\WordPress開設依頼/

公式LINE

 

\公式LINEもやってます/
公式LINE無料プレゼント

 

  • ワンクリックで登録可能
  • 個人情報はこちらからわからないようになっているのでご安心を

 

こんな人におすすめ
  • ブログを進めていく上でわからないことがある
  • 設定など誰か相談できる人が欲しい
  • 記事ネタに困った時に情報収集したい
  • ブロガー仲間が欲しい

 
困っていることなど直接相談できる場所になってますので、登録しておくといいですよ!
 

登録者特典

 

公式LINE@無料プレゼント
  1. 限定公開記事の共通パスワード配布
    • ブログ内の限定公開記事のパスワードを配布してます。
  2. サイト作成依頼クーポンコード
    • サイト作成依頼時に使えるクーポンコードを配布します。
  3. ブログスターターキット
    • ブログに必要な便利ツール、イラストなど随時更新
  4. 完全個別無料相談
    • ブログについて、1日1人限定で無料相談を受けてます。
      (営業を仕掛けるのはやめてください。)

 

\友達追加しますと、下記のメニューが表示されます。/
公式LINEリッチメニュー

 
各ボタンをポチポチ押すことで欲しい情報だけで情報を取得できるので便利ですよ!