WordPressで自作テーマにウィジェット対応

2018/04/03

WordPressで自作したテーマでウィジェットを登録しようとしたところダッシュボードの「外観」内にウィジェットの項目が無かった。ウィジェットを導入するには多少手順があるみたいなのでその方法をメモ。

見出し

1 functions.phpに追記
2 ウィジェットを表示させるファイルに追記
3 まとめ

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' );

//ウィジェット対応

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' );

ウィジェットを表示させるファイルに追記

<?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 } ?>

<?php if ( is_active_sidebar( 'header_widget' ) ){ //functions.phpで追記したidを引数に入れる?>

<?php dynamic_sidebar( 'header_widget' ); //functions.phpで追記したidを引数に入れる?>

</div>

<?php } ?>

まとめ

functions.phpとウィジェットを表示させたいファイルに追記し、通常通りダッシュボードの「外観→ウィジェット」から登録することで表示される。

- WordPress

: WordPressを4.8.2にして不具合

WordPressを4.8.2にすると記事の新規追加時にウィジウィグの挙動がおか ...

: gzip圧縮とキャッシュをhttpd.confで設定する

今まで共用サーバーで使っていたWordPressをVPSに移した。せっかくなの ...

: WordPressで閲覧者にテーマを変更させるプラグイン

「新規サイトを○○みたいなイメージでWordPressのテーマを見繕って欲しい」 ...

: WordPressにてフッターへ出現する笑顔マーク(smiley)を見えなくする方法

■やりたい事 WordPressにて左下へ勝手に出現する笑顔マーク(smiley ...

: Advanced Custom Fieldsでチェックボックスの記事を取得

Advanced Custom Fieldsでチェックボックス設定しているカスタ ...

: contact form7で送信時に別サーバへデータ送信

contact form7でフォーム送信時に別サーバーでフォーム内容をPOST送 ...

: WordPressのxmlrpc.phpへの攻撃

サーバーの死活監視をしているシステムから、1つのサイトが落ちているとアラートがき ...

: WordPressにお気に入り登録機能とお気に入り一覧ページを作成する方法

WordPressにお気に入り登録機能をつけたかった。会員制のサイトじゃなかっ ...

: WordPressと別プログラム間でSESSIONが引き継げない

同一サーバ内に自作したプログラムとWordPressを設置しており両者でセッショ ...

: WordPressでコンテンツ内に広告を差し込む方法

WordPress内でヘッダーやフッターではなく、コンテンツ内に広告を差し込みた ...

PREV: apacheのprefork設定とKeepAlive設定
NEXT: Polylangのスイッチャーでクエリを引き継ぐ

WordPressで自作テーマにウィジェット対応

functions.phpに追記

ウィジェットを表示させるファイルに追記

まとめ

関連記事