>> テーマ変更に伴い見づらい箇所や不具合があるかもしれません、ご迷惑をおかけします。→
PR

ルクセリタスの自サイト用コピーライトを簡単デザイン編集

ルクセリタス・カスタマイズ
この記事は約2分で読めます。

今回はLuxelitasのフッターに出ている自サイトコピーライト部分だけの色を変えるカスタマイズです。

コピーライトサンプル

コピーライトの表示文字は以下で設定できます。

6894_19

4613_08

まずは、普通にカスタマイズ画面から色を変えてみます。

一瞬で終わります☆


カスタマイズからコピーライト以下の背景色を変える

「外観」→「カスタマイズ」

外観→カスタマイズ

「背景色/枠線色」を選択

背景色/枠線色

「コピーライト表示部背景色」を設定

コピーライト表示部背景色

結果

全体的に色が付きます。

自サイトのエリアだけ色を変える

先ほどのカスタマイズで、背景をクリア、または「白(#ffffff)」に設定します。

フッターコピーライト

自サイトのコピーライト部分にだけ、背景色をつけます。

CSS追記

子テーマのスタイルシートにCSSを追記します。

「Luxeritas」→「子テーマの編集」で「スタイルシート」を選択します。(Ver.3.7.9以前は「style.cssタブ」)

Luxelitasスタイルシート編集画面

スタイルシートに以下を記述するだけで完了です。

#copyright .copy{
background: #9d9d9d; /*背景色*/line-height:25px; /*行の高さ*/color:#fff; /*文字色*/}

#copyright .copy で、自サイト部分だけの編集が可能です。

#copyright だけだと、全体の装飾編集が可能です。

フッターコピーライト背景色をつける

色を変える場合は以下もご利用下さい。

セーフ色名

文字のサイズを変える場合は更に1行追加します。

font-size: 18px;

フッターコピーライト文字サイズを変える

Left Caption

ゴマちゃん

簡単すぎ~!
Right Caption

ランラン

でも好みの色やデザインに出来るね!

コメント

'+'>'}}})()
タイトルとURLをコピーしました