我正在尝试在 wordpress 的“编辑页面”部分的可视化视图中查看我的模板页面。就像这个人在大约 7:20 在这里的教程中所做的那样。 http://www.youtube.com/watch?v=1o2XcHqQbRY
但在我的 css 和图像不会显示。当我在本地主机上查看页面时，css 可以工作，但图像仍然没有显示。我正在使用 blogpost() 函数，但它看起来像 wordpress 中的编辑模式不喜欢 php。当我从 html 视图转到可视视图时，它不断将“”和“>”更改为“& gt;”。
我知道在没有代码的情况下尝试解决这些问题总是很痛苦，但是有没有人遇到过这个问题并找到了解决方法？
好的，我希望这篇文章有意义。提前谢谢大家。
【问题讨论】：
你是否将 header.php 中的样式表 url 引用为
<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" />
希望这会奏效......
【讨论】：
您确定服务器内部图像的路径对齐吗？
正如我在 8:03 看到的，它的 <img src="images/foo" /> 指向位于服务器根目录中的文件夹，但您可能会认为，他的图像文件夹位于 wp-content/themes 文件夹中。在这种情况下 - 没有。
如果要使这些图像正常工作，请使用 Wordpress 图像上传器上传您想要使用的图像，该图像上传器将图像放在wp-content/uploads 文件夹中，然后您可以获取图像的 URL，并将其放入帖子中或页面。
或者在根目录下创建文件夹images，然后上传所有图片。
我建议你使用 Chrome 浏览器和 Inspect Element 功能来调试标记和 css ;)
【讨论】：