Life Log

新潟でWEB関連の仕事をしています。衣食住、仕事、遊び、新潟情報など、個人の話も交えてコツコツ書いています。

WelcartBasicのトップページにウィジェットエリアを設置する方法

 


ワードプレステーマ「Welcart Basic」のトップページにウィジェットエリアを設置する方法の備忘録。

スポンサーリンク

ウィジェットエリアを設置する順番

  1. functions.php にウィジェットエリア追加用コードを記述
  2. front-page.phpにウィジェットエリア出力用コードを記述

functions.php に記述するコード

※子テーマで運用している場合は子テーマのfunctions.php に記述。

functions.php に下記コードを追加。

このコードを追加した時点でワードプレスの「外観」→「ウィジェット」を開くと以下のウィジェットエリアが追加されている、はず。

これだけではウィジェットエリアが表示されないので、ウィジェットエリアを表示させたい箇所に以下のコードを記述する。

front-page.phpに記述するコード

トップページ(front-page.php)にウィジェットを表示させたい箇所に以下のコードを記述。

これでトップページの任意の場所にウィジェットエリアが追加できる。

トップページに複数のウィジェットエリアを追加する場合

以下のコードをfunctions.php に記述する。

あとはトップページ(front-page.php)にウィジェットを表示させたい箇所に以下のコードを記述。

「1箇所目」

「2箇所目」

これでトップページの任意の場所にウィジェットエリアが複数追加できる。


 - ワードプレス