What's New(最新情報)の文字色や文字サイズの変更はできますか?

2008-08-18 11:36
文字色や文字サイズの変更には、スタイルシートの編集が必要です。
管理画面の以下のページを開きます。

「デザイン管理」>「スタイルシート編集」

(1)スタイルシート編集画面が表示されますので、【ベーステンプレートを読み込む】でご利用のテンプレートを選択し【読み込む】ボタンをクリックして下さい。

(2)ご利用のテンプレートのスタイルシートが表示されます。【テンプレート名】を記入して【スタイルシート】を編集します。

(3)文字色と文字サイズの変更をします。

■タイトルの場合

スタイルシート内の/* 最新情報 *//* 大枠上 */以下を変更します。 中ほどにありますので、スクロールして下さい。

【この色の部分】のみを変更してください。その他の部分(****と記載している指定)は、各テンプレートのスタイルシートごとに指定に違いがあるか指定がない場合もあります。ここではサンプルとして記載しているだけですので、****のように編集しないで下さい。

/* 最新情報 */

/* 大枠上 */
.whatnew_top {
width: ****;
margin: ****;
padding: ****;
font-size: 【タイトルのサイズ…こちらの数値を任意のサイズに変更します】;
color: 【タイトルの色…こちらの数値を任意のカラーコードに変更します】;
}

例)
font-size: 12px;
color: #000000;


■日付と記事の場合


スタイルシート内の/* 最新情報 *//* 大枠中 *//* リンク色 */以下を変更します。 中ほどにありますので、スクロールして下さい。

【この色の部分】のみを変更してください。その他の部分(****と記載している指定)は、各テンプレートのスタイルシートごとに指定に違いがあるか指定がない場合もあります。ここではサンプルとして記載しているだけですので、****のように編集しないで下さい。

/* 最新情報 */

<中略>

/* 大枠中 */
.whatnew_middle {
width: ****;
margin: ****;
padding: ****;
font-size: 【日付のサイズ…こちらの数値を任意のサイズに変更します】;
color: 【日付の色…こちらの数値を任意のカラーコードに変更します】;
}

/* リンク色 */
.whatnew_middle A:link {
font-size: 【記事のサイズ…こちらの数値を任意のサイズに変更します】;
color: 【記事の色…こちらの数値を任意のカラーコードに変更します】;
}

.whatnew_middle A:active {
font-size: 【記事のサイズ…こちらの数値を任意のサイズに変更します】;
color: 【クリック中の色…こちらの数値を任意のカラーコードに変更します】;
}

.whatnew_middle A:visited {
font-size: 【記事のサイズ…こちらの数値を任意のサイズに変更します】;
color: 【訪問済みの色…こちらの数値を任意のカラーコードに変更します】;
}

.whatnew_middle A:hover {
font-size: 【記事のサイズ…こちらの数値を任意のサイズに変更します】;
color: 【マウスポインタを合わせた時の色…こちらの数値を任意のカラーコードに変更します】;
}

例)
font-size: 12px;
color: #000000;

※カラーコード(#000000等)はこちらを参考にご覧下さい。
https://www.ocnk.net/sample/color.html

【font-size: ?】【color: ?】の指定がご利用のスタイルシート内にない場合は、1行全てコピーして貼り付けて下さい。

/* リンク色 */以下の指定がご利用のスタイルシート内にない場合は、コピーし貼り付けて下さい。貼り付け位置は、/* 大枠中 */という指定の下となります。


(5)編集後、【登録処理を完了する】ボタンをクリックして下さい。

(6)管理画面の「デザイン管理」>「テンプレート選択」を開き、【カスタム】にある、先程のテンプレートを選択して【設定処理を完了する】ボタンをクリックします。