如何让WordPress网站的主页div容器显示全宽?

时间:2017-01-27 作者:Alexander

我希望有主页的主要内容部分全宽100%,所有其他页面与边栏在75%。

我已经设置了一个主页模板,我可以在主页模板(page home.php)中添加什么,以便只有该页面在主内容部分100%显示

    <div id="container">
        <div id="content" role="main">

        <?php
        /* Run the loop to output the page.
         * If you want to overload this in a child theme then include a file
         * called loop-page.php and that will be used instead.
         */
        get_template_part( \'loop\', \'page\' );
        ?>

        </div><!-- #content -->
    </div><!-- #container -->
该网站是vistahomeimprovement。com公司

1 个回复
SO网友:Артур Пипченко

就您使用的主页而言。php模板仅适用于主页面,您可以将类直接添加到container div并对其应用css规则:

<div id="container" class="on-main-page">...</div>

enter image description here

css:

#container.on-main-page {
 float: none;
 width: 100%;
}

相关推荐

在带有PHP的子主题中包含style.css

在里面https://codex.wordpress.org/Child_Themes 这是包含样式的最佳实践。css在子主题中,必须将下面的代码放入函数中。php的子主题,但将“父样式”替换为可以在函数中找到的父主题的参数。父主题的php。我在我的主题文件中找不到它,那里也没有多少代码。使用@import包含父主题样式表的方法不适用于我,放入文件的css不会在任何浏览器的站点上显示自己。function my_theme_enqueue_styles() { $parent_s