无法获取 the_content() 以更改自定义 WP 主题的字体颜色

Question

我运行遇到了一个从头开始编写我自己的 WP 主题的小问题（有一个静态主页和一个单独的博客页面）。我无法更改博客 posts 的字体颜色（单击它们后显示）。所以我有一个分为两部分的问题：

为什么我 the_content 无法更改 single.php 页面的颜色？这是我的代码：

<?php
    get_header();
    the_post(); 
    if ( has_post_thumbnail() ) {
        the_post_thumbnail('large');
    }
?>  
<div class="white">
   <div class="container">
        <h2 class="black-text light" style="margin:0;">
            <?php the_title();?>
        </h2>
        <h5 class="black-text" style="margin:0 0 7% 0;">
            <?php the_author();?>
        </h5>
        <p class="black-text">
            <?php the_content();?>    
        </p> 
    </div>
</div>

<?php
    get_footer();
?>

我的 single.php 页面（我用它来设计我的个人博客 posts）发生了什么，我把 'the_title();' 放在 <h2>、'the_author();' 在 <h5> 中，'the_content();' 在 <p> 中。我还告诉每个元素显示为黑色文本。但是，只有 <h2> 和 <h5> 变为黑色文本。当我使用 Dev Tools 检查它时，发生的事情是 WP 忽略了我的硬编码 <p>，并在没有黑色字体格式的情况下创建了自己的新 <p>。

我的第二个问题：

我这样做对吗？？它在我的本地开发中显示良好，但我是否以正确的方式进行了这一切？基本上，我有一个 front-page.php 显示我的主页。然后我有一个 index.php 显示带有小摘录的主要博客页面。然后，当用户单击单个博客 post 将其打开时，个人 post 将与 single.php 模板一起显示。这样对吗？

如果参考有帮助，您可以在此处查看：www.uptowndownentertainment.com/blog

Answer 1

您的 post 中缺少代码，您需要将其缩进四个空格才能显示出来。查看 this page 你似乎在内容之前添加了这个：

<p class="black-text" style="color:black !important;">

但实际文本位于另一个段落元素内，因此它不受该代码的影响。 Wordpress 在写入 post 时自动执行此操作。最简单的解决方案可能是将此添加到您的 style.css：

.container p {
 color: black;
}

然后从 headers 和段落中删除样式标记。将样式保留在 CSS 中而不是在代码中总是更好。

无法获取 the_content() 以更改自定义 WP 主题的字体颜色

Cannot get the_content() to change font color on custom WP theme

wordpress

custom-wordpress-pages