Question

我遇到了一个小问题，从头开始编写我自己的WP主题（使用静态主页和单独的Blog页面）。我无法更改博客帖子的字体颜色（点击后显示）。所以我有一个由两部分组成的问题：

为什么我无法在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页面上发生了什么（我用来设计我的个人博客文章），我已经把#t; the_title（）;＆＃39;在<h2>，＆＃39; the_author（）;＆＃39;在<h5>和＆＃39; the_content（）;＆＃39;在<p>中。我还告诉每个元素显示为黑色文本。但是，只有<h2>和<h5>会更改为黑色文字。当我使用Dev Tools进行检查时，WP正在忽略我的硬编码<p>，并创建自己的新<p>而不使用黑色字体格式。

我的第二个问题：

我甚至做得对吗？它在我的本地开发中显示正常，但我是否以正确的方式执行此操作？基本上，我有一个显示我的主页的front-page.php。然后我有一个index.php，显示主要博客页面的小摘录。然后，当用户单击单个博客帖子以打开它时，将使用single.php模板显示单个帖子。这是对的吗？

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

Answer 1

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

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

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

.container p {
 color: black;
}

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

无法使用the_content（）更改自定义WP主题上的字体颜色

1 个答案: