个性化阅读
专注于IT技术分析

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

相信我, 我连续几天都在寻找答案。我相信答案很简单, 但我无法解决。我会尝试尽可能具体。

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


#1


你可以尝试一些带有父母身份的东西

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 } ?>
赞(0) 打赏
未经允许不得转载:srcmini » WordPress父页面和子页面上的自定义CSS
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏