フッターにウィジェットを追加する|AFFINGER5カスタマイズのイメージ画像

AFFINGER5 Wordpress

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

フッターにウィジェットを追加する|AFFINGER5カスタマイズのイメージ画像

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

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

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

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

AFFINGER5のフッターにウィジェットを追加するイメージ画像1

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

 

AFFINGER5のフッターにウィジェットを追加するイメージ画像2

<挿入するコード>

<任意の値>

'id':ウィジェットを呼び出すときの番号

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

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

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

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

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

AFFINGER5のフッターにウィジェットを追加するイメージ画像3

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

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

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

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

追加するコード

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


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

WING(AFFINGER5)

紹介サイトはこちら

  • この記事を書いた人

Ryo Endo

bakuDESIGN+代表。 フリーランスのデザイナー・映像クリエイターとして大阪を中心に活動。

-AFFINGER5, Wordpress
-

Copyright© bakuBLOG+ , 2020 All Rights Reserved Powered by AFFINGER5.