我把图像文件存储在名为site的主题目录中。
现在在我使用wordpress页面编辑器的主页中，我输入了以下代码，但它没有显示图像，似乎位置错误。
<img src="site/images/footLogo.png" style="padding: 0px!important; color:white">
如何在WordPress页面编辑器中给出图片源？
4 个回复
最合适的回答,由SO网友:Muhammad Muazzam 整理而成
您可以将主题函数文件中的常量定义为：
if( !defined(THEME_IMG_PATH)){
define( \'THEME_IMG_PATH\', get_stylesheet_directory_uri() . \'/site/images\' );
}
<img src="<?php echo THEME_IMG_PATH; ?>/footLogo.png" style="padding: 0px!important; color:white">
SO网友:Savan Dholu
您不能在内容编辑器中使用PHP，只需编写图像的完整路径即可。
<img src="/css/_include/img/slider-images/1.jpg" alt="Image" data-fullwidthcentering="on">
SO网友:Samuel Asor
您必须复制图像的完整路径，如下所示：http://www.your-site-name.extension/wp-content/themes/site/images/footLogo.png 在您的<img src="">.
WordPress使用绝对URL。
SO网友:gmazzap
绝对URL
正如其他人所说，您需要为您的图像使用完整的URLsrc 属性，否则浏览器将无法找到它。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">
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().