サムネイルの画像を背景として表示

Question

###前提・実現したいこと
サムネイルの画像を背景として表示させたいと思っております。もしサムネイル画像がなければno-image画像に切り替えるようにします。

###発生している問題・エラーメッセージ

<?php
   if(has_post_thumbnail()) {
      $image_url = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full');
                
    echo '<div class="thumbnail-box" style="background-image:url(<?php echo $image[0]; ?>);"></div>';
       }  
    else {    
     echo '<div class="thumbnail-box" style="background-image:url(' . get_template_directory_uri() . '/images/no-image.png);"></div>';
          }
  ?>

###試したこと
no-image画像は正しく表示されますが、肝心のサムネイル画像が表示されません。echoの記述の中にechoが入っていることが原因だということはわかったのですが、解決策が見つかりません。

分かる方がいらっしゃいましたら、ご教授お願い致します。

Answer 1

こう書きます

if(has_post_thumbnail()) {
    $image_url = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full');
    echo '<div class="thumbnail-box" style="background-image:url('. $image_url[0]. '"></div>';
} else {    
    echo '<div class="thumbnail-box" style="background-image:url(' . get_template_directory_uri() . '/images/no-image.png);"></div>';
}

Comments

[goligo]

ありがとうございます。お手数おかけしました。

Answer 2

echoの中にechoもですが<?phpの中に<?phpも使いません。他にもまだありますが・・・
また$imageはどこにも定義されていないので使えません。

解決策が見つかりません。

じゃなくて学んでください。

<?php
   if(has_post_thumbnail()) {
      $image_url = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full');

    echo '<div class="thumbnail-box" style="background-image:url('.$image_url[0].')"></div>';
       }  
    else {    
     echo '<div class="thumbnail-box" style="background-image:url(' . get_template_directory_uri() . '/images/no-image.png);"></div>';
          }
  ?>

Comments

[goligo]

ご回答ありがとうございます。無事表示することができました。
PHP基礎から学ぼうと思います。お手数をおかけしました。

Answer 3

下記質問と同じでは。PHPの入門書などで基礎部分を勉強されてはいかがでしょうか。

【PHP - サムネイルの背景画像にno-image画像を配置したい。(88961)｜teratail】
https://teratail.com/questions/88961

echo '<div class="thumbnail-box" style="background-image:url("<?php echo get_template_directory_uri(); ?>/images/no-image.png");">';
// ↓
echo '<div class="thumbnail-box" style="background-image:url(' . get_template_directory_uri() . '/images/no-image.png);">';
// なら、
echo '<div class="thumbnail-box" style="background-image:url(<?php echo $image[0]; ?>);"></div>';
// ↓
echo '<div class="thumbnail-box" style="background-image:url(' . $image_url[0] . ');"></div>';

Comments

[goligo]

ご回答ありがとうございます。
おっしゃる通りでございます。基礎から学びたいと思います。