Codeworks Notes

 2018-08-12

 2020-03-24

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 でカラム構造をデザインしてください。