WordPress 101 主题开发教程: 08 – 创建侧边栏和小插件

WordPress 101 – Part 8: How to create Sidebar and Widgets areas

视频学习参考： https://www.youtube.com/watch?v=aSXitOevqA0&list=PLriKzYyLb28nUFbe0Y9d-19uVkOnhYxFE&index=8

在这节课之前 作者进行了主题的Q&A并优化美化了主题:https://www.youtube.com/watch?v=OSYbTkzuyDg

在这个视频中可以查看之前的变化更新，补充的开发教程也记录在上一篇文章中

本节课主要说明了如何激活并加载侧边栏和插件区域，虽然写做“和”，但是他们其实指的是同一个内容。

1.在functions.php激活侧边栏插件功能

function twentyseventeen_widgets_init() {
   register_sidebar(
      array(
         'name'          => __( 'Blog Sidebar', 'twentyseventeen' ),
         'id'            => 'sidebar-1',
         'class'         => 'customxsidebar',/*此处的class仅会在后台编辑的时候出现*/
         'description'   => __( 'Add widgets here to appear in your sidebar on blog posts and archive pages.', 'twentyseventeen' ),
         'before_widget' => '<section id="%1$s" class="widget %2$s">',/*注意此处的id 和 class 的 %1$s 使用的是各自小组件的id和class*/
         'after_widget'  => '</section>',
         'before_title'  => '<h2 class="widget-title">',
         'after_title'   => '</h2>',
      )
   );
}
add_action( 'widgets_init', 'twentyseventeen_widgets_init' );

2.编写sitebar.php 侧边栏插件区的结构文件 用于展示侧边栏

<?php
if ( ! is_active_sidebar( 'sidebar-1' ) ) {
   return;
}
?>

<aside id="secondary" class="widget-area" role="complementary" aria-label="<?php esc_attr_e( 'Blog Sidebar', 'twentyseventeen' ); ?>">
   <?php dynamic_sidebar( 'sidebar-1' ); ?>
</aside><!-- #secondary -->

3.在index.php 或者 page.php中开启侧边栏插件区显示

<?php get_sidebar(); ?>

Super Easy!