STINGER8 サイドバー 文字色変更

STINGER8 サイドバー 文字色変更

はじめに

私は、WordPressを使ってブログ制作をしていて、当ブログではTCDの「MAG」というテーマを使っているのですが、別ブログでは「STINGER8」を使っています。

今回は、そのSTINGER8のカスタマイズに関する投稿です。

前バージョンの「STINGER Plus+」は初心者向けのテーマであったらしく、CSS等いじらなくても広範囲なカスタマイズができたみたいなんですが、私がインストールしたのは現行(2017年)の無料バージョンSTINGER8でした。

「WordPress初心者にはSTINGERがおすすめ」的な言葉をネットで何度か見かけていたのですが、その言葉を頼りにテーマ検索をして、STINGER8をインストールしてみたら全然初心者向けじゃないじゃん。簡単にカスタマイズできないじゃん。

ってことで、STINGER8のカスタマイズ方法をネットで検索する日々がはじまりました。

ですが、いくら検索してもサイドバーの文字色変更を紹介してるサイトがなくて、自分でソースコードを何度も眺め、やっと変更したい色にできたのです。

その方法を紹介いたします。

では実際にやってみましょう

やり方は下の枠内をコピーをし、あなたのWordPressを開き、

/*– サイドバーの文字色 –*/
#side .st-aside ul li {
color: #808080;
}

ダッシュボード外観テーマ編集スタイルシート(style.css)

の記述の一番下に貼りつけるか、

ダッシュボード外観カスタマイズ追加CSS

の記述の一番下に貼りつけるかしてみてください。

 

color: #808080;

↑この部分の#からはじまる番号がカラーコードの記述になるのですが、ここを別のカラーコードに置き換えると、お好きな文字色にすることができます。

こちらのサイトでは、カラーコードの上をマウスオーバーすると、閲覧中の背景色がプレビューしてくれるのでとてもわかりやすいと思います。

http://www.netyasun.com/home/color.html

 

/*– サイドバーの文字色 –*/

↑この部分はコメントアウトといって、後からCSSの記述をみたときにわかりやすくしてるだけですので、この部分は省いていただいても構いません。

まとめ

うまく変更できたでしょうか。

自分の手でカスタマイズしていくのは大変ですが、けっこう勉強になりました。

また何か見つけたときはシェアしたいと思います。

ピックアップ記事

  1. 要求された操作を完了できません。サポートされないJPEG形式を指定しました
  2. イワタニ製 カセットガス ストーブの歴史
  3. iPhone の テザリング ができなくなった時の対処法
  4. 簡単半熟たまご 100円ショップ エッグタイマー
  5. TCD36 MAG アイキャッチ画像 サイズ変更 WordPress

関連記事

  1. 【Mac OS】サムネイルの左上にバッテンがでたときの対処法

    パソコン&スマホ

    【Mac OS】サムネイルの左上にバッテンがでたときの対処法

    SDカードやカメラから、もしくはiCloudを使ってMacのパ…

  2. Final Cut Pro X 2018 よく使うショートカットキー

    パソコン&スマホ

    Final Cut Pro X 2018 よく使うショートカットキー

    ブラウザ(サイドバー) 表示 / 非表示Control + Com…

  3. Final Cut Pro X 2018 まとめてインタレース除去

    パソコン&スマホ

    Final Cut Pro X 2018 まとめてインタレース除去

    まずは、インスペクタの左下の項目から「設定」を選んでおきます。…

  4. 要求された操作を完了できません。サポートされないJPEG形式を指定しました
  5. Final Cut Pro X 2018 拡大縮小のショートカット「Commandと+」で落ちる原因
  6. AVCHD(拡張子「.mts」または「. m2ts」)の個別ファイルを表示させ、パソコン(Mac)に取り込む方法

ピックアップ

  1. 簡単半熟たまご 100円ショップ エッグタイマー
  2. TCD36 MAG アイキャッチ画像 サイズ変更 WordPress
  3. 要求された操作を完了できません。サポートされないJPEG形式を指定しました
  4. STINGER8 サイドバー 文字色変更
  5. iPhone の テザリング ができなくなった時の対処法
  6. イワタニ製 カセットガス ストーブの歴史
  1. 後出しジャンケンなのに負けた?! フルサイズミラーレス戦国時代の幕開け 【NIKON、CANONと王者SONYミラーレス一眼比較】

    アイテム

    後出しジャンケンなのに負けた?! フルサイズミラーレス戦国時代の幕開け 【NIK…
  2. Final Cut Pro X 2018 拡大縮小のショートカット「Commandと+」で落ちる原因

    パソコン&スマホ

    Final Cut Pro X 2018 拡大縮小のショートカット「Comman…
  3. 鈴鹿のサンドトラップに消えた ナイジェル・マンセル

    ノスタルジー

    鈴鹿のサンドトラップに消えた ナイジェル・マンセル
  4. イワタニ製 カセットガス ストーブの歴史

    アイテム

    イワタニ製 カセットガス ストーブの歴史
  5. 【Mac OS】サムネイルの左上にバッテンがでたときの対処法

    パソコン&スマホ

    【Mac OS】サムネイルの左上にバッテンがでたときの対処法
PAGE TOP