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でデータベース接続確立エラー発生時の対応方法
WordPressで「データベース接続確立エラー」というエラー表示がされた。大抵 ...
-
-
WordPressのContact Form 7から送信した内容をダッシュボードから確認及びCSVファイル化する方法
WordPressのContact Form 7プラグインで実装されたお問い合わ ...
-
-
WordPressでCSSとHTMLコーディングデータから自作テーマを作成する方法
CSSとHTMLコーディングデータがあり、それをWordPressのテーマに反映 ...
-
-
WordPressの5系から搭載されたブロックエディタ(Gutenberg)を元に戻す方法
WordPressを5系にアップデートしたところ記事投稿ページのエディタが大幅に ...
-
-
WordPressで固定ページに記事一覧を表示させるプラグイン
WordPressで固定ページ編集時にショートコードを書くことで、記事一覧を表示 ...