AMOREの「トップページ第3ブロック」の円形バナーを四角にする方法|中級者向けカスタマイズ
AMOREの「トップページ第3ブロック」の円形バナーを四角にする方法|中級者向けカスタマイズ
AMOREでは、トップページの「第5ブロック」セクションに、下記のようなバナー一覧を設置することができます。

AMOREの「トップページ第5ブロック」

AMOREの「トップページ第5ブロック」

トップページ第5ブロックには、最大3つまでバナーを設定することができますが、もっとバナーを増やしたいという方もいるかと思います。

今回は、このトップページ第5ブロックのバナー数を3つから4つに変更する方法を解説したいと思います。

カスタマイズの注意点

今回紹介するカスタマイズ方法では、WordPressテーマのテーマファイルを直接編集します。
万が一に備え、編集前は必ずファイルのバックアップをとっておきましょう。

「トップページ第5ブロック」のバナー数を3つから4つに変更する方法

WordPressのダッシュボード左メニューから、『外観テーマエディター』という順にクリックします。

『外観→テーマエディター』という順にクリック

『外観→テーマエディター』という順にクリック

テーマの編集画面が開きます。
画面右側の「テーマファイル」にある『Welcome Screen 固定ページテンプレート (page-welcome.php)』をクリックしましょう。

「テーマファイル」にある『Welcome Screen 固定ページテンプレート (page-welcome.php)』をクリック

「テーマファイル」にある『Welcome Screen 固定ページテンプレート (page-welcome.php)』をクリック

下記のコードを探します。

上記のコードを下記の内容に書き換えましょう。

180行目付近の <?php endfor; ?> 直後に下記のコードを挿入します。

 【】の部分は適宜変更してください。

コードを書き換えたら、ページ下部の『ファイルを更新』ボタンをクリックしましょう。

『ファイルを更新』ボタンをクリック

『ファイルを更新』ボタンをクリック

これで、トップページ第5ブロックのバナー数を3つから4つに変更することができます。

 4列にした時の各項目の変更は、
3列目までは通常通り「TCDテーマオプション」で行い、
4列目のみ、上記のようにファイルを編集してください。
4列にした「トップページ第5ブロック」

4列にした「トップページ第5ブロック」

まとめ

今回は、AMOREの「トップページ第5ブロック」のバナー数を3つから4つに変更する方法を解説しました。

気になった方はぜひ試してみてください。

全てのテーマを見るならこちら

スポンサーリンク

スポンサーリンク

アンケート実施中

テーマニアの内容をさらに充実させるため
アンケートを実施中です。

ご協力お願いいたします。

おすすめの記事