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

【问题标题】：Custom CSS on WordPress parent and child pagesWordPress父页面和子页面上的自定义CSS
【发布时间】：2013-02-04 02:43:29
【问题描述】：

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

我已经学会了如何为特定的 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

【问题讨论】：

标签： wordpress wordpress-theming

【解决方案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 } ?>

希望这是您正在寻找的。 :)

【讨论】：

其他人刚刚向我指出了这一点，并且效果很好。谢谢！
哈哈可能有人会从这个中受益。你已经解决了。并将您的问题标记为已解决以及如何解决。这也会帮助其他人。获得帮助并帮助其他人:)。

【解决方案2】：

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

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

【讨论】：