将图像添加到Wordpress标题

时间:2012-11-14 16:20:15

标签: php image wordpress header

我正在使用Wordpress来设置内容管理网站,而且我对HTML和CSS非常称职。我可以在CSS中更改网站的背景图像,并可以更改标题图像(背景)。

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

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

我正在使用Wordpress TwentyEleven或TwentyTen主题,但无法解决这个问题。我认为这是Wordpress的一些限制。任何帮助将不胜感激。

3 个答案:

答案 0 :(得分:4)

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

答案 1 :(得分:3)

您可能错误地获取了图片的网址。您可以在样式表中安全地使用相对路径,因为其中的所有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" />

答案 2 :(得分:1)

font-family: battext, sans-serif;

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