php - 如何让二十七页的内容全宽

Question

我想让 wordpress 默认主题 Twenty-sevente，页面内容全宽。下面是我试图修改的模板部分中的 content-page.php 文件。我不确定我是否应该修改其他内容。我应该删除侧边栏以使内容全宽。

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
    <header class="entry-header">
        <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
        <?php twentyseventeen_edit_link( get_the_ID() ); ?>
    </header><!-- .entry-header -->
    <div class="entry-content">
        <?php
            the_content();

            wp_link_pages( array(
                'before' => '<div class="page-links">' . __( 'Pages:', 'twentyseventeen' ),
                'after'  => '</div>',
            ) );
        ?>
    </div><!-- .entry-content -->
</article><!-- #post-## -->

Thanks to @Dipak i managed to do it with some css:

I suggest to use a page template inside a child theme and modify that template with css. You can also try this ready made full width template.

@media screen and (min-width: 1200px) {
 /* For devices with more than ore equal to 1200px width */
    .wrap {

        max-width:100%!important;
    }
}

Answer 1

解决方案 1:

尝试删除您正在使用的模板文件中的边栏。如果您想使内容全宽，这将删除不需要的侧边栏。

解决方案 2:

如果解决方案 1 不是必需的，我相信您希望您的容器是全宽的，没有任何填充或边距。尝试找到容器区域并对其应用一些样式。

示例代码如下，

#primary .entry-content {
  width: 100% !important;
}

解决方案 3:

如果上述解决方案没有帮助，那么您可能需要一个特定的解决方案。那将是 Child Theme .

有一篇不错的博客，介绍如何通过其 child 主题扩展您的二十七岁。这对你很有帮助。查看这篇文章。

How To Master Twenty Seventeen

希望这对您有所帮助。