WordPress.org

1. contSuzuki
   メンバー
   1 year前の投稿 #

   個別記事ページ(single.php)でのアイキャッチ画像表示+元画像へのリンクを設置しようと考えております。
   希望は、以下のような形です。
   

   <a class="任意のクラス" href="http://example.com/wp-content/uploads/2011/02/アイキャッチ-リサイズ前.jpg">
   <img class="attachment-post-thumbnail wp-post-image" src="http://example.com/wp-content/uploads/2011/02/アイキャッチ-300x300.jpg">
   </a>

   <?php the_post_thumbnail(); ?>
   で、アイキャッチ画像の呼び出しはできたのですが、
   “リサイズ前の画像へのリンク”を設置することが出来ません。

   どなたか、ご教授頂けませんでしょうか？
   質問に不備などがあれば、ご指摘下さい。

   よろしくお願い致します。

2. jim912
   世話役
   1 year前の投稿 #

   contSuzukiさん、こんにちは。

   カスタムフィールドからの画像URL取得方法を参考に、

   • アイキャッチ画像のmeta_keyは、_thumbnail_id
   • get_post_metaの第３引数はtrueにすれば、文字列で取得できるので、foreachでループさせる必要はない

   で、元画像のURLが取得できます。

3. contSuzuki
   メンバー
   1 year前の投稿 #

   jim912さん、回答いただきまして有難うございます。

   私は、php・WordPress共に、全くの初心者です。
   ご教授いただいた内容から考えた結果、以下のようなコードになったのですが、
   やはりダメのようです…
   

   <?php
   	$files = get_post_thumbnail_id($post->ID,jpg,true);
   	$file = wp_get_attachment_url($file);
   	echo $file;
   ?>
   <a href="<?php echo clean_url($file_url); ?>" >

   お手数をお掛けしますが、再度ご教授頂けませんでしょうか?

4. shokun0803
   メンバー
   1 year前の投稿 #

   get_post_meta($post->ID, '_thumbnail_id', true);

   とか？

5. contSuzuki
   メンバー
   1 year前の投稿 #

   shokun0803さん、返信有難うございます！

   試してみましたが、やはりダメでした…

6. jim912
   世話役
   1 year前の投稿 #

   contSuzukiさん。。。

   shokun0803さんの助言 ＋ $files と　$file

7. contSuzuki
   メンバー
   1 year前の投稿 #

   jim912さん、shokun0803さん、有難うございます！！
   以下のコードで解決しました！
   

   <?php
   	$files = get_post_meta($post->ID, '_thumbnail_id', true);
   	$file = wp_get_attachment_url($files);
   ?>
   <a href="<?php echo clean_url($file); ?>" >
   	<?php the_post_thumbnail(); ?>
   </a>

   $filesのところで、ファイルのＩＤ取得して、
   $fileのところで、そのファイルのURLを取得して、
   <?php echo clean_url($file); ?>でそのURLを書き出す。

   という流れだったんですね！

   こんな初心者に丁寧にご教授いただきまして有難うございました！

8. contSuzuki
   メンバー
   1 year前の投稿 #

   解決済みとするのを忘れてました。

   jim912さん、shokun0803さん、有難うございました！

返信

ログイン しなければ投稿できません。