wordpress ウィジェット追加 2015年6月4日
Tag:


サイドバーにウィジェットを追加します。

1.まずfunctions.phpに下記を追加

//ウィジェット追加
if (function_exists('register_sidebar')) {
//ここから
register_sidebar(array(
'name' => 'BlogSidebar', //ウィジェット名
'id' => 'sidebar1',
'description' => 'ブログのサイドバー',
'before_widget' => '<li>',
'after_widget' => '</li>',
'before_title' => '<h2 class="SideTitle">',
'after_title' => '</h2>'
));

2.ウィジェットを表示したい場所に下記を追加します

<ul class="SideNav">
<?php dynamic_sidebar('BlogSidebar'); ?>
</ul>
name:ウィジット画面に表示する名前
id:ウィジットエリアのID(※画面に配置するときに必要となります)
before_widget:ウィジットエリアの前に表示するタグ
after_widget:ウィジットエリアの後に表示するタグ
before_title:ウィジットのタイトルの前に表示するタグ
after_title:ウィジットのタイトルの後に表示するタグ

3.複数のウィジェットを追加する場合(functions.php)

    $sidebars = array(1, 2, 3);
    foreach($sidebars as $number) {
         register_sidebar(array(
              'name' => 'Footer ' . $number,
              'id' => 'footer ' . $number,
              'before_widget' => '<div class="widget">',
              'after_widget' => '</div>',
              'before_title' => '<h3>',
              'after_title' => '</h3>'
         ));
    }

4.表示する場合

<?php dynamic_sidebar('ウィジットエリアのID'); ?>

関連記事

New

Aechive

Tag

css Facebook facebookカスタマイズ Facebookページ facebooRSS font functions.php google NEWマーク photoshop RSS SEO single.php webツール WEBデザインツール Wordpress アイコン アーカイブ エディタ カスタム カスタムタクソノミー カスタムフィールド カスタムフィールドテンプレート カスタム投稿 カテゴリー カレンダー クリップアート サイドバー ターム テキスト テンプレートタグ パターン ブラシ プラグイン ヘッダ ページ 人気 便利 分岐 文法チェック 月別アーカイブ 特定カテゴリー 画像 記事