賢威7のコピーライトの文字色・背景色変更方法
賢威7のフッター部分にあるコピーライトの文字色と背景色の変更方法を解説します。
コピーライトの文字色変更方法
WordPress管理画面から「外観 > テーマの編集」へと進み、「base.css」を開きます。
以下のコードがある部分（「賢威7スタンダード版」の場合1072行目）を探します。ちなみにこちらがコピーライトのデザインを示しています。
|
1 2 3 4 5 6 7 8 |
/*コピーライト*/ .copyright{ margin: 0; padding: 15px 0; background: #333; color: #fff; text-align: center; } |
上記コードのマーカーを引いた部分のカラーコードをお好きなものに変更することでコピーライトの文字色を変更することができます。
例えば以下の様なコードに変更してみると…
|
1 2 3 4 5 6 7 8 |
/*コピーライト*/ .copyright{ margin: 0; padding: 15px 0; background: #333; color: #049336; text-align: center; } |
コピーライトの文字色が白色から緑色に変更されました。
コピーライトの背景色変更方法
WordPress管理画面から「外観 > テーマの編集」へと進み、「base.css」を開きます。
以下のコードがある部分（「賢威7スタンダード版」の場合1072行目）を探します。ちなみにこちらがコピーライトのデザインを示しています。
|
1 2 3 4 5 6 7 8 |
/*コピーライト*/ .copyright{ margin: 0; padding: 15px 0; background: #333; color: #fff; text-align: center; } |
上記コードのマーカーを引いた部分のカラーコードをお好きなものに変更することでコピーライトの背景色を変更することができます。
例えば以下の様なコードに変更してみると…
|
1 2 3 4 5 6 7 8 |
/*コピーライト*/ .copyright{ margin: 0; padding: 15px 0; background: #049336; color: #fff; text-align: center; } |
コピーライトの背景色が黒色から緑色に変更されました。
最後に
今回は賢威7のフッターにあるコピーライトの文字色・背景色の変更方法を解説しました。
タグ：賢威