ウィジェットエリアを追加して任意の位置で表示させる

概要説明

サイドエリアだけでなく記事詳細ページなどに自由にウィジェットを配置できるようにするためのウィジェットエリア追加カスタマイズ。

functions.php
/*----------------------------------------------------
 ウィジェットエリア追加
----------------------------------------------------*/
if ( !function_exists( 'remove_admin_menu_update' ) ){
    function add_widgets_init() {
      register_sidebar( array(
            'name'          => '追加したウィジェットエリア',
            'id'            => 'widget_free_area',
            'description'   => 'ウィジェットの用途など説明テキスト',
            'before_widget' => '<section id="%1$s" class="widget %2$s">',
            'after_widget'  => '</section>',
            'before_title'  => '<h2 class="widget-title">',
            'after_title'   => '</h2>',
      ) );
    }
    add_action( 'widgets_init', 'add_widgets_init' );
}

ウィジェットページに追加したエリアが表示されることを確認

ウィジェットエリアを追加して任意の位置で表示させる

旧来のウィジェット設定画面を表示させる

Classic Widgets ウィジェット表示がブロックエディター仕様の新ウィジェットの場合は Classic Widgets プラグインの導入をおすすめ致します。

テンプレート側での呼び出し

<!-- 任意の位置でウィジェットエリアを呼び出し -->
<div id="widget_free_area">
    <?php dynamic_sidebar( 'widget_free_area' ); ?>
</div>

ウィジェットでエリアを確保しておく

ウィジェットエリアをトップページや詳細ページに埋め込む作業をテンプレートで行っておけば後で内容を変更したいときにも管理画面から調整が行いやすくなります。

WordPress Developer Resources

関連機能

  1. プラグインを使わずにContact Form 7 から送信されたメールの履歴を保存する ( カスタム投稿 )

  2. WordPress Contact Form 7 禁止ワードと日本語判定によるスパム判定処理

  3. WordPress カテゴリ選択で条件付き絞り込みが行える検索フォームを実装

サイドバー

よく使うカスタマイズ

最近の記事

アニメの名言集

天才は嫌いだ
積み重ねたものの美しさが無い

葬送のフリーレン
by リュグナー

Profile

PAGE TOP
Amazon プライム対象