我希望我的页脚采用全宽 WordPress

介绍

WordPress是一款流行的开源网站建设平台，它提供了完整的内容管理系统和许多可用插件。它的设计极具自由度，让用户可以轻松地建立自己的网站，并且深受程序员和用户的喜爱。本篇介绍如何修改WordPress页脚为全宽模式。

修改配置

WordPress的页面模板有两种，默认采用传统的960px模板，但是有另一种option可以更换全宽模板。修改方式如下：

1. 登录WordPress后台，找到Appearance（外观）-Editor（编辑器）
2. 找到footer.php文件，使用编辑器打开
3. 删除container类标签
4. 修改site-info类标签为container标签
5. 保存文件并刷新页面

示例代码

<?php
/**
 * The template for displaying the footer.
 *
 * Contains the closing of the #content div and all content after
 *
 * @package WordPress
 * @subpackage Twenty_Sixteen
 * @since Twenty Sixteen 1.0
 */
?>

	</div><!-- .site-content-contain -->
</div><!-- .site-content -->

<?php get_template_part( 'template-parts/footer/site', 'info' ); ?>

<?php wp_footer(); ?>

</body>
</html>

在footer.php中，找到下列代码：

<div class="site-info">
    <?php printf( esc_html__( 'Proudly powered by %s', 'twentysixteen' ), 'WordPress' ); ?>
    <span class="sep"> | </span>
    <?php printf( esc_html__( 'Theme: %1$s by %2$s.', 'twentysixteen' ), 'twentysixteen', '<a href="http://underscores.me/" rel="designer">Underscores.me</a>' ); ?>
</div><!-- .site-info -->

将代码中的 <div class="site-info"> 修改为 <div class="container">即可实现全宽效果。

Markdown结构：

# 我希望我的页脚采用全宽 WordPress

## 介绍

...

## 修改配置

- ...

## 示例代码

```php
<?php
/**
 * The template for displaying the footer.
 *
 * Contains the closing of the #content div and all content after
 *
 * @package WordPress
 * @subpackage Twenty_Sixteen
 * @since Twenty Sixteen 1.0
 */
?>

...

<div class="site-info">
    ...
</div><!-- .site-info -->

在div.site-info中将<div>标签中的类名"site-info"改为 "container"即可实现全宽效果。

<div class="container">
    ...
</div><!-- .site-info -->