更改一页的页眉颜色

时间：2016-01-08 06:27:10

标签： css wordpress

有没有办法可以在不影响其他页面的情况下只更改一页的wordpress网站的标题颜色？

这是我试图更改标题的页面。

http://xusom2.mymediapaldesign.com/?page_id=320

6 个答案:

答案 0 :(得分：2)

WordPress有一个函数body_class()。您可以使用page-id-{ID} css类来定位页面ID给出的特定页面。在您的情况下.page-id-320。

答案 1 :(得分：0)

如果您可以修改PHP：

  • 转到相关的.php文档（页面或帖子）并查找调用标题的代码。

  • 然后用这样的东西代替：

if ( is_page($PAGE_ID_WHERE_YOU_WANT_A_DIFFERENT_HEADER) ) :
    get_header(modified);
else :
    get_header();
endif;
?>
  • 使用您的自定义颜色和/或样式制作新的header.php文件，并将其另存为header-modified.php。

现在，您的WordPress安装将加载ID为$PAGE_ID_WHERE_YOU_WANT_A_DIFFERENT_HEADER

的页面的修改后的标头

希望我帮助过。

答案 2 :(得分：0)

你可以用纯css做到这一点 它在css方面要好得多，因为它是一个纯粹的UI问题，而不是逻辑。

将此添加到他的身体然后应用css

HTML 

<body class="myPage"...>

  <header>....

CSS 

.myPage .header{
  // specific style
}

答案 3 :(得分：0)

主题有一个body标签的模板标签，可以帮助主题作者更有效地使用CSS。模板标签称为body_class。此函数为body元素提供了不同的类，并且通常可以添加到header.php的HTML body标记中。您可以使用此代码。

<body <?php if ($_GET['page_id']=='320') { body_class( 'class-name' ); } ?>>

答案 4 :(得分：0)

Wordpress为每个页面生成了唯一的类。你已经上课page-id-320。

在css wp-content/themes/xusom/css/wpex-responsive.css文件中添加以下样式。

body.page-id-320 #top-bar-wrap {
 background: red;
}

enter image description here

参考此网址： 文章：http://www.wpbeginner.com/wp-themes/how-to-style-each-wordpress-post-differently/ 插件：https://wordpress.org/plugins/page-specific-menu-items/

答案 5 :(得分：0)

http://xusom2.mymediapaldesign.com/?page_id=320的正文 有class class-id-320。 您可以使用此类仅为标题自定义颜色。

你可以将它添加到style.css或admin上的自定义css框（如果你的主题支持自定义css）：

.page-id-320 #site-header, .page-id-320 #site-navigation li{
    background-color: #f60!important;
}

以下是将标题更改为橙色而非蓝色的示例。

我希望有所帮助。

相关问题
最新问题