ワードプレスでウィジェット機能があるサイドバーを複数設置する方法

ワードプレスアイキャッチ

ワードプレス(wordpress)で管理画面で設定できるウィジェット機能付きのサイドバーを複数設置し、管理画面で設定できるようにする方法を記載します。

今回はワードプレスをインストール時にもともと入っているテーマの「twentyten」「twentyeleven」を使い、簡単にできる方法を解説します。

管理画面ウィジェットにサイドバーの設定を追加

テーマテンプレートからfunctions.phpを探します。
ない場合は「twentyten」や「twentyeleven」のテーマからコピーしましょう!

functions.phpの中で下記を探します。


register_sidebar( array(
 'name' => __( 'Main Sidebar', 'twentyeleven' ),
 'id' => 'sidebar-1',
 'before_widget' => '<aside id="%1$s" class="widget %2$s">',
 'after_widget' => "</aside>",
 'before_title' => '<h3 class="widget-title">',
 'after_title' => '</h3>',
 ) );

これをその真下にコピーし、それぞれの項目を変更しましょう!

変更箇所は
‘name’ => __( ‘ここを変更’, ‘twentyeleven’ ),
‘id’ => ‘ここを変更’,

です。

nameは管理画面に表示される名前で、
idはテンプレートに挿入するときに使用する名前です。

変更後アップロードをするとウィジェット設定画面に指定したnameで表示されているはずです。

テーマテンプレートに作成したウィジェットを設定する方法

テーマテンプレートの新しく作成したサイドバーウィジェットを表示させたい場合は下記phpを記載


<?php if ( ! dynamic_sidebar( 'functions.phpで設定した際につけたidをここに記載' ) ) : ?>
ここにウィジェットに何も設定されていなかった場合に表示する内容。何も表示しない場合は空白
<?php endif; // end sidebar widget area ?>

これで表示されるようになります。


コメントを残す

メールアドレスが公開されることはありません。