WordPressの自動バックグラウンド更新

WordPress

WordPressで複数のウィジェットを表示させるやり方

WordPressのウィジェットってとても便利ですよね。ドラッグ&ドロップで手軽に表示を並べ替えることもできるし管理もしやすいです。そんなウィジェットを複数表示させるためのやり方をご紹介します。

[ads_center]

register_sidebarとdynamic_sidebar

まずはfunctions.phpに複数のウィジェットを対応させます。

if(function_exists('register_sidebar')) {
    register_sidebar( array(
        'name' => 'ウィジェット1',
        'id' => 'sidebar1',
        'before_widget' => '<div>',
        'after_widget' => '</div>',
        'before_title' => '<h3>',
        'after_title' => '</h3>'
    ));
    register_sidebar( array(
        'name' => 'ウィジェット2',
        'id' => 'sidebar2',
        'before_widget' => '<div>',
        'after_widget' => '</div>',
        'before_title' => '<h3>',
        'after_title' => '</h3>'
    ));
}

ここで重要なのは以下の2点。

  • name
  • id

nameに指定した名前が、ウィジェットの名前になります。

idは、このあとウィジェットを表示する際にどのウィジェットを出力するかを指定する時に使います。以下、ウィジェットを表示したいテーマファイル内での記述です。

<!-- ウィジェット1 -->
<?php if(!function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar1')): ?>
    <p>ウィジェットが設定されていない場合、ここが表示されます。</p>
<?php endif; ?>

<!-- ウィジェット2 -->
<?php if(!function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar2')): ?>
    <p>ウィジェットが設定されていない場合、ここが表示されます。</p>
<?php endif; ?>

dynamic_sidebarの引数に、先程の表示したいウィジェットのidを指定します。

これで、管理画面のウィジェットのページに行くと、ウィジェット1とウィジェット2という2つのウィジェットが表示されるようになります。

複数のウィジェットを作ることで、例えばサイドバーにはウィジェット1を、フッターにはウィジェット2をといったことも可能になるので、管理を簡単にしたい場合にはとても有効ですね。

さらに追加したい場合には同様にサイドバー3、サイドバー4…と追加していくこともできます。

VintageTxtタイピングしているような効果を実装できるjQueryプラグイン「VintageTxt」前のページ

2013年下半期に紹介したjQueryプラグイン68選まとめ次のページ2013年下半期jQueryプラグインまとめ

関連記事

  1. WordPress

    WordPressで人用のサイトマップを作ってくれるプラグイン「PS Auto Sitemap」の使…

    WordPressで人に見せるための人用サイトマップを簡単に作成してく…

  2. WordPressにPocketボタンを設置

    WordPress

    WordPressにPocketボタンを設置するやり方

    そういえばPocketのボタンをまだ設置していなかったので、このたび設…

  3. WordPress

    WordPressで「この記事の所要時間」という読了時間を表示させてくれるプラグイン「estimat…

    とても便利なWordPressのプラグインを発見したので備忘録です。よ…

  4. Daily Dish

    WordPress

    写真が映える2カラムのシンプルでスッキリしたWordPressテーマ「Daily Dish」

    Daily DishというWordPressテーマがとてもカッコよかっ…

  5. Monsterrat

    WordPress

    ミニマルなポートフォリオに最適なWordPressテーマ「Monsterrat」

    ミニマルなデザインのポートフォリオを作りたい時に最適なWordPres…

  6. WordPressのログイン時のツールバー

    WordPress

    WordPressで最新記事の一覧をプラグインを使わないで表示させるやり方

    WordPressで最新記事の一覧をウィジェットやプラグインを使わない…

最近の記事

  1. クリニカのY字タイプのフロス
  2. 日和山公園の桜
  3. 成城石井 フレンチロースト
  4. COMOLI カシミアシルクニットパーカ
  5. 橋

アーカイブ

PAGE TOP