WordPress父页面和子页面上的自定义CSS

WordPress父页面和子页面上的自定义CSS,wordpress,wordpress-theming,Wordpress,Wordpress Theming,相信我,我已经连续几天寻找这个问题的答案了。我相信答案很简单,但我无法让它发挥作用。我会尽量说得具体一些 我已经学会了如何为特定的WordPress页面设置css,但是我需要为WordPress父页面及其子页面设置css。虽然可以通过在代码中包含每一页来实现,但我知道必须有一种更有效的方法,因为我在每一个父页下有大约20页 我正在寻找的一个例子可以在这里找到:(原始网站) 我正在努力实现这一目标: 每个主链接都指向一个带有单独css的不同部分 以下是我所拥有的: <?php if (is

相信我,我已经连续几天寻找这个问题的答案了。我相信答案很简单,但我无法让它发挥作用。我会尽量说得具体一些

我已经学会了如何为特定的WordPress页面设置css,但是我需要为WordPress父页面及其子页面设置css。虽然可以通过在代码中包含每一页来实现,但我知道必须有一种更有效的方法,因为我在每一个父页下有大约20页

我正在寻找的一个例子可以在这里找到:(原始网站)

我正在努力实现这一目标:

每个主链接都指向一个带有单独css的不同部分

以下是我所拥有的:

<?php if (is_page('imaging')) { ?>
    <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/viewmont-imaging.css" type="text/css">
<?php } elseif (is_page('labs')) { ?>
    <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/viewmont-labs.css" type="text/css">
<?php } else { ?>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" />
<?php } ?>


您可以尝试使用父id执行某些操作

function is_child($pageID) { 
    global $post; 
    if( is_page() && ($post->post_parent==$pageID) ) {
               return true;
    } else { 
               return false; 
    }
}
把这个放在你的函数和

<?php if (is_child(12)) { ?>
    <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/viewmont-imaging.css" type="text/css">
<?php } elseif (is_child(14)) { ?>
    <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/viewmont-labs.css" type="text/css">
<?php } else { ?>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" />
<?php } ?>


更精简的方法是使用以下条件检查,实际上不需要自定义函数:

if ( $post->post_parent == 2 ) { ?>
    <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/viewmont-imaging.css" type="text/css">
<?php } ?>
if($post->post\u parent==2){?>

其他人刚刚向我指出了这一点,这一点非常有效。谢谢!哈,可能有些人会从中受益。你已经解决了它。并将你的问题标记为已解决,以及它是如何解决的。这也将帮助其他人。获得帮助和帮助其他:)。