サイドバーを追加

概要

  • 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 (1559d)