ショートコードで画像のURLを取得したい

Question

wordpress初心者です。

ショートコードを作る際に、記事のサムネイルも表示させたいと思い、下記のようにfunctions.phpにコードを追加しました。

<?php
function linkpage_func_img ( $atts ) {
    extract( shortcode_atts( array(
        'id' => '', 
        'slug' => '', 
    ), $atts ) );
    $my_url = home_url( '/' );
    if($slug){ 
        $id = url_to_postid($my_url. $slug);
    }
    $link = get_permalink($id);
    $title = get_the_title($id); 
    $img = the_post_thumbnail_url($id,'medium');//←追加したコード
    return '<a href="'. $link .'"' .'itemprop="url">'.'<img src="'.$img.'">'. $title. '</a>';
}
add_shortcode('pagelink-img', 'linkpage_func_img');

ですが、正常に表示されず、開発者ツールでは「img src(unknown)」と表示されてしまいます。
リンク先の記事に画像だけでなくアイキャッチ画像を入れてみてもダメでした。

どのようにすれば解決できるかご教授いただけないでしょうか？

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

Answer 1

$img = the_post_thumbnail_url($id,'medium');//←追加したコード

ですが、正常に表示されず、開発者ツールでは「img src(unknown)」と表示されてしまいます。

リンク先の記事に画像だけでなくアイキャッチ画像を入れてみてもダメでした。

テンプレートタグ/the_post_thumbnail にある書式では　<?php the_post_thumbnail( $size, $attr ); ?> と書かれていますので、呼び出し方(パラメータの指定)が間違っていると思います。

the_post_thumbnail の場合、WordPress のループ内で、使用するので、ループで指定されている「投稿ID」のサムネイルを取得します。
しかし、サイズに 投稿ID を指定して、タグの属性値指定に サイズを渡していますので、「投稿ID」に準ずるサイズは、存在しないので、 unknown になっていると思われます。

おそらく、やりたいこととしては、the_post_thumbnail_url() ではなく、投稿IDとサイズを指定してサムネイルURLを取得する get_the_post_thumbnail() を使うの間違いではないでしょうか？

テンプレートタグ/get_the_post_thumbnail の書式は、 <?php echo get_the_post_thumbnail( $post_id, $size, $attr ); ?> です。

質問のコードでは、the_post_thumbnail_url() に get_the_post_thumbnail() のパラメータを渡しているので、関数名の記載を間違えていると思います。

Comments

[TakenokoTaro]

無事サムネイルが表示されるようになりました！ありがとうございます。