ルクセリタスのヘッダーカスタマイズ:キャッチフレーズを横並びに表示

カスタマイズ

ルクセリタスのキャッチフレーズを、サイト名やサイトロゴの右側に並列して表示する方法です。

ルクセリタスのキャッチフレーズは、WordPressで設定するものとは別にも設定可能で、便利です。

 

キャッチフレーズ設定方法

通常のキャッチフレーズ

WordPressで設定していれば自動で入るものです。

「外観」→「カスタマイズ」の「サイト情報/サイトアイコン」から

ルクセリタス・キャッチフレーズの設定

ルクセリタス・キャッチフレーズの設定

これを変更した場合は、WordPressの設定も変更されます。

「設定」→「一般」からの設定画面

キャッチフレーズの設定

 

ルクセリタス独自のキャッチフレーズ

「外観」→「カスタマイズ」の「細部の見た目」から

ルクセリタス・キャッチフレーズの設定

 

ルクセリタス・キャッチフレーズの設定

「ヘッダーのキャッチフレーズ表示」にチェック。

 

その他、詳細については以下にまとめています。

 

キャッチフレーズを横並びで表示する

初期状態

キャッチフレーズは、サイト名の下に配置されます。

ルクセリタス・キャッチフレーズの設定

 

これを横並びに表示するには、数行のCSSで可能です。

ルクセリタス・キャッチフレーズの設定

 

CSS記述

以下のCSSを追記します。

/* サイト説明文をタイトル横に表示 */
.desc{
display:inline-block;
padding-left:10px; /*サイト名との間に余白を入れる*/
}

 

以上で完了です。

関連記事