サイトの基本文字色や文字サイズを変更したい。
文字色や文字サイズの変更には、スタイルシートの編集が必要です。
管理画面の以下のページを開きます。
「デザイン管理」>「スタイルシート編集」
(1)スタイルシート編集画面が表示されますので、【ベーステンプレートを読み込む】でご利用のテンプレートを選択し【読み込む】ボタンをクリックして下さい。
(2)ご利用のテンプレートのスタイルシートが表示されます。【テンプレート名】を記入して【スタイルシート】を編集します。
(3)文字色、文字サイズの変更をします。
スタイルシート内の/* HTMLタグ要素 */以下を変更します。最下部よりやや上にありますので、スクロールして下さい。
【この色の部分】のみを変更してください。その他の部分(****と記載している指定)は、各テンプレートのスタイルシートごとに指定に違いがあるか指定がない場合もあります。ここではサンプルとして記載しているだけですので、****のように編集しないで下さい。
(4)編集後、【登録処理を完了する】ボタンをクリックして下さい。
(5)管理画面の「デザイン管理」>「テンプレート選択」を開き、【カスタム】にある、先程のテンプレートを選択して【設定処理を完了する】ボタンをクリックします。
管理画面の以下のページを開きます。
「デザイン管理」>「スタイルシート編集」
(1)スタイルシート編集画面が表示されますので、【ベーステンプレートを読み込む】でご利用のテンプレートを選択し【読み込む】ボタンをクリックして下さい。
(2)ご利用のテンプレートのスタイルシートが表示されます。【テンプレート名】を記入して【スタイルシート】を編集します。
(3)文字色、文字サイズの変更をします。
スタイルシート内の/* HTMLタグ要素 */以下を変更します。最下部よりやや上にありますので、スクロールして下さい。
【この色の部分】のみを変更してください。その他の部分(****と記載している指定)は、各テンプレートのスタイルシートごとに指定に違いがあるか指定がない場合もあります。ここではサンプルとして記載しているだけですので、****のように編集しないで下さい。
/* HTMLタグ要素 */ body { background: ****; word-break: break-all; margin: ****; padding: ****; font-size: 【文字サイズ…こちらの数値を任意のサイズに変更します】; color: 【文字色…こちらの数値を任意のカラーコードに変更します】; line-height: ****; 例) font-size: 11px; color : #DDDDDD |
※ただし、一部テンプレートについて、背景色と文字が同色になるのを防ぐため、各要素にて文字色を指定しているものがあります。
その場合は、上記のbody内の変更では、大部分の文字色変更ができません。
各要素welcome_middle、what_middle、style1_table_middle等の各要素にしているcolor部分を変更して下さい。
※カラーコード(#000000等)はこちらを参考にご覧下さい。
https://www.ocnk.net/sample/color.html
※【font-size: ~】【color: ~】の指定がご利用のスタイルシート内にない場合は、1行全てコピーして貼り付けて下さい。
(4)編集後、【登録処理を完了する】ボタンをクリックして下さい。
(5)管理画面の「デザイン管理」>「テンプレート選択」を開き、【カスタム】にある、先程のテンプレートを選択して【設定処理を完了する】ボタンをクリックします。