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

2019-03-16カスタマイズ

 

 

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

コピーライトサンプル

 

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

6894_19

4613_08

 

 

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

一瞬で終わります☆

 

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

 

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

外観→カスタマイズ

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

背景色/枠線色

 

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

 

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

 結果

全体的に色が付きます。

 

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

 

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

フッターコピーライト

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

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

child_style01 child_style02

 

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

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

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

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

 

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

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

セーフ色名

 

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

font-size: 18px;

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

 

 

 

Left Caption

ゴマちゃん

簡単すぎ~!
Right Caption

ランラン

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

 

 

  • WordPressランキング
  • にほんブログ村 IT技術ブログ Webサイト構築へ