【AFFINGER5】フッターにウィジェットを追加する

---

AFFINGER5 2019.11.26

AFFINGER5のフッターはウィジェットにコンテンツをいれることで3列にすることができますが、一番左側の列はキャッチコピーとタイトル(ロゴ)が表示されていて編集できません。そこで、この部分をウィジェットにしてみました。今回は子テーマではなく、テーマの本体をいじりますので、不安がある方はバックアップをとってから作業を進めてください。

STEP1：ウィジェットを追加する

1-1：AFFINGER5本体のfunctions.php(/sitename/wp-content/themes/affinger5/functions.php)を開きます。

1-2：ウィジェットの設定は3249行目あたりから記述されているようです。

1-3：フッターのウィジェットに関する設定は3434行目から記述されているので、ここにコードを挿入します

 

＜挿入するコード＞

		//〇〇が追加
		register_sidebar( array(
			'id' => 'sidebar-50',
			'name' => 'フッター左用ウィジェット（〇〇が追加）',
			'description' => '〇〇が追加したウィジェットです',
			'before_widget' => '<div id="%1$s" class="footer-rbox-a %2$s">',
			'after_widget' => '</div>',
			'before_title' => '<p class="st-widgets-title">',
			'after_title' => '</p>',
		) );

＜任意の値＞

‘id’：ウィジェットを呼び出すときの番号

‘name’：ダッシュボードに表示されるウィジェットの名前

‘description’：ダッシュボードに表示されるウィジェットの説明文

functions.phpの記述は以上となるので保存してアップします。

STEP2：ウィジェットの追加を確認する

ダッシュボードメニュー「外観」＞「ウィジェット」から、無事にウィジェットが追加されたかを確認します。

STEP3：フッターにウィジェットを表示させる

3-1：AFFINGER5本体のfooter.php(/sitename/wp-content/themes/affinger5/footer.php)を開きます。

3-2：フッターの一番左の列については、21行目あたりに記述されているので、下記コードを削除かコメントアウトして、コードを追加します。

削除/コメントアウトするコード

<?php get_template_part( 'st-footer-content' ); //フッターのメインコンテンツ ?>

追加するコード

<?php if ( function_exists( 'dynamic_sidebar' ) && dynamic_sidebar( 50 ) ) : else : //追加したフッターウィジェット?>
<?php endif; ?>

これでフッターを3列ともカスタマイズできるようになって自由度が上がりました。これからもどんどんカスタマイズしていきます。

「稼ぐ」に特化した
本格Woredpressテーマ

WING(AFFINGER5)

紹介サイトはこちら