WordPressで自作テーマにウィジェットを登録する方法
2024/02/22
WordPressで自作したテーマでウィジェットを登録しようとしたところダッシュボードの「外観」内にウィジェットの項目が無かった。ウィジェットを導入するには多少手順があるみたいなのでその方法をメモ。
functions.phpに追記
//ウィジェット対応
function arphabet_widgets_init() {
    register_sidebar( array(
        'name' => 'ヘッダー', //ダッシュボード上に表示されるので分かりやすい名前が良い
        'id' => 'header_widget', //呼び出しの際に使う
        'before_widget' => '<div>',
        'after_widget' => '</div>',
        'before_title' => '<h2 class="rounded">',
        'after_title' => '</h2>',
    ) );
}
add_action( 'widgets_init', 'arphabet_widgets_init' );
widgets_initのリファレンスは以下。
ウィジェットを表示させるファイルに追記
<?php if ( is_active_sidebar( 'header_widget' ) ){ //functions.phpで追記したidを引数に入れる?>
    <div id="primary-sidebar" class="primary-sidebar widget-area" role="complementary">
        <?php dynamic_sidebar( 'header_widget' ); //functions.phpで追記したidを引数に入れる?>
    </div>
<?php } ?>
まとめ
functions.phpとウィジェットを表示させたいファイルに追記し、通常通りダッシュボードの「外観→ウィジェット」から登録することで表示される。
関連記事
- 
					
													  
- 
					WordPressと別プログラム間でSESSIONが引き継げない場合の対応方法同一サーバ内に自作したプログラムとWordPressを設置しており両者でセッショ ... 
- 
					
													  
- 
					WordPressで記事検索時に投稿ID順にならない場合の対応方法WordPressでサイト上から記事検索(キーワード検索)を行った場合、通常であ ... 
- 
					
													  
- 
					WordPressの記事をfacebookに投稿する際のOGP設定についてWordPressの記事をfacebookに投稿する際にOGP設定をする必要があ ... 
- 
					
													  
- 
					Advanced Custom Fieldsでセレクトメニューを動的に生成する方法WordPressでカスタムフィールド設定用のプラグインAdvanced Cus ... 
- 
					
													  
- 
					PHP8系で「Warning: Attempt to read property "xxxxxx" 」エラーの対応方法PHP8系&WordPress6.4.3で「Warning: Attem ...