サポート » 使い方全般 » 個別記事ページ(single.php)でのアイキャッチ画像表示 元画像へのリンク設置

  • 解決済 contSuzuki

    (@contsuzuki)


    個別記事ページ(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(); ?>
    で、アイキャッチ画像の呼び出しはできたのですが、
    “リサイズ前の画像へのリンク”を設置することが出来ません。

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

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

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • モデレーター jim912

    (@jim912)

    contSuzukiさん、こんにちは。

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

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

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

    トピック投稿者 contSuzuki

    (@contsuzuki)

    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); ?>" >

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

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

    とか?

    トピック投稿者 contSuzuki

    (@contsuzuki)

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

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

    モデレーター jim912

    (@jim912)

    contSuzukiさん。。。

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

    トピック投稿者 contSuzuki

    (@contsuzuki)

    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のところで、ファイルのID取得して、
    $fileのところで、そのファイルのURLを取得して、
    <?php echo clean_url($file); ?>でそのURLを書き出す。

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

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

    トピック投稿者 contSuzuki

    (@contsuzuki)

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

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

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • トピック「個別記事ページ(single.php)でのアイキャッチ画像表示 元画像へのリンク設置」には新たに返信することはできません。