Learning site for website creation

033:ウィジェット機能を追加

公開日:2020年11月08日

初期状態では「外観」に「ウィジェット」という項目がありません。

ウィジェット機能を有効にします。

/*********************************
  ウィジェットエリア作成
 **********************************/
register_sidebar(
  [
    'name' => 'ウィジェット名',
    'id' => 'ウィジェットIDを小文字半角英数で指定(空白を除く)',
    'before_widget' => '<div class="Widget__item">',
    'after_widget' => '</div>',
    'before_title' => '<h3 class="Widget__title">',
    'after_title' => '</h3>',
  ]
);

管理画面「外観」>「ウィジェット」

register_sidebar関数を呼び出すことでウィジェット機能が有効になり、引数で指定したウィジェットエリア「フッター」が作成されます。

作成したウィジェットエリア「フッター」に「検索」「アーカイブ」「固定ページ」を追加します。

必要であれば「タイトル」やアーカイブのチェックボックス等を選択します。

ウィジェット表示エリアを作成する

テンプレートの任意の場所でdynamic_sidebar関数を呼び出します。

<?php dynamic_sidebar('ウィジェット名'); ?>

このページで出てくる関数

WordPress関数は「公式サイトのドキュメント」で確認しましょう。

WordPress関数

register_sidebar()

dynamic_sidebar()