ウェブ開発全般/WordPress/サイドバーを追加

全文検索

サイドバーを追加

概要

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); ?>

参考

サイドバーを追加

概要

テーマフォルダに入る

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

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

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

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

参考

registe_sidebar()

is_active_sidebar()

get_sidebar()

dynamic_sidebar()

最新の30件