かわたま.net

Enjoy Creative! かわたまのwebメモ

wordpressでウィジェットを有効にする方法【functions.php】

2014 August 10

Tag:

WordPressには、ウィジェットというサイドバーなどに簡単にコンテンツを表示させることができる便利な機能があります。
ドラッグ&ドロップで簡単に表示させたいウィジェットを選択することができます。

functions.phpに追記

ウィジェットを有効にするには、下記を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>'
 ));
}

before_widget、after_widgetではひとつひとつのウィジェットを囲むタグを指定できます。
before_title、after_titleではそれぞれのウィジェトのタイトルを囲むタグを指定します。

ダッシュボードからウィジェット作成

ダッシュボードの「外観 / ウィジェット」から、ドラッグ&ドロップで表示させたいウィジェットを追加します。

テンプレートファイル内に記述

テーマファイル内の、ウィジェットを表示させたい位置に下記を記述します。

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
<?php endif; ?>
例えば、sidebar.phpに追加する場合の記述例
<div class="sidebar">
  // ここから
  <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
  <?php endif; ?>
  // ここまで
</div>

もちろん、サイドバー以外にもウィジェットを表示できます。
あとはcssで自由にデザインを調整します。