ページの階層表示(パンクズリスト)の文字色の変更はどうすればいいのでしょうか?
文字色の変更には、スタイルシートの編集が必要です。
管理画面の以下のページを開きます。
「デザイン管理」>「スタイルシート編集」
(1)スタイルシート編集画面が表示されますので、【ベーステンプレートを読み込む】でご利用のテンプレートを選択し【読み込む】ボタンをクリックして下さい。
(2)ご利用のテンプレートのスタイルシートが表示されます。【テンプレート名】を記入して【スタイルシート】を編集します。
(3)前ページへのリンク色と区切り線の変更をします。
スタイルシート内の/* 第二階層パンクズ */の/* リンク色 */以下を変更します。 中ほどにありますので、スクロールして下さい。
【この色の部分】を変更してください。その他の部分は、スタイルシートごとに差異があります。
※カラーコード(#000000等)はこちらを参考にご覧下さい。
https://www.ocnk.net/sample/color.html
※/* リンク色 */と いう指定がご利用のスタイルシート内にない場合は、コピーし貼り付けて下さい。貼り付け位置は、/* 第二階層パンクズ */のという指定の下になります。
(4)現ページの文字色の変更をします。
スタイルシート内の/* パンクズ現ページ */を変更します。最下部にありますので、スクロールして下さい。
(5)編集後、【登録処理を完了する】ボタンをクリックして下さい。
(6)管理画面の「デザイン管理」>「テンプレート選択」を開き、【カスタム】にある、先程のテンプレートを選択して【設定処理を完了する】ボタンをクリックします。
管理画面の以下のページを開きます。
「デザイン管理」>「スタイルシート編集」
(1)スタイルシート編集画面が表示されますので、【ベーステンプレートを読み込む】でご利用のテンプレートを選択し【読み込む】ボタンをクリックして下さい。
(2)ご利用のテンプレートのスタイルシートが表示されます。【テンプレート名】を記入して【スタイルシート】を編集します。
(3)前ページへのリンク色と区切り線の変更をします。
スタイルシート内の/* 第二階層パンクズ */の/* リンク色 */以下を変更します。 中ほどにありますので、スクロールして下さい。
【この色の部分】を変更してください。その他の部分は、スタイルシートごとに差異があります。
/* 第二階層パンクズ */ #pan { margin: ****; padding: ****; width: ****; color: 【区切り線の色…こちらの数値を任意のカラーコードに変更します】; } /* リンク色 */ #pan A:link { color: 【リンクの色…こちらの数値を任意のカラーコードに変更します】; } #pan A:active { color: 【クリック中の色…こちらの数値を任意のカラーコードに変更します】; } #pan A:visited { color: 【訪問済みの色…こちらの数値を任意のカラーコードに変更します】; } #pan A:hover { color: 【マウスポインタを合わせた時の色…こちらの数値を任意のカラーコードに変更します】; } 例) color: #000000; |
※カラーコード(#000000等)はこちらを参考にご覧下さい。
https://www.ocnk.net/sample/color.html
※/* リンク色 */と いう指定がご利用のスタイルシート内にない場合は、コピーし貼り付けて下さい。貼り付け位置は、/* 第二階層パンクズ */のという指定の下になります。
(4)現ページの文字色の変更をします。
スタイルシート内の/* パンクズ現ページ */を変更します。最下部にありますので、スクロールして下さい。
/* パンクズ現ページ */ .thispage { color: 【現ページの色…こちらの数値を任意のカラーコードに変更します】; font-weight: ****; } 例) color: #000000; |
(5)編集後、【登録処理を完了する】ボタンをクリックして下さい。
(6)管理画面の「デザイン管理」>「テンプレート選択」を開き、【カスタム】にある、先程のテンプレートを選択して【設定処理を完了する】ボタンをクリックします。