在wordpress中只在一页(联系我们)中更改CSS

时间:2014-03-08 07:46:27

标签: javascript php css wordpress

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

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

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

先谢谢大家。

2 个答案:

答案 0 :(得分:3)

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' );
    }
}

答案 1 :(得分:0)

检查页面是否已经有body

的不同类别

所以,如果你有

<body class="page contact">

然后你可以使用

body.contact h1{
display:none;
}

如果您进行了大量更改,最好调整设置以包含页面的自定义css。