wordpress:サイドバーを実装する

wordpress

sidebarの機能

wordpressのwidget機能を扱うためにsidebarを実装します
実装されていない場合はthemeタブにwidgetの項目がありません

実装されていない場合
sidebar_test.png

実装されている場合
sidebar_test2.png

実装

  • function.php
  • sidebar.php
  • index.php
    実際に実装したいpageに実装します
    page.php/single.phpなどに適時記載してください
function sidebar_setup(){
    register_sidebar([
        'name'  => 'sidebar',
        'id'    => 'sidebar',
        'description' => '',
        'before_widget' => '<aside id="%1$s" class="widget">' . "\n",
        'after_widget'  => '</aside>' . "\n",
        'before_title'  => '<h3 class="widget-title">',
        'after_title'   => '</h3>' . "\n",
        ]);
}
add_action( 'widgets_init' , 'sidebar_setup' );
<section id="side">
<?php dynamic_sidebar('sidebar'); ?>
</section><!-- #side -->
<?php get_sidebar(); ?>