css和图像没有出现在wordpress编辑视图中

时间:2011-07-25 03:24:45

标签: css image wordpress

我正在尝试在wordpress的“编辑页面”部分的视觉视图中查看我的模板页面。就像这个人在大约7点20分在教程中做的那样。 http://www.youtube.com/watch?v=1o2XcHqQbRY

但在我的情况下,css和图像不会显示出来。当我在localhost上查看页面时,css可以工作,但图像仍然没有显示。我正在使用blogpost()函数,但看起来像wordpress中的编辑模式不喜欢php。当我从html视图转到可视化视图时,它会不断将“< ”和“> ”更改为“& gt; ” 。

我知道在没有代码的情况下尝试解决这个问题总是很痛苦,但有没有人碰到这个并找到了解决办法?

好的,我希望这篇文章有道理。在此先感谢大家。

2 个答案:

答案 0 :(得分:2)

您是否将header.php中的样式表网址引用为

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css"media="screen" />

和你应该引用的图像是这样的......

 <img alt=""  src="<?php bloginfo('template_url'); ?>/images/logoOrange.png" style="float:left; margin-left:34px;" border="0" />

希望这会奏效......

答案 1 :(得分:0)

您确定,服务器内部图像的路径排成一行吗? 正如我在8:03中看到的那样,它的<img src="images/foo" />指向文件夹,它位于服务器的根目录中,但您可能认为,他的图像文件夹位于wp-content/themes文件夹中。在这种情况下 - nop。

如果要使这些图像正常工作,请使用Wordpress图像上传器上传您想要使用的图像,该图像上传器将图像放入wp-content/uploads文件夹,然后您可以获取图像的URL,并将其放置进入帖子或页面。

或者在根目录下创建文件夹images,并在那里上传所有图片。

我建议您使用Chrome浏览器和Inspect Element功能来调试标记和css;)