Title: トップページのアイキャッチ画像に任意のリンクを付けたい
Last modified: 2016年7月30日

---

# トップページのアイキャッチ画像に任意のリンクを付けたい

 *  解決済 [gjk8r9sdi3](https://ja.wordpress.org/support/users/gjk8r9sdi3/)
 * (@gjk8r9sdi3)
 * [13年、 2ヶ月前](https://ja.wordpress.org/support/topic/%e3%83%88%e3%83%83%e3%83%97%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%a2%e3%82%a4%e3%82%ad%e3%83%a3%e3%83%83%e3%83%81%e7%94%bb%e5%83%8f%e3%81%ab%e4%bb%bb%e6%84%8f%e3%81%ae%e3%83%aa%e3%83%b3%e3%82%af/)
 * はじめまして。トップページに記事のアイキャッチ画像があるのですが、その画像に任意
   のリンクを付けたいのですがやり方がわかりませんでした。通常アイキャッチ画像をクリック
   すると記事個別ページに行きますが、それを任意のリンク先に変更と言う感じです。よろしく
   お願いします。

8件の返信を表示中 - 1 - 8件目 (全8件中)

 *  [EisukeAkimoto](https://ja.wordpress.org/support/users/eask/)
 * (@eask)
 * [13年、 2ヶ月前](https://ja.wordpress.org/support/topic/%e3%83%88%e3%83%83%e3%83%97%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%a2%e3%82%a4%e3%82%ad%e3%83%a3%e3%83%83%e3%83%81%e7%94%bb%e5%83%8f%e3%81%ab%e4%bb%bb%e6%84%8f%e3%81%ae%e3%83%aa%e3%83%b3%e3%82%af/#post-165036)
 * 時間が経っているので解決済みかもしれませんが、
    アイキャッチを`the_post_thumbnail()`
   で呼び出すのではなく`get_the_post_thumbnail`などで呼び出し、前後の`<a>`タグを
   書き換えてあげれば解決するかと思います。
 *  トピック投稿者 [gjk8r9sdi3](https://ja.wordpress.org/support/users/gjk8r9sdi3/)
 * (@gjk8r9sdi3)
 * [13年、 2ヶ月前](https://ja.wordpress.org/support/topic/%e3%83%88%e3%83%83%e3%83%97%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%a2%e3%82%a4%e3%82%ad%e3%83%a3%e3%83%83%e3%83%81%e7%94%bb%e5%83%8f%e3%81%ab%e4%bb%bb%e6%84%8f%e3%81%ae%e3%83%aa%e3%83%b3%e3%82%af/#post-165039)
 * EisukeAkimotoさんご返信ありがとうございます。
    index.phpという所に「the_post_thumbnail」
   があったのですが、これを「get_the_post_thumbnail」に書き換えればよろしいのでしょう
   か。
 *  [EisukeAkimoto](https://ja.wordpress.org/support/users/eask/)
 * (@eask)
 * [13年、 2ヶ月前](https://ja.wordpress.org/support/topic/%e3%83%88%e3%83%83%e3%83%97%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%a2%e3%82%a4%e3%82%ad%e3%83%a3%e3%83%83%e3%83%81%e7%94%bb%e5%83%8f%e3%81%ab%e4%bb%bb%e6%84%8f%e3%81%ae%e3%83%aa%e3%83%b3%e3%82%af/#post-165040)
 * すみません。ど勘違いをしておりました。
    前回の返信は忘れてください。
 * `the_post_thumbnail()`は、現在投表示している投稿のアイキャッチを呼び出すテンプレート
   タグですので、その前後にある`<a href="<?php the_permalink(); ?>"></a>`等のリンク
   先を書き換えてあげてください。
 * `get_the_post_thumbnail()`は「指定した投稿のアイキャッチを取得するテンプレート
   タグ」ですので、こちらでなくとも希望の動きにはなると思います。
 *  トピック投稿者 [gjk8r9sdi3](https://ja.wordpress.org/support/users/gjk8r9sdi3/)
 * (@gjk8r9sdi3)
 * [13年、 2ヶ月前](https://ja.wordpress.org/support/topic/%e3%83%88%e3%83%83%e3%83%97%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%a2%e3%82%a4%e3%82%ad%e3%83%a3%e3%83%83%e3%83%81%e7%94%bb%e5%83%8f%e3%81%ab%e4%bb%bb%e6%84%8f%e3%81%ae%e3%83%aa%e3%83%b3%e3%82%af/#post-165041)
 * EisukeAkimotoさんご返信ありがとうございます。
    説明不足で申し訳ありません。1つ
   のリンク先ではなく、記事ごとに別々のリンク先を指定したいと思っております。ワード
   プレスははじめてで、自分なりに色々勉強しているのですが見当違いな質問だったら申し訳
   ありません。
 *  [EisukeAkimoto](https://ja.wordpress.org/support/users/eask/)
 * (@eask)
 * [13年、 2ヶ月前](https://ja.wordpress.org/support/topic/%e3%83%88%e3%83%83%e3%83%97%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%a2%e3%82%a4%e3%82%ad%e3%83%a3%e3%83%83%e3%83%81%e7%94%bb%e5%83%8f%e3%81%ab%e4%bb%bb%e6%84%8f%e3%81%ae%e3%83%aa%e3%83%b3%e3%82%af/#post-165043)
 * > 記事ごとに別々のリンク先を指定したい
 * というのは、例えば「画像」と「記事タイトル」があったとするならば、テキストタイトル
   は記事へのリンクだとして画像を別のリンク先とし、更に記事単位でそれぞれも同様に
   リンクを分けていく、ということではなくてですか？
 * また、次のご返信にループ文codeで貼り付けてみてください。
 *  トピック投稿者 [gjk8r9sdi3](https://ja.wordpress.org/support/users/gjk8r9sdi3/)
 * (@gjk8r9sdi3)
 * [13年、 2ヶ月前](https://ja.wordpress.org/support/topic/%e3%83%88%e3%83%83%e3%83%97%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%a2%e3%82%a4%e3%82%ad%e3%83%a3%e3%83%83%e3%83%81%e7%94%bb%e5%83%8f%e3%81%ab%e4%bb%bb%e6%84%8f%e3%81%ae%e3%83%aa%e3%83%b3%e3%82%af/#post-165044)
 * ご返信ありがとうございます。おっしゃるとおり、テキストは記事個別へ、アイキャッチ
   を記事単位で任意のリンク先を指定したいと思っております。ループ文codeというのが
   理解していないのですが下記でよろしいのでしょうか。よろしくお願いします。
 * <!– アイキャッチ画像 –>
 *     ```
       <a href="<?php the_permalink() ?>">
       <?php
       if ( has_post_thumbnail() ) the_post_thumbnail(array(170,170));
       else echo '<img src="'.get_bloginfo("template_url").'/images/dot.gif" width="170" height="170" />';
       ?>
       </a>
       ```
   
 * <!– / アイキャッチ画像 –>`
 *  [EisukeAkimoto](https://ja.wordpress.org/support/users/eask/)
 * (@eask)
 * [13年、 2ヶ月前](https://ja.wordpress.org/support/topic/%e3%83%88%e3%83%83%e3%83%97%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%a2%e3%82%a4%e3%82%ad%e3%83%a3%e3%83%83%e3%83%81%e7%94%bb%e5%83%8f%e3%81%ab%e4%bb%bb%e6%84%8f%e3%81%ae%e3%83%aa%e3%83%b3%e3%82%af/#post-165045)
 * であれば、投稿画面で「カスタムフィールド」を使用するのが一番簡単です。
 * 投稿画面にて、タイトルと本文入力画面の下に“カスタムフィールド”という入力欄はありま
   せんか？もし無ければ、画面上部の「表示オプション」タブの中の“カスタムフィールド”
   のチェックが外れていると思うので、チェックを入れ有効化します。
 * 後に、本文入力欄下部のカスタムフィールドの**名前**の欄に例えば“imgurl”とでもい
   れて、**値**の部分に画像のリンク先としたいURLを入力します。
 * そしてテンプレートのコードは
 *     ```
       <a href="<?php echo get_post_meta($post->ID, 'imgurl', true); ?>">
         <?php
           if ( has_post_thumbnail() ):
             the_post_thumbnail(array(170,170));
           else:
             echo '<img src="'.get_bloginfo("template_url").'/images/dot.gif" width="170" height="170" />';
           endif;
         ?>
       </a>
       ```
   
 * 検証はしていませんが、上記で実現可能かと思います。
 * 書き換えた`get_post_meta()`に関しての詳細は[こちら](http://wpdocs.sourceforge.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/get_post_meta)
   をご覧ください。
 * もっと分かりやすく直感的に管理画面の実装をする必要がある場合は[Custom Field Template](http://wordpress.org/plugins/custom-field-template/)
   や[Advanced Custom Fields](http://wordpress.org/plugins/advanced-custom-fields/)
   の導入を検討してみてください。
 *  トピック投稿者 [gjk8r9sdi3](https://ja.wordpress.org/support/users/gjk8r9sdi3/)
 * (@gjk8r9sdi3)
 * [13年、 1ヶ月前](https://ja.wordpress.org/support/topic/%e3%83%88%e3%83%83%e3%83%97%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%a2%e3%82%a4%e3%82%ad%e3%83%a3%e3%83%83%e3%83%81%e7%94%bb%e5%83%8f%e3%81%ab%e4%bb%bb%e6%84%8f%e3%81%ae%e3%83%aa%e3%83%b3%e3%82%af/#post-165046)
 * EisukeAkimotoさんありがとうございます！教えていただいた通りやりましたらできま
   した！遅い時間にもかかわらず何度もご丁寧に回答していただいて本当にありがとうご
   ざいます。大変勉強になりました。ありがとうございました。

8件の返信を表示中 - 1 - 8件目 (全8件中)

 トピック「トップページのアイキャッチ画像に任意のリンクを付けたい」には新たに返信
することはできません。

## タグ

 * [アイキャッチ](https://ja.wordpress.org/support/topic-tag/%e3%82%a2%e3%82%a4%e3%82%ad%e3%83%a3%e3%83%83%e3%83%81/)

 * フォーラム: [使い方全般](https://ja.wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 8件の返信
 * 2人の参加者
 * 最後の返信者: [gjk8r9sdi3](https://ja.wordpress.org/support/users/gjk8r9sdi3/)
 * 最後の活動: [13年、 1ヶ月前](https://ja.wordpress.org/support/topic/%e3%83%88%e3%83%83%e3%83%97%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%a2%e3%82%a4%e3%82%ad%e3%83%a3%e3%83%83%e3%83%81%e7%94%bb%e5%83%8f%e3%81%ab%e4%bb%bb%e6%84%8f%e3%81%ae%e3%83%aa%e3%83%b3%e3%82%af/#post-165046)
 * 状態: 解決済

## トピック

### 人気のトピック

### 返信がないトピック

### サポート関連ではないトピック

### 解決済みのトピック

### 未解決のトピック

### すべてのトピック
