目次

  1. ウィジェットとは
  2. ウィジェットを利用してサイドバーを設置する方法
    1. functions.php
    2. ダッシュボード＞外観＞ウィジェット
    3. sidebar.php（テンプレートパーツファイル）
    4. style.css
  3. 関連記事へのリンク

ウィジェットとは

ウィジェットとは、Webページの部品のようなものです。多くは、サイドバーに設置されています。

WordPressにプリインストールされているウィジェットのほか、プラグインを追加することで様々なウィジェットを追加することが出来ます。

 

ウィジェットを利用してサイドバーを設置する方法

functions.php

register_sidebar()は、サイドバー（ウィジェット）機能をONにするWordPress関数です。連想配列を引数として渡すことで、サイドバー出力時の振る舞いを設定することができます。

  • name サイドバーの名前。ダッシュボードに表示される。
  • before_widget, after_widget ウィジェットの前後に入れる文字列を指定。
  • before_title, after_title ウィジェットのタイトルの前後に入れる文字列を指定。

＞＞連想配列とは

 

ダッシュボード＞外観＞ウィジェット

 

dashboard-widget

ここでは、「テキストウィジェット」「カレンダー」「カテゴリー」の３つを設置します。画面左のパーツから画面右のサイドバーボックスに、右にドラッグ＆ドロップします。

 

sidebar.php（テンプレートパーツファイル）

dynamic_sidebar()はウィジェットを出力するWordPress関数です。functions.phpとダッシュボードの設定を反映した結果が出力されます。各ファイルの関係＆役割は、下図のようになります。

system-of-sidebar

 

style.css

サイドバー・ウィジェットに関するスタイル指定を追加します。register_sidebar()関数のオプション指定や、各widgetで出力されるIDやクラス名を利用します。

 

関連記事へのリンク

サイト内リンク

 

公式サイト

 

「index.phpをカスタマイズする」の記事