合併瓷磚PHP（WordPress的主題：平面 - 精簡版）

Question

對不起，如果這是一個新手問題，我真的很感激任何幫助。我正在自定義一個WordPress主題，並且達到了一個我覺得我必須合併PHP函數以獲得我期待的結果的地步。

該主題是響應式的，並將帖子分成多個圖塊。但是，這些圖塊會分解爲圖像，然後發佈內容。我想我需要合併這些圖塊，因此縮略圖圖像是帖子圖塊的背景。這可能嗎？

圖像平鋪功能

<figure class="tile" style="background: <?php echo esc_attr(get_theme_mod('planar_additional_color', '#398ece')); ?><?php $thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'planar-quadratum'); if(!empty($thumbnail)) { ?> url(<?php echo $thumbnail[0]; ?>) no-repeat; background-size: cover; background-position:50%<?php } ?>;"> 

     <img src="<?php echo get_template_directory_uri(); ?>/img/blank.png" alt="" width="800" height="800" /> 

    </figure> 

郵功能

<article id="post-<?php the_ID(); ?>" <?php post_class('tile post'); ?>> 

     <img src="<?php echo get_template_directory_uri(); ?>/img/blank.png" alt="" width="800" height="800" /> 

<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" class="tile-content<?php if (!has_post_thumbnail()) : ?> no-thumbnail<?php endif; ?>" rel="bookmark"> 

    <div class="entry-meta"> 
     <?php 
      $category = get_the_category(); 
      echo '<h3>' . $category[0]->cat_name . '</h3>'; 

      if (has_post_format()) : 
       echo get_post_format_string(get_post_format()); 
      endif; 
     ?> 

    <span><time datetime="<?php the_time('Y-m-d'); ?>"><?php the_date('j F Y', '<br />', '<br />'); ?></time></span> 

    </div><!-- .entry-meta --> 

    <h1 class="entry-title"><?php the_title(); ?></h1> 

</a><!-- .tile-content --> 

</article> 

任何幫助將不勝感激，謝謝。

編輯

感謝您的幫助，知道往哪裏放新的背景屬性是超級有幫助的。以下是功能代碼：

<article id="post-<?php the_ID(); ?>" <?php post_class('tile post'); ?> style="background: <?php echo esc_attr(get_theme_mod('planar_additional_color', '#398ece')); ?><?php $thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'planar-quadratum'); if(!empty($thumbnail)) { ?> url(<?php echo $thumbnail[0]; ?>) no-repeat; background-size: cover; background-position:50%<?php } ?>;"> 

再次感謝。

Answer 1

將style="background-image:url('<?php echo $thumbnail ?>"添加到您想要背景圖像的任何元素。

假設文章標籤：

//to get the URL 
<?php $thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'planar-quadratum'); ?> 

//display 
<article id="post-<?php the_ID(); ?>" <?php post_class('tile post'); ?> style="background-image:url('<?php echo $thumbnail)"> 
    //code... 
</article