GENSENトップページのキャッチフレーズの配置を変える方法|中級者向けカスタマイズ
GENSENトップページのキャッチフレーズの配置を変える方法|中級者向けカスタマイズ
GENSENでは、トップページのヘッダーコンテンツに画像スライダーを設定した場合、下記のようなキャッチフレーズを表示させることができます。

GENSENトップページのキャッチフレーズ

GENSENトップページのキャッチフレーズ

PCでは中央寄せ、スマホでは左寄せで表示されるのですが、この配置を変えたいという方もいるかと思います。

今回は、このGENSENトップページのキャッチフレーズの配置を変える方法を解説したいと思います。

カスタムCSSにコードを追加する

WordPressのダッシュボード左メニューから、『外観TCDテーマオプション』という順にクリックします。

WordPressのダッシュボード左メニューから、『外観→TCDテーマオプション』という順にクリック

WordPressのダッシュボード左メニューから、『外観→TCDテーマオプション』という順にクリック

TCDテーマオプションの画面に切り替わります。

画面左のメニューで『基本設定』が選択されているのを確認したら、
そのまま画面下部にある「カスタムCSS」の項目までスクロールしましょう。

ここにカスタマイズ用のコードを追加していきます。

「カスタムCSS」の項目

「カスタムCSS」の項目

【PC・スマホ共通】キャッチフレーズの配置変更方法

中央寄せ

キャッチフレーズを中央寄せにする場合は、下記のコードを追加します。
※PCではデフォルトで中央寄せに設定されています。

左寄せ

キャッチフレーズを左寄せにする場合は、下記のコードを追加します。

右寄せ

キャッチフレーズを右寄せにする場合は、下記のコードを追加します。

【PCのみ】キャッチフレーズの配置変更方法

左寄せ

PCでのみキャッチフレーズを左寄せにする場合は、下記のコードを追加します。
※スマホではデフォルトで左寄せに設定されています。

右寄せ

PCでのみキャッチフレーズを右寄せにする場合は、下記のコードを追加します。

【スマホのみ】キャッチフレーズの配置変更方法

中央寄せ

スマホでのみキャッチフレーズを中央寄せにする場合は、下記のコードを追加します。
※PCではデフォルトで中央寄せに設定されています。

右寄せ

スマホでのみキャッチフレーズを右寄せにする場合は、下記のコードを追加します。

コードを追加したら、『設定を保存』ボタンをクリックしましょう。

『設定を保存』ボタンをクリック

『設定を保存』ボタンをクリック

これで、カスタマイズが反映されます。

まとめ

今回は、GENSENトップページのキャッチフレーズの配置を変える方法を解説しました。

スライダーに設定する画像によっては、初期配置のままだとキャッチフレーズが見えづらくなることがあります。

また、キャッチフレーズの表示位置が変わるだけで、ファーストビューの印象もガラッと変わるので、ぜひ試しに調整してみてください。

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

スポンサーリンク

スポンサーリンク

アンケート実施中

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

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

おすすめの記事