我正在尝试在wordpress的“编辑页面”部分的视觉视图中查看我的模板页面。就像这个人在大约7点20分在教程中做的那样。 http://www.youtube.com/watch?v=1o2XcHqQbRY
但在我的情况下,css和图像不会显示出来。当我在localhost上查看页面时,css可以工作,但图像仍然没有显示。我正在使用blogpost()函数,但看起来像wordpress中的编辑模式不喜欢php。当我从html视图转到可视化视图时,它会不断将“< ”和“> ”更改为“& gt; ” 。
我知道在没有代码的情况下尝试解决这个问题总是很痛苦,但有没有人碰到这个并找到了解决办法?
好的,我希望这篇文章有道理。在此先感谢大家。
答案 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;)