[WordPress]ウィジェットを複数設定する方法

2010

12.30

[WordPress]functions.phpを編集してウィジェットを複数設定する方法

ワードプレスのウィジェット化することでカスタマイズが容易になります。必要のないところまでウィジェット化してしまうのもどうかと思いますが、ドラック&ドロップでコンテンツを入れられるのは ブログ初心者にとってみればとても素晴らしい機能です。というわけで、複数のスペースをウィジェット化する方法をご紹介します。

ウィジェットを5箇所作成

例ではウィジェットスペースが5箇所のものになっています。ウィジェットの前後に入るタグはお好みで変更して、function.phpに入れてください。

if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(4) )
register_sidebars(1, 
    array( 
    'name'=>'サイドバー1', 
    'before_widget' => '<ul><li>', 
    'after_widget' => '</li></ul>', 
    'before_title' => '<h2>', 
    'after_title' => '</h2>', 
    )); 
register_sidebars(1, 
    array( 
    'name'=>'サイドバー2', 
    'before_widget' => '<ul><li>', 
    'after_widget' => '</li></ul>', 
    'before_title' => '<h2>', 
    'after_title' => '</h2>', 
    )); 
register_sidebars(1, 
    array( 
    'name'=>'サイドバー3', 
    'before_widget' => '', 
    'after_widget' => '', 
    'before_title' => '<h2>', 
    'after_title' => '</h2>', 
));
register_sidebars(1, 
    array( 
    'name'=>'サイドバー4', 
    'before_widget' => '<ul><li>', 
    'after_widget' => '</li></ul>', 
    'before_title' => '<h2>', 
    'after_title' => '</h2>', 
    )); 
register_sidebars(1, 
    array( 
    'name'=>'サイドバー5', 
    'before_widget' => '<ul><li>', 
    'after_widget' => '</li></ul>', 
    'before_title' => '<h2>', 
    'after_title' => '</h2>', 
));

あとは、呼び出したい所に出力コードを入れれば終了です。

<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(1) ) : else : ?>
ココにウィジェット未使用時の代替コンテンツを入れる
<?php endif; ?>

関連記事

デザインプラス採用サイト
Wordpress使い方大全集

過去アーカイブ