为什么我的 wordpress 页面内容不可见？

Question

我正在开发我的投资组合网站。我刚刚完成了所有 HTML CSS JavaScript 的工作，现在我想将我的网站转换为 WordPress。所以我创建了我的自定义主题，创建了我的页面和模板，将我所有的 .html 文件重命名为 .php 并将 evrythin 上传到我的服务器上。但是，当我访问我的站点时，内容就在那里（您可以在页面检查器中看到它），但由于某种原因它是不可见的。只有标题 (header.php) 是可见的。我尝试在我的服务器上重新安装 WordPress，没有任何改变。有没有人有办法解决吗？谢谢！这是链接：problematic website

Answer 1

您有一些控制台错误需要修复：

另外还有隐藏内容的CSS：

删除opacity: 0 会显示内容：

Answer 2

当，@mikerojas，你打败了我。 ;)

只是补充一点：在页面源代码中，您会在顶部附近看到<script src="js/script.js"></script>。似乎浏览器在https://felixpoirier.ca/js/script.js 寻找脚本，但没有找到。

您可以从查找 wp_enqueue_script 开始，了解如何以 WordPress 方式解决问题。或者您现在可以仔细检查添加错误链接的代码是否存在拼写错误或其他错误。

您还可以通过转到主题/定制器/附加 CSS 至少部分解决问题 - 如果它们以当前形式为您的主题工作 - 并添加类似 .elementAnimer { opacity: 1 !important } 的内容或者，您可以删除 elementAnimer当前应用的部分中的类 - 第一部分和第三部分。如果没有达到预期的完全动画输出，您至少可以得到可读的输出。