Wordpress 页脚自定义答案

【问题标题】：Wordpress footer costumizationWordpress 页脚自定义
【发布时间】：2019-09-24 00:07:41
【问题描述】：

我正在学习 wordpress，我想编辑我的页脚。我正在使用 generatePress 主题。

我去外观-> 编辑主题->footer.php 并编辑该文件并编写该页脚 div。

<?php
if ( ! defined( 'ABSPATH' ) ) {
    exit; // Exit if accessed directly.
}
?>

    </div><!-- #content -->
</div><!-- #page -->

<?php
do_action( 'generate_before_footer' );
?>

<div <?php generate_do_element_classes( 'footer' ); ?>>
    <?php

    do_action( 'generate_before_footer_content' );

    do_action( 'generate_after_footer_content' );
    ?>
</div>

<footer class="footer">
    <p>anything</p>
</footer>

<?php

do_action( 'generate_after_footer' );

wp_footer();
?>

</body>
</html>

我不知道这是否 100% 正确，但它是有效的，它写在网页页脚中。但现在我想用 css 编辑。我已经去了 style.css 并且我写了

.footer{background-color:red;}

但这不起作用，所以我想知道这里是否有人可以帮助我。

【问题讨论】：

您在背景中留下了“d”是错字吗？
不，我错了。
您的 CSS 是正确的，但是您在哪里添加了您的 CSS 以及是否有另一个覆盖的 CSS 无法仅通过查看该代码来判断。我们需要一个指向您网站的链接。

标签： wordpress wordpress-theming

【解决方案1】：

您的 CSS 是正确的。但是，它不起作用的原因可能是由于您添加它的位置，或者背景是否被另一种样式覆盖或由于缓存。您可以尝试将其添加到 style.css 文件的末尾，如果失败，请尝试添加：

.footer {
background-color:red !important;
background:red !important;
}

您还应该禁用所有缓存插件并检查服务器是否启用了缓存。缓存会阻止您看到 CSS 更改。

请注意，不建议在 CSS 中使用 !important，因此您可以尝试将其删除，但如果它仅适用于 !important，那么您可以保留它或排除没有它会失败的原因。

如果失败，请向我们发送指向您网站的链接。

【讨论】：