サイドバーを追加

概要

  • index.php等の中でget_sidebar('foo')する。
  • sidebar-foo.phpが読み込まれる。
  • sidebar-foo.phpの中でdynamic_sidebar('bar')する。
  • functions.phpの中でregister_sidebar(array('name' => 'bar' | 'id' => 'bar'))する。
  • 管理画面のウィジェットでbarにウィジェットを追加する。

テーマフォルダに入る

 $ cd wp-content/themes/foo

サイドバーファイルをコピーして追加し、内容を修正する

 $ cp sidebar.php sidebar-2.php
 $ vi sidebar-2.php
 if ( ! is_active_sidebar( 'sidebar-2' ) ) {
     return;
 }
 ?>
  
 <div id="secondary" class="widget-area" role="complementary">
     <?php dynamic_sidebar( 'sidebar-2' ); ?>
 </div><!-- #secondary -->

functions.phpを編集してregister_sidebar()を追加する

 $ vi functions.php
 register_sidebar( array(
     'name'          => __( 'Sidebar-2', 'wp0803' ),
     'id'            => 'sidebar-2',
     'description'   => '',
     'before_widget' => '<aside id="%1$s" class="widget %2$s">',
     'after_widget'  => '</aside>',
     'before_title'  => '<h1 class="widget-title">',
  ) );

WordPress管理画面のウィジェットカスタマイズで追加されたサイドバーにウィジェットを追加する

(省略)

テンプレートファイルを編集して追加したサイドバーを読み込む

 vi index.php
 <?php get_sidebar(2); ?>

参考

registe_sidebar()

http://wpdocs.sourceforge.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/register_sidebar

is_active_sidebar()

http://wpdocs.sourceforge.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/is_active_sidebar

get_sidebar()

http://wpdocs.sourceforge.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/get_sidebar

dynamic_sidebar()

http://wpdocs.sourceforge.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/dynamic_sidebar


トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS

Last-modified: 2014-09-04 (木) 09:02:46