【プロが教える!!】ウィジェットをコピペで超簡単に増やす方法

2箇所のコピペでWordPressのウィジェットを増やす方法

いろんなサイト見るとちょっとむずかしそうなウィジェットの増やし方。

シンプルにコピペで簡単実装します。

まずテーマファイルのfuncions.php。次に出力するPHPファイル。

functions.phpに下記をコピペしますが、一点、注意が必要。

まずidをかぶらせないこと。

これがかぶるとバッティングします。

functions.phpに下記をカスタマイズしてコピペ

function wp_add_widgets_init() {
//ここから
register_sidebar(array(
     'name' => 'ここに任意の名前' ,
     'id' => 'Sidebar_1' ,//かぶらないように
     'before_widget' => '<div>',//ウィジェットの前に出力されるタグ。空でもOK
     'after_widget' => '</div>',//ウィジェットの後に出力されるタグ。空でもOK
     'before_title' => '<h4>',//ウィジェットタイトルの前に出力されるタグ。空でもOK
     'after_title' => '</h4>'//ウィジェットタイトルの後に出力されるタグ。空でもOK
));
//ここまで
register_sidebar(array(
     'name' => 'ここに任意の名前' ,
     'id' => 'Sidebar_2' ,//かぶらないように
     'before_widget' => '',
     'after_widget' => '',
     'before_title' => '',
     'after_title' => ''
));
//2行目から11行目をここにコピペでどんどん追加できるよ！
}
add_action( 'widgets_init', 'wp_add_widgets_init' );

「ここに任意の名前」を例えば「サイドバー」とすると

『サイドバー』というウィジェットが出てくるはず。

次は出力する方のコピペをしましょう。こっちは簡単です。

出力するPHPファイル

<?php dynamic_sidebar( 'Sidebar_1' ); ?>

これだけ！

これでfunctions.phpのidをSidebar_1に設定したウィジェット内容が出力されます。

idをSidebar_2に設定した場合は

<?php dynamic_sidebar( 'Sidebar_2' ); ?>

にする。これだけです！超簡単ですね！

是非参考にして下さい。