WordPress 发布标志背后的特色图片背景标题答案

【问题标题】：WordPress post featured image background header behind logoWordPress 发布标志背后的特色图片背景标题
【发布时间】：2018-01-03 02:57:19
【问题描述】：

我会尝试将特色图片作为徽标后面的背景标题，但结果不是仅显示此字符串：

">

所以我认为代码有问题，但我不知道是什么。

这是我的代码：

   <?php else: ?>
     <div id="header-video">
      <div id="video_bg" class="img_full_responsive" style="width:100%;background:url('<?php echo get_the_post_thumbnail($post_id, 'image-featured'); ?> ">
 <?php  include(TEMPLATEPATH."/template/header/header-logo.php"); ?>
     </div>
   </div>
 <?php endif; ?>

【问题讨论】：

您使用的是子主题吗？
检查$post_id 对页面是否正确？
您是否为“图片特色”使用自定义字段？如果您使用的是 WP 的默认特色图片，您应该使用“the_post_thumbnail_url”，更多信息在这里：codex.wordpress.org/Function_Reference/the_post_thumbnail_url

标签： php html wordpress

【解决方案1】：

$post_thumbnail_id  = get_post_thumbnail_id($post->ID);
$post_thumbnail_url = wp_get_attachment_url( $post_thumbnail_id );

<div id="video_bg" class="img_full_responsive" style="width:100%;background:url('<?php echo echo $post_thumbnail_url; ?> ">
  <img src="<?php bloginfo('template_directory'); ?>/template/header/header-logo.php">
</div>

【讨论】：

【解决方案2】：

这里是网站：

https://www.grenzenlostour.de/reiseberichte/asien/kazakhstan/die-steppe-und-die-suche-nach-schatten/

我希望与索引网站上的视频相同，标志后面的特色图像。她的完整代码：

 <?php if(is_home()): ?>
  <div id="header-video">
<div id="video_bg" style="width:100%;background:url('<?php echo esc_url($ilgelo_options['ilgelo-video-image']['url']); ?>');"
 data-vide-bg="mp4: <?php echo  preg_replace('/\\.[^.\\s]{3,4}$/', '', $ilgelo_options['ilgelo-video-mp4']['url']);?>,
  webm: <?php echo  preg_replace('/\\.[^.\\s]{3,4}$/', '', $ilgelo_options['ilgelo-video-webm']['url']);?>,
  ogv: <?php echo  preg_replace('/\\.[^.\\s]{3,4}$/', '', $ilgelo_options['ilgelo-video-ogv']['url']);?>,
  poster: <?php echo  preg_replace('/\\.[^.\\s]{3,4}$/', '', $ilgelo_options['ilgelo-video-image']['url']);?>"
 data-vide-options="position: 0% 50%">

    <!--<span class="section_mask" style="background-color: <?php echo  $ilgelo_options['ilgelo-color-video-mask']?>; opacity: <?php echo  $ilgelo_options['ilgelo-opacity-video-mask']?>;"></span>-->

     <?php  include(TEMPLATEPATH."/template/header/header-logo.php"); ?>

</div>
</div>
 <?php else: ?>
<div id="header-video">

<div id="video_bg" class="img_full_responsive" style="width:100%; background:url('<?php echo get_the_post_thumbnail($post_id, 'image-featured'); ?> ">
 <?php  include(TEMPLATEPATH."/template/header/header-logo.php"); ?>
 </div>
 </div>

【讨论】：