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

Question

相信我，我连续几天都在寻找这个问题的答案。我相信答案很简单，但我无法让它发挥作用。我会尽量具体。

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

可以在这里找到我正在寻找的示例:(原始站点) www.viewmonthealth.com

我正在努力实现的地方:www.notthemama.net/prime/

每个主链接都指向具有单独 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 } ?>

这对页面非常有效。我只需要包括父页面(我现在拥有的)和子页面(imaging/forms.php)。我怎样才能做到这一点？任何帮助表示赞赏! :D

Answer 1

你可以尝试使用父 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 } ?>

希望这就是您要找的。 :)