2012-11-14 38 views
1

我使用Wordpress设置内容托管网站,并且我相当能胜任HTML和CSS。我可以在CSS中更改网站的背景图片,并可以更改标题图片(背景)。将图像添加到Wordpress标题

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

如果我添加一个div,我可以设置背景图片,但它会调整这一切奇怪的是,不看的权利。

我使用WordPress的TwentyEleven或TwentyTen主题,只是不明白这一点。我认为这是Wordpress的一些限制。任何帮助,将不胜感激。

+1

你可以发布你在做什么? WordPress主题应该能够显示任何图像,这里没有限制。 – emartel

+1

你能链接到网站?更容易麻烦拍摄然后:) – Alias

+0

您可以发布您正在使用的代码或提供有问题的项目的链接。如果你正在看到一个破损的图像图标,那么图像的路径可能会出错。 – Jrod

回答

4

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

3

你可能得到的图像错误的URL。您可以在样式表中安全地使用相对路径,因为其中的所有URL都与style.css的位置相关(通常是您的wp-content/themes/yourtheme目录)。然而,如果您在header.php中调用图像,则不会出现这种情况 - 相对路径将根据加载的页面的URL进行更改(它只会将img元素的SRC属性中的任何内容添加到任何URL是)。

可以解决这个问题通过指定一个绝对路径(例如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
<img src="<?php echo get_bloginfo('template_url') ?>/img/logo2.png"/> 

****这为我工作****