绝对URL
正如其他人所说,您需要为您的图像使用完整的URL
src
属性,否则浏览器将无法找到它。
WordPress提供该功能get_template_directory_uri()
返回主题路径的完整URL。
因此,通过这样做:
<?php
$img_src = get_template_directory_uri() . \'/site/images/footLogo.png\';
?>
<img src="<?php echo $img_src ?>" style="padding: 0px!important; color:white">
假设路径正确且文件存在,则会显示您的图像。
助手函数
如果您有更多图像,并且希望简化在模板中输出图像的过程,则可以创建一个自定义函数来包装
get_template_directory_uri()
.
例如:
function theme_image( $image ) {
return get_template_directory_uri() . \'/site/images/\' . $image;
}
然后在模板中执行以下操作:
<img src="<?php echo theme_image(\'footLogo.png\') ?>"
style="padding: 0px!important; color:white">
如果您使用WP 4.7+代码,您将可以访问新功能
get_theme_file_uri()
.
此功能的好处超过get_template_directory_uri()
它会自动从子主题加载文件(如果可用)。
例如,如果您更改theme_image()
功能到:
function theme_image( $image ) {
return get_theme_file_uri( \'/site/images/\' . $image );
}
当你这样做的时候
theme_image(\'footLogo.png\')
图像
\'footLogo.png\'
将从子主题加载,如果子主题正在使用且文件在那里可用,则将从父主题加载。
此新功能提供了一个“父主题回退”功能,该功能与自WP 3.0以来一直存在的从父主题到子主题的“模板父主题回退”功能相匹配,如get_template_part()
.