目次
2箇所のコピペでWordPressのウィジェットを増やす方法
いろんなサイト見るとちょっとむずかしそうなウィジェットの増やし方。
シンプルにコピペで簡単実装します。
まずテーマファイルのfuncions.php。次に出力するPHPファイル。
functions.phpに下記をコピペしますが、一点、注意が必要。
まずid
をかぶらせないこと。
これがかぶるとバッティングします。
functions.phpに下記をカスタマイズしてコピペ
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
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ファイル
1 |
<?php dynamic_sidebar( 'Sidebar_1' ); ?> |
これでfunctions.php
のid
をSidebar_1
に設定したウィジェット内容が出力されます。
id
をSidebar_2
に設定した場合は
1 |
<?php dynamic_sidebar( 'Sidebar_2' ); ?> |
にする。これだけです!超簡単ですね!
是非参考にして下さい。