带有图像链接的wordpress自定义字段,不显示图像

时间:2018-11-08 04:18:14

标签: php wordpress image

我有一个带有自定义字段的自定义帖子类型,该字段采用纯文本值,用于在网站的/ images文件夹中传递图像的文件路径。我想用它来根据帖子动态显示UI中的图像。

<div class="page-title-graphic" style="background-image: url(<?php echo get_post_meta(get_the_ID(), 'page_title_graphic', true); ?>)"></div>

由于某种原因,我无法加载实际的图像。到目前为止,我已经在自定义字段中尝试过: ../images/about-header.svg/localhost/wordpress/wp-content/themes/naked-wordpress-master/images/about-header.svg,但没有运气。

这是输出到的内容: CSS Snippet from Chrome 一切看起来都很好。当我尝试在新标签页中打开图片时,我在wordpress网站上看到一个新页面,上面写着“还没有发布任何内容!”

关于为什么我无法引用图像的任何想法?谢谢!

1 个答案:

答案 0 :(得分:0)

请尝试这样

对于自定义帖子类型,

<?php global $post;
    $query = new WP_Query( array( 'post_type' => 'YOUR_CUSTOM_POST_TYPE') );
    while ($query->have_posts()) : $query->the_post(); ?>
      <div class="page-title-graphic" style="background-image: url(<?php get_the_post_thumbnail_url($post->ID, 'full'); ?>)"></div>
<?php endwhile; // end of the loop. ?>

希望这对您有帮助!