LION MEDIAの見出しカスタマイズ方法

LION MEDIAの見出しカスタマイズ方法

LION MEDIAの見出しカスタマイズ方法
こんにちは、ろばおです。
LION MEDIAの見出しを変更したい衝動に駆られて、見出しをカスタマイズしてみました。

LION MEDIAの見出しカスタマイズ方法

「外観」ー「カスタマイズ」をクリックします。

「投稿スキン設定[LION用]」をクリックします。

「■見出し2のスタイルを選択」から「スタイルを選択」をクリックし、16種類のスタイルから好みのものを選択します。

見出しは、「見出し2」「見出し3」「見出し4」「見出し5」のそれぞれで、スタイルを選択することができます。

スタイルとあわせて「カラーA」「カラーB」も変更することで、オリジナルの見出しを簡単に作成することができます

見出しのスタイル一覧

見出しのスタイルの全16種類のイメージです。

01.先頭大 [カラーA:先頭文字 B:文字]

02.内側影 [カラーA:背景 B:文字]

03.リボン風 [カラーA:背景 B:文字]

04.箱型 [カラーA:背景 B:文字]

05.マーカー風 [カラーA:下線 B:文字]

06.吹き出し風 [カラーA:背景 B:文字]

07.グラデダーク [カラーA:上 B:下]

08.グラデライト [カラーA:上線 B:文字]

09.ボックス [カラーA:線 B:文字]

10.左線 [カラーA:左線 B:文字]

11.左線+背景 [カラーA:左線 B:背景]

12.下線 [カラーA:下線 B:文字]

13.左下線 [カラーA:左線 B:文字]

14.内側線 [カラーA:背景 B:文字]

15.はみ出す線 [カラーA:線 B:文字]

16.文字下色線 [カラーA:下線 B:文字]

オリジナルの見出し作成方法

用意された見出しのスタイルとは別に、自分でCSSのコードを指定することで、オリジナルの見出しに変更することができます。

「00.オリジナル見出しを作成」を選択し、その下の「オリジナル見出しのCSSを入力」欄にCSSのコードを直接入力します。
 ※子テーマをインストールし、style.cssを変更することも可能ですが、その場合も「00.オリジナル見出しを作成」のスタイルを選択しておく必要があります。

オリジナルのCSSを設定すると、下記のように用意されたスタイル以外の見出しを作成することができます。

さいごに

・LION MEDIAのテーマでは見出しのスタイルが16種類用意されている。
・見出し2~5のそれぞれで見出しのスタイルが設定できる。
・CSSでオリジナルの見出しに変更することができる。

以上です。

LION MEDIAカテゴリの最新記事