javascript - 在 wordpress 中仅在一页(联系我们)中更改 CSS

Question

我为客户做了一个基于wordpress的网站。但是客户很奇怪，他希望联系我们页面的设计与其他页面不同。

我为“联系我们”页面制作了一个 CSS，但如果我将该 CSS 添加到主题目录中的 style.css，它也会覆盖其余页面的 CSS(颜色)，但我想更改仅用于“联系我们”页面的 CSS。

问题是我们在 Wordpress 中创建的页面不像在静态网站中那样是物理页面，如果是这种情况我会添加内部或内联 CSS，但这在我的情况下不起作用。

先谢谢大家。

Answer 1

wp_enqueue_style可以在这里救你。这个 wordpress 函数的描述是，一种将 CSS 样式文件添加/排队到 wordpress 生成的页面(在您的情况下，它是一个 wordpress 生成的页面)的安全方法。

按如下方式使用。

add_action( 'wp_enqueue_scripts', 'addCustomCSS');
function addCustomCSS()
{
    if(is_page(your_page_title_goes_here))
    {
        wp_enqueue_style( 'link_to_your_custom_stylesheet_goes_here' );
    }
}