お寺や神社、小料理屋など、日本の美意識を表現できるWordPressテーマ「ZEN」
ワードプレステーマ別

TCDテーマQUALIA:フッターメインエリアの「バナー」を3つ並びで表示する方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.フッターメインエリアにバナーを3つ表示させると段落ちしているように見えてしまいます。

フッターメインエリアの「バナー」は2カラム(2つ並び)で表示するレイアウト仕様となっています。

▼変更箇所イメージ
変更箇所イメージ

A.下記の方法で対応してください。

TCDテーマ>基本設定のカスタムCSSに入力します。

.p-footer-main.l-inner {
    inline-size: 1250px; }
.p-footer-banner-list {
    grid-template-columns: repeat(auto-fit, calc(100% / 3)); }

 
▼変更後のイメージ
変更後のイメージ

QUALIAのフッターでは、「4列バナー」やフリースペースも用意されています。→マニュアル
多くの情報を表示できますが、バランスをみながら設定するといいでしょう。

TCD公式サイトでフッターのバランスの取り方や制作事例をご紹介しています。ぜひ参考にご覧ください。
>> フッターの役割、やってはいけないこと
>> TCDのコンテンツから考えるWEBサイトのフッターが重要な理由

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事