在WordPress中将一个css id添加到页面正文

时间：2017-10-10 作者：sihamxxi

我想在我的网站首页添加一个动画背景，以便我使用the following plugin 但问题是，我必须在身体上使用id，我不知道如何才能以正确的方式做到这一点，有人能帮我吗？

<body id="UNIQUE_ID_HERE"> </body>
附言：我用的是儿童主题

5 个回复
SO网友:The WP Intermediate

把这个放在你的函数中。php→ 

<?php 

function body_id_dynamic() {

    if (is_home()) {

        echo \' id="home"\';

    } elseif (is_single()) {

        echo \' id="single"\';

    } elseif (is_search()) {

        echo \' id="search"\';

    } elseif (is_archive()) {

        echo \' id="archive"\';
    }
}
?>
然后这个→

<body<?php body_id_dynamic(); body_class(); ?>>
P.S。→ 可以进行更多自定义。这是给你一个线索。添加任意多个条件。

SO网友:Jacob Peattie

没有过滤器或任何东西，因此您需要直接在子主题中编辑body标记。它可能在标题中打开。php，看起来像：

<body <?php body_class(); ?>>
只需添加ID：

<body id="body" <?php body_class(); ?>
然后通过选中is_front_page() 第一

SO网友:Temani Afif

我认为你不需要在身体上添加ID，原因有二：

1） 正文在所有页面中都是唯一的，因此您可以简单地使用body CSS中的选择器

2） 每个页面（包括首页）都应该在正文中添加一个唯一的类。因此，如果您想将CSS应用于特定页面，您应该检查这个CSS类。以下是一个示例：

enter image description here

SO网友:Karl Chvojka

最简单的方法是为此页面构建一个模板，并向其中添加页眉和页脚。这意味着创建模板，删除get\\u header（），替换为header的内容。php，与页脚相同。然后您就可以完全控制页面模板。您可以将模板名称注释添加到页面顶部（只需制作一个框并将其放入），从技术上讲，它仍然可以作为主题中的模板。只有它自己的页眉和页脚。

SO网友:L.Milo

在标题中。php文件您可以找到body标记，如Jacob所说：

<body>
但是，要仅在首页中添加唯一id，您应该这样添加：

<body id="<?php echo (is_front_page()) ? \'home\' : \'not-home\'; ?>" >

结束
标签： css   小码农  

相关推荐

我的子主题CSS被调用两次

我无意中发现我的子主题CSS被调用了两次。我发现这是一个老问题（参见here 和here), 但在我的情况下，我不知道如何解决它。<link rel=\'stylesheet\' id=\'parent-style-css\' href=\'http://infopsi.md/wp-content/themes/twentyseventeen/style.css?ver=4.8.1\' type=\'text/css\' media=\'all\' /> <link rel=\