Question

加载具有正确文件路径的图像时出现问题。我的路径还可以，但是不会加载我想要的封面图像。这是archives.php文件。我也有一些博客和目录，这些博客和目录的近期邮政编码工作正常。但是这部分是我从wp-content / uploads中提取图像不起作用，而文件路径是正确的。

http://prntscr.com/o9y48h

您可以看到我的图像不会显示。下面还显示了具有该确切图像的网站的打印屏幕。

<?php 
$id = get_the_ID();
$back_img = get_the_post_thumbnail_url($id);

if(empty($back_img)){
    $back_img = '/wp-content/uploads/2019/06/blog_post.jpg';
}
?>

<div id="primary" class="content-area">
    <main id="main" class="site-main">

    <header class="blog-section-1" style="background:url(/wp-content/uploads/2019/06/blog_post.jpg)no-repeat center;background-size:cover;">
            <div class="container">
                <?php
                the_archive_title('<h1 class="page-title">', '</h1>' ); 
                ?>
                <div class="md-breadcrumbs-pages">
        <div class="container"> 
        <?php
                    if ( function_exists('yoast_breadcrumb') ) {
                      yoast_breadcrumb( '
                    <p id="breadcrumbs">','</p>
                    ' );
                    }
        ?>
            </div>
            </div>
        </div>
    </header>

我想像http://prntscr.com/o9y2aj 但它不会显示此打印屏幕中显示的确切图像。我在文件路径上拥有相同的图像。

谢谢

Answer 1

对于background-image属性，请提供url中图像的相对路径。

喜欢。

//get the wp_upload directory 
    $upload_dir = wp_upload_dir();
            $id = get_the_ID();
            $back_img = get_the_post_thumbnail_url($id);

            if(empty($back_img)){
                //relative path of the default image within url
                $back_img = $upload_dir['baseurl'].'/2019/06/blog_post.jpg';
            }
           $default_header_img = $upload_dir['baseurl'].'/2019/06/blog_post.jpg';
    ?>

    <div id="primary" class="content-area">
        <main id="main" class="site-main">
        <!-- use $back_img variable for background image -->
        <header class="blog-section-1" style="background:url(<?php echo $default_header_img;?>)no-repeat center;background-size:cover;">
                <div class="container">

Answer 2

尝试给出类似这样的路径：

$uploads = wp_upload_dir(); 
<img src="' . esc_url( $uploads['baseurl'] . '/USER_PHOTOS/ronny/' ) . '">;

我的图片不会加载自定义Wordpress主题

2 个答案: