1

我正在使用 Wordpress 来建立一个内容管理的网站，并且我对 HTML 和 CSS 相当胜任。我可以在 CSS 中更改站点的背景图像，并且可以更改标题图像（背景）。

我想要做的是在标题中添加一个我可以绝对定位的图像。但是，当我尝试将带有标签的图像添加到 header.php 中时，它会显示“损坏的图像”图标，即使我正确输入了代码。

如果我添加一个 div，我可以设置一个背景图像，但它会奇怪地调整它的大小并且看起来不正确。

我正在使用 Wordpress TwentyEleven 或 TwentyTen 主题，但无法弄清楚这一点。我认为这是 Wordpress 的一些限制。任何帮助，将不胜感激。

4

3 回答 3

4

它不能直接在 header.php 中工作并且作为 div 的背景工作的事实意味着（尽管您没有显示您的代码，并且您应该）您可能正在使用相对链接。问题是在 WordPress 中包含模板部分使得相对链接的使用更加困难。但是，如果您使用 div，则应该没有任何问题，并且背景图像不应调整大小（如果正确定义了 CSS 规则）。但是通过插入 div 来解决路径问题是不好的做法。只需使用图像的绝对路径（或至少相对于网站根目录，如/wp-content/themes/yourtheme/yourimage.png）。
但是，请发布您的代码（img 标记和/或 div 的 CSS 规则）。

于 2012-11-14T16:57:34.760 回答
3

您可能得到图像的 URL 错误。您可以在样式表中安全地使用相对路径，因为其中的所有 URL 都相对于 style.css 的位置（通常是您的 wp-content/themes/yourtheme 目录）。但是，如果您在 header.php 中调用图像，则情况并非如此-相对路径将根据加载的页面的 URL 更改（它只会将 img 元素的 SRC 属性中的任何内容添加到任何网址是）。

您可以通过指定绝对路径（例如http://yoursite.com/wp-content/themes/yourtheme/images/yourimage.jpg）或使用获取样式表目录的 WP 模板标签并添加它来解决此问题到 img SRC 属性，如下所示：

<img src="<?php echo get_stylesheet_directory_uri(); ?>/images/yourimage.png" />
于 2012-11-14T22:02:51.887 回答
2 
<img src="<?php echo get_bloginfo('template_url') ?>/img/logo2.png"/>

****这对我有用****

于 2016-07-09T04:16:09.770 回答