我的图像不会在自定义 wordpress 主题中加载
My image wont load in custom wordpress theme
我在加载具有正确文件路径的图像时遇到问题。我的路径没问题,但它不会加载我想要的一些封面图片。
这是 archives.php 文件。我也有博客和 catergoies,最近的博客 post 代码运行良好。但这部分是我从 wp-content/uploads 中提取图像的,但文件路径绝对正确。
如您所见,我的图片不会显示。我在下面还显示了具有该确切图像的站点的打印屏幕。
<?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
但它不会显示此打印屏幕中显示的确切图像。我在文件路径上的图像相同。
谢谢
尝试给出这样的路径:
$uploads = wp_upload_dir();
<img src="' . esc_url( $uploads['baseurl'] . '/USER_PHOTOS/ronny/' ) . '">;
对于 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">
我在加载具有正确文件路径的图像时遇到问题。我的路径没问题,但它不会加载我想要的一些封面图片。 这是 archives.php 文件。我也有博客和 catergoies,最近的博客 post 代码运行良好。但这部分是我从 wp-content/uploads 中提取图像的,但文件路径绝对正确。
如您所见,我的图片不会显示。我在下面还显示了具有该确切图像的站点的打印屏幕。
<?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 但它不会显示此打印屏幕中显示的确切图像。我在文件路径上的图像相同。
谢谢
尝试给出这样的路径:
$uploads = wp_upload_dir();
<img src="' . esc_url( $uploads['baseurl'] . '/USER_PHOTOS/ronny/' ) . '">;
对于 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">