サムネイルの背景画像にno-image画像を配置したい。

Question

###前提・実現したいこと
Wordpressでサムネイルにアイキャッチ画像を、背景として配置しています。
それでアイキャッチ画像がない場合、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]; ?>);">';}  
  else {    
  echo '<div class="thumbnail-box" style="background-image:url("../wp-content/themes/my-blog/images/no-image.png");">'; }?>

この方法でやるとbackground-imageの中は空になります。下記の方法でもダメでした。

echo '<div class="thumbnail-box" style="background-image:url("<?php echo get_template_directory_uri(); ?>/images/no-image.png");">';

###補足情報(言語/FW/ツール等のバージョンなど)
分かる方がいましたら、ご教授いただけると助かります。

Answer 1

最初に提示されている方法ですと、階層が深くなった場合に対応ができないのでお勧めしません。

2つ目の方法だと、echo の中で <?php ?> を使用していますが、PHPタグの中でPHPタグを使用することはできません。また、echo の中で echo を使用することもできません。
ですので、下記のように記述をすると背景画像が表示されるかと思います。

echo '<div class="thumbnail-box" style="background-image:url(' . get_template_directory_uri() . '/images/no-image.png);">';

PHP タグ
echo

参考になれば幸いです。

Comments

[goligo]

すばらしい！！ばっちり表示されました。ありがとうございます！！