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. 簡単半熟たまご 100円ショップ エッグタイマー
  2. iPhone の テザリング ができなくなった時の対処法
  3. STINGER8 サイドバー 文字色変更
  4. TCD36 MAG アイキャッチ画像 サイズ変更 WordPress
  5. 要求された操作を完了できません。サポートされないJPEG形式を指定しました

関連記事

  1. Google Chromeだけ、『403 Forbidden』と表示されてしまうときの対処法

    パソコン&スマホ

    【2018】Google Chromeだけ、『403 Forbidden』と表示されてしまうときの対…

    サイトを閲覧しているときに、「403 Forbidden」と表示される…

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

    パソコン&スマホ

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

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

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

    パソコン&スマホ

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

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

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

    パソコン&スマホ

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

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

  5. AVCHD(拡張子「.mts」または「. m2ts」)の個別ファイルを表示させ、パソコン(Mac)に取り込む方法
  6. Photoshop cs6 を、最新 Mac OS にインストールする方法 【MacBook Pro 2018】

    パソコン&スマホ

    Photoshop cs6 を、最新 Mac OS にインストールする方法 【MacBook Pro…

    最近、最新型のMacBook Proを購入しました。macOSは、…

ピックアップ

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

    パソコン&スマホ

    iPhone の テザリング ができなくなった時の対処法
  2. TCD36 MAG アイキャッチ画像 サイズ変更 WordPress

    パソコン&スマホ

    TCD36 MAG アイキャッチ画像 サイズ変更 WordPress
  3. 湾岸ミッドナイト 信者がその魅力を語る VOL.2

    湾岸ミッドナイト

    湾岸ミッドナイト 信者がその魅力を語る VOL.2
  4. Final Cut Pro X 2018 まとめてインタレース除去

    パソコン&スマホ

    Final Cut Pro X 2018 まとめてインタレース除去
  5. AVCHD(拡張子「.mts」または「. m2ts」)の個別ファイルを表示させ、パソコン(Mac)に取り込む方法

    パソコン&スマホ

    AVCHD(拡張子「.mts」または「. m2ts」)の個別ファイルを表示させ、…
PAGE TOP