正文 

当前位置： 首页 > 源码 >

自定义 wordpress 主题：布局图像不显示

     2023-03-05     273

关键词：

【中文标题】自定义 wordpress 主题：布局图像不显示【英文标题】：custom wordpress theme: layout images not displaying 【发布时间】：2011-10-18 23:28:10 【问题描述】：

我正在构建一个自定义 wordpress 主题。所以我的主题文件夹包含以下文件/文件夹：

header.php
index.php
footer.php
style.css
/images
 picture-1.jpg

我的问题是我无法在 index.php、header.php 和 footer.php 中使用 img TAG 正确显示图像：

[..]
<div class="module">
<h4>General info</h4>
<img src="images/picture-1.jpg"/>
[..]

如果被 style.css 引用，图像已经存在并且正确显示：

.banner
  background-image:url(images/picture-1.jpg);

我错过了什么吗？

谢谢 卢卡

【问题讨论】：

【参考方案1】：

这是因为相对于您正在查看的页面，您的文件不在/images 中，而是在wp-content/themes/[yourthemename]/images 中。

您可以通过将base URL 设置到您网站的 head 部分中的网站根目录并如上所示链接图像或使用以下内容来解决此问题：

&lt;img src="&lt;?php bloginfo('template_directory'); ?&gt;/images/picture-1.jpg" alt="alt text" /&gt;

【讨论】：

【参考方案2】：

试试这个：

<img src="<?php echo get_template_directory_uri();?>/images/img-9.png"/>

【讨论】：

Wordpress - 特色图像元框未显示在自定义帖子类型上

】Wordpress-特色图像元框未显示在自定义帖子类型上【英文标题】：Wordpress-FeaturedImageMetaBoxnotshowingoncustomposttype【发布时间】：2012-10-1518:58:58【问题描述】：我刚刚创建了一个自定义帖子类型，但由于某种原因，特色图片元框没有... 查看详情

在 wordpress 自定义主题索引上显示页面链接

】在wordpress自定义主题索引上显示页面链接【英文标题】：displaypageslinksonwordpresscustomthemeindex【发布时间】：2019-04-1221:36:02【问题描述】：我正在从头开始开发我的第一个wordpress主题。我需要一些帮助来解决与WP_Query类和导航菜... 查看详情

wordpress 主题（或任何主题，真的）的最大图像宽度

】wordpress主题（或任何主题，真的）的最大图像宽度【英文标题】：maximumimagewidthforawordpresstheme(oranytheme,really)【发布时间】：2011-04-1119:13:18【问题描述】：在wordpress中，如果您上传一张图片，并让它100%显示：如果超过其容器宽... 查看详情

使用自定义 CSS 在 Wordpress.com 主题上将标题扩展到全宽 [关闭]

】使用自定义CSS在Wordpress.com主题上将标题扩展到全宽[关闭]【英文标题】：ExtendheadertofullwidthonWordpress.comthemewithcustomCSS[closed]【发布时间】：2014-11-2808:03:44【问题描述】：我希望在托管在Wordpress.com上的客户博客上将标题图像扩展... 查看详情

小部件标题未显示在我的自定义 WordPress 主题中

】小部件标题未显示在我的自定义WordPress主题中【英文标题】：WidgettitlenotshowingupinmycustomWordPresstheme【发布时间】：2021-12-2013:43:54【问题描述】：我在我的WordPress安装中创建了一个自定义主题。我已经在其中添加了侧边栏。我添... 查看详情

wordpress 高级自定义字段插件显示损坏的图像？

】wordpress高级自定义字段插件显示损坏的图像？【英文标题】：wordpressadvancecustomfieldpluginshowingbrokenimage?【发布时间】：2013-02-0404:49:20【问题描述】：我正在使用wordpressacfplugin显示一些自定义图像及其描述和一些文本。所以首先... 查看详情

自定义 wordpress 类别循环列表页面

】自定义wordpress类别循环列表页面【英文标题】：Customwordpresscategorylooplistingpage【发布时间】：2014-03-1123:49:52【问题描述】：我正在尝试为我计划推出的杂志网站构建一个wordpress主题，但我有点卡在某个问题上。我在3列布局中列... 查看详情

如何在自定义帖子中添加 wordpress 自定义部分

】如何在自定义帖子中添加wordpress自定义部分【英文标题】：Howtoaddwordpresscustomizesectionincustompost【发布时间】：2018-04-1015:40:32【问题描述】：如何创建该选项，请参阅thisimage在我的自定义主题上？我可以使用自定义帖子制作主题... 查看详情

WordPress：本地主机上的自定义默认头像？

】WordPress：本地主机上的自定义默认头像？【英文标题】：WordPress:Customdefaultavataronlocalhost?【发布时间】：2012-12-1419:30:12【问题描述】：我正在尝试在functions.php中向WordPress添加自定义默认头像，但该图像未显示在“设置/讨论”... 查看详情

自定义wordpress博客主题时总显示：会话已过期，请重新登录。您不会被带离此页。

...以去后台的“设置”-“常规”，看看站点地址（URL）和WordPress地址（URL）一不一样，还有带不带www，一般是这个问题，更多请访问EndSkin 查看详情

在 wordpress 的自定义页面模板中显示帖子分类信息

】在wordpress的自定义页面模板中显示帖子分类信息【英文标题】：Showposttaxonomyinformationincustompagetemplateinwordpress【发布时间】：2017-11-2510:08:41【问题描述】：我有一个正在通过子主题编辑的主题。我已经能够创建自定义页面模板... 查看详情

如何在 wordpress 中以编程方式显示自定义帖子类型的图像缩略图。？

】如何在wordpress中以编程方式显示自定义帖子类型的图像缩略图。？【英文标题】：Howtodisplayaimagethumbnailforcustomposttypeprogramatticallyinwordpress.?【发布时间】：2021-04-2413:49:27【问题描述】：我目前正在开发一个wordpress自定义帖子，... 查看详情

在 WordPress 中使用自定义 JQuery 脚本而不更新主题 functions.php

】在WordPress中使用自定义JQuery脚本而不更新主题functions.php【英文标题】：UsingacustomJQueryscriptinWordPresswithoutupdatingthethemefunctions.php【发布时间】：2021-11-2412:50:03【问题描述】：我已将自定义JQuery脚本添加到新的JS文件“themes\\twentytw... 查看详情

wordpress菜单导航设置

首先要判断主题是否支持自定义菜单。启用主题后，后台“外观-菜单”，如果不支持自定义菜单，则会提示“您的主题不支持导航菜单或小工具 ”，反之支持。1新建目录或页面新建目录:后台“文章-分类目录... 查看详情

无法在 ListView 中使用自定义项目布局正确显示图像

】无法在ListView中使用自定义项目布局正确显示图像【英文标题】：CannotdisplayimagecorrectlyusingcustomitemlayoutinListView【发布时间】：2011-02-1101:52:51【问题描述】：我正在使用ListView来显示我的自定义项目布局，其中可能包含一些TextVie... 查看详情

获取父 ID 的子页面并在 WordPress 中显示带有页面链接的自定义图像字段

】获取父ID的子页面并在WordPress中显示带有页面链接的自定义图像字段【英文标题】：getchildpagesofparentIDanddisplaycustomimagefieldwithlinktopageinWordPress【发布时间】：2014-09-1413:14:26【问题描述】：我需要获取子页面列表，但我需要排除... 查看详情

WordPress自定义帖子页面不显示

】WordPress自定义帖子页面不显示【英文标题】：WordPressCustomPostsPageNotDisplaying【发布时间】：2018-09-2215:47:28【问题描述】：我刚刚在WordPress中遇到了一个小而奇怪的问题。我创建了一个名为“nyheter”的页面（翻译成挪威语的新闻... 查看详情

如何在使用 wordpress 以自定义表单提交之前获取图像 url 并发送邮件？

】如何在使用wordpress以自定义表单提交之前获取图像url并发送邮件？【英文标题】：howtogetimageurlandsendmailbeforesubmitingincustomformusingwordpress?【发布时间】：2017-03-0701:04:39【问题描述】：我在我的Wordpress主题中使用自定义表单这是我... 查看详情