WORDPRESSテーマ作成～サイドバーの追加～
投稿日
更新日
サイドバーをテーマ内に表示させる方法を書いていきます。
この赤枠部分を表示させていくよ！
function.phpに下記コードを書きます。
|
1 2 3 4 5 6 7 8 9 10 11 12 |
function theme_widgets_init() { register_sidebar( array( 'name' => 'Main Sidebar', 'id' => 'sidebar-1', 'description' => 'メインで使うサイドバー', 'before_widget' => '<li id="%1$s" class="widget %2$s">', 'after_widget' => '</li>', 'before_title' => '<h2 class="widgettitle">', 'after_title' => '</h2>', ) ); } add_action( 'widgets_init', 'theme_widgets_init' ); |
name、id、descriptionは任意で名前を付けて使います。
before_widget、after_widget、before_title、after_title部分は、表示される時のHTMLタグとなるので、表示に合わせて調整。
header.php内には下記を書くとサイドバーが表示されます。
|
1 |
<?php get_sidebar( 'sidebar-1' ); ?> |
サイドバーの表示の設定は、管理画面から行います。
外観＞ウィジェット でどのブロックを表示するかを設定できます。
それぞれのブロックをグループにして名前を付けたりできます。
調整出来たら、実際に画面を見て確認して、サイドバーの表示位置などを調整していきます。
