wordpress 集成 html & Css答案

【问题标题】：wordpress integration html & Csswordpress 集成 html & Css
【发布时间】：2017-05-16 12:37:41
【问题描述】：

所以我需要在 Wordpress 上集成我自己的 HTML 和 CSS 代码，为此我使用主题“Html5blank-stable”，它可以让我从“白纸”开始，我的网站非常简单，因为我只有需要集成 2 个页面。

我开始喜欢这个，在我的 WordPress 文件中，我有另一个主题文件，我有文件“Html5blank-stable”，里面有“template-home.php”，对应于我的主页使用我自己的 HTML 代码，head 标签位于“header.php”中，我在“template-home.php”中包含 PHP，页面运行良好。

问题出在第二个页面上，首先我在 WordPress 上创建了一个新页面，我称之为“membership”，其 URL 为“http://localhost:8888/template-membership/”，它对应于我在“Html5blank-stable”文件中的第二个页面的名称我把我的 HTML 在这个创建一个 CSS 文件“membership.css”和一个“header-membership.php”，但是现在当我点击我的页面时，一些图片不起作用..Error that i have in my console

希望你能理解我，谢谢你的:)

【问题讨论】：

将 ../wp-content 替换为 /wp-content
向我们展示与生成图像 uri 相关的实际 php 代码。要么将其添加到您的问题中，要么创建一个 gist 或 codepen，然后链接到它。
这对我来说没关系，谢谢，只是在编码 4-5 小时后我的大脑走错了路^^
@LucTst 请将我的回答标记为已接受。或者，如果您觉得我的回答没有帮助，您应该发布自己的答案，然后在 2 天内将其标记为已接受。这样，人们可以从您的问题中学习，并了解您的解决方案是什么。

标签： html css wordpress

【解决方案1】：

确保您已将所有图片上传到您的主题图片文件夹中。

现在尝试使用 WordPress 函数 get_template_directory_uri() 调用所有图像而不是静态路径，如下所示：

<img src="<?php echo get_template_directory_uri(); ?>/images/girl-bg.jpg" />

它将采用您当前主题目录的动态路径，这是从主题文件夹中调用图像的标准方式。

希望这能解决您的问题。

谢谢。

【讨论】：

【解决方案2】：

控制台显示它正在寻找位于以下位置的文件：

http://localhost:8888/template-membership/wp-content/themes/wp-content/themes/html5blank-stable/images/girl-bg.jpg

实际上它应该（大概）正在寻找文件：

http://localhost:8888/template-membership/wp-content/themes/html5blank-stable/images/girl-bg.jpg

这意味着您在代码中的某处将字符串 wp-content/themes/ 硬编码到图像的路径中，或者您正在使用某些函数来添加它。

因此，您只需要在代码中找到生成这个不需要的字符串的原因。也许您可以发布相关代码，我可以为您进一步分解。

【讨论】：