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でカスタムフィールドとCSVファイル投稿する方法
WordPressでカスタムフィールド設定している環境に、CSVファイルアップロ ...
CSVファイルをアップロードしてWordPressに記事を投稿する方法
CSVファイルをアップロードすることでWordPressに記事を投稿したかった。 ...
WordPressでCSSとHTMLコーディングデータから自作テーマを作成する方法
CSSとHTMLコーディングデータがあり、それをWordPressのテーマに反映 ...
WordPressのcontact form7で500エラーの対応方法
WordPressプラグインのcontact form7で送信ボタンを押し、ロー ...
WordPressにてAdvanced Custom Fieldsを用いて連載(シリーズ)記事機能を実装する方法
先日「Series」プラグインで連載(シリーズ)記事機能の実装方法をメモしたが、 ...