Learning site for website creation

複数のサイドバーを配置

公開日:2014年10月25日 更新日:2014年10月26日

WordPressで複数のサイドバーを配置

string register_sidebar( [ mixed $args = array() ] )

属性名 意味 省略時の値
name サイドバー名 __(‘Sidebar #id’)
id サイドバーID sidebar-#id
description サイドバーの説明
before_widget ウィジェットの前タグ <li id=”%1$s” class=”widget %2$s“>
after_widget ウィジェットの後タグ </li>\n
before_title サイドバータイトルの前タグ <h2 class=”widgettitle”>
after_title サイドバータイトルの後タグ </h2>\n

※#idはサイドバーのID番号

記述例

メニューバーの定義

functions.php

//サイドバー左
register_sidebar( array( 
	'name'=>'サイドバー左',
	'id'=>'sidebar-left',
	'description'=>'コンテンツ内の左に配置されるサイドバー',
	'before_widget'=>'',
	'after_widget'=>'',
	'before_title'=>'<h2 class="title1">',
	'after_title'=>'</h2>',
) );
//サイドバー右
register_sidebar( array( 
	'name'=>'サイドバー右',
	'id'=>'sidebar-right',
	'description'=>'コンテンツ内の右に配置されるサイドバー',
	'before_widget'=>'',
	'after_widget'=>'',
	'before_title'=>'<h2 class="title1">',
	'after_title'=>'</h2>',
) );

メニューバーを表示

メニューバー定義の「id」を引数に指定する。

表示したいテンプレート.php

<?php dynamic_sidebar( 'sidebar-left' ); ?>

表示したいテンプレート.php

<?php dynamic_sidebar( 'sidebar-right' ); ?>