在Wordpress中自定义每页CSS
大家早上好 我已经为我们网站中的某些页面创建了不同的背景和一些其他图像。目前,下面的代码与我们网站上的“儿童”页面配合得很好在Wordpress中自定义每页CSS,css,wordpress,Css,Wordpress,大家早上好 我已经为我们网站中的某些页面创建了不同的背景和一些其他图像。目前,下面的代码与我们网站上的“儿童”页面配合得很好 <body<?php if ( is_page(array('kids'))) { echo ' class="kids" '; } ?>> > 由于某种原因,逗号似乎不起作用 这是一个wordpress运行的站点 谢谢我发现我需要他们身边的“人” <body<?php if ( is_page(array('newsletter-
<body<?php if ( is_page(array('kids'))) {
echo ' class="kids" '; } ?>>
>
由于某种原因,逗号似乎不起作用
这是一个wordpress运行的站点
谢谢我发现我需要他们身边的“人”
<body<?php if ( is_page(array('newsletter-1', 'newsletter-2', 'newsletter-3'))) { echo ' class="myclass" '; } ?>>
另一个选项是简单地替换
<body>
其中,ID是目标页面/父页面的ID。这将使您的模板远离逻辑,并允许您使用与当前方法相同的自定义选项 我可能想得太多了,但这是我的解决方案
下面的脚本自动获取特定父页面的所有子页面,并打印所需的类。如果您不想手动更新子页面列表,此解决方案非常有效
这将放在header.php文件中:
<?php
//set page id
$page_id = '98';
//get page's children
$children = get_pages('child_of='.$page_id);
foreach($children as $child){
$children_ids = $child->ID;
}
if(is_page($page_id) || is_page($children_ids)){
echo 'class="kids';
}
注意:
我知道目前的3个答案是WP解决这个问题的常用方法,但实际上,我讨厌它。它会生成臃肿的HTML和单一的CSS:/
回答:
您可以使用分配给任意数量页面的模板文件来添加特定的CSS/Javascript,如下所示:
<?php
function my_scripts_method() {
wp_deregister_script( 'jquery' );
wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js');
wp_enqueue_script( 'jquery' );
}
add_action('wp_enqueue_scripts', 'my_scripts_method');
?>
资料来源:这是一个非常好的答案。使用此方法,您将不会加载大量无用的css代码,这些代码仅用于其他页面。您将能够准备只针对这个特定页面的简约css。谷歌“css覆盖”获取更多信息。
body.page-id-2, body.parent-pageid-2 { background-color: red; }
<?php
//set page id
$page_id = '98';
//get page's children
$children = get_pages('child_of='.$page_id);
foreach($children as $child){
$children_ids = $child->ID;
}
if(is_page($page_id) || is_page($children_ids)){
echo 'class="kids';
}
<?php
function my_scripts_method() {
wp_deregister_script( 'jquery' );
wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js');
wp_enqueue_script( 'jquery' );
}
add_action('wp_enqueue_scripts', 'my_scripts_method');
?>