Wordpress
functions.php
バックエンド
ウィジェットまわりの設定
最初はサイドバーが無効
初期状態はサイドバーウィジェットが利用できません。
register_sidebar(); という関数を使って有効化すればダッシュボードの外観設定に「ウィジェット」が追加されます。
ウィジェットの有効化設定
サイドバーやフッターのウィジェットは functions.php で設定します。
<?php
function sidebar_widgets_init() {
register_sidebar( array(
'name' => __( 'Sidebar Widget' ),
'id' => 'sidebar-widget',
'before_widget' => '<div class="widget-container">',
'after_widget' => '</div>',
'before_title' => '<h3>',
'after_title' => '</h3>',
) );
}
add_action( 'widgets_init', 'sidebar_widgets_init' );
?>
有効化されたらウィジェットメニューから表示したい項目を編集できるようになります。表示形態に関しては CSS でバランスを調整するなどしてください。
テンプレートの記述
sidebar.php に 直接 ID を指定したdynamic_sidebar() 関数を置いてウィジェットを呼び出します。
<aside id="sidebar">
<?php dynamic_sidebar( 'sidebar-widget' ); ?>
</aside>
あとは任意のテンプレート内でサイドバーを置きたいところに get_sidebar(); を置けばサイドバーが読み込まれます。
<?php get_sidebar(); ?>
2カラム、3カラムのレイアウト構造でサイドに載せたい、という場合は CSS でカラム構造をデザインしてください。