WordPress

マナブログコピーで使えるカラー変更用カスタマイズCSSのまとめ

マナブログコピー カラーコード

こんにちは、りゅうのすけ(@k_r001)です。

この記事では、マナブログコピーのカラーをカスタマイズするためのソースコードをまとめています。

 

初心者ブロガー
初心者ブロガー
マナブログコピーのカラーを変えたいな〜でもどうやって変えればいいんだろう?

 

こういった方に向けて書いています。

 

\デモサイト/

 

テーマによっては使えないかなと思いますが、参考にして見てください。

カスタマイズコードまとめ

マナブログコピー カラーコード

ブログをカスタマイズしたいけど、プログラミングコードとか全くわからない!

という方に向けてカスタマイズコードをまとめてます。

参考にしてください。

見出し2

/*見出し2*/
.single h2 {
background: #f7f7f7;
padding: 20px 15px 18px;
color: #333;
border-left: 9px solid #FC9D9D;
line-height: 40px
}

 
「#FC9D9D」の部分を好きな色のカラーコードに変えてください。

見出し3

/*見出し3*/
.single h3 {
font-weight: 600;
color: #4663B4;
letter-spacing: 1.6px;
padding: 0px 15px 0px;
border-left: 9px solid #FC9D9D;
color: #333;
font-weight: 600;
margin-top: 60px
}

 
「#FC9D9D」の部分を好きな色のカラーコードに変えてください。

プロフィール画像下のライン

/*プロフィール画像下のライン*/
hr {
    width: 20%;
    border: 1px solid #FC9D9D;
}

 
「#FC9D9D」の部分を好きな色のカラーコードに変えてください。

背景

/*背景*/
main {
background: #AAD6EC;
}

 
「#AAD6EC」の部分を好きな色のカラーコードに変えてください。

ナビゲーションメニュー

/*ナビゲーションメニュー*/
header .nav-bg {
background: #5B5B5B;
margin-top: 10px;
padding-top: 5px;
padding-bottom: 5px;
}

 
「#5B5B5B」の部分を好きな色のカラーコードに変えてください。

まとめ

⬇︎全コードのまとめです。

/*-------------------------
 カラー変更
-------------------------*/
/*見出し2*/
.single h2 {
background: #f7f7f7;
padding: 20px 15px 18px;
color: #333;
border-left: 9px solid #FC9D9D;
line-height: 40px
}
/*見出し3*/
.single h3 {
font-weight: 600;
color: #4663B4;
letter-spacing: 1.6px;
padding: 0px 15px 0px;
border-left: 9px solid #FC9D9D;
color: #333;
font-weight: 600;
margin-top: 60px
}
/*プロフィール画像下のライン*/
hr {
    width: 20%;
    border: 1px solid #FC9D9D;
}
/*背景*/
main {
background: #AAD6EC;
}
/*ナビゲーションメニュー*/
header .nav-bg {
background: #5B5B5B;
margin-top: 10px;
padding-top: 5px;
padding-bottom: 5px;
}

 
マナブログコピーを使用している場合はこちらのコードで色を変えることができます。

 

他のテーマを利用している場合は、「テーマ名 色変更」など検索してみることをおすすめします。

 

ぼくが使っている「JIN」は、

 

  「外観」  ➡︎  「カスタマイズ」  ➡︎  「カラー設定」

 

ここで色を変えられます。

色の選び方に関しては、⬇︎下記記事を参考にしてください。

 

\カラーコード取得ツールまとめ/

 

最後まで見ていただき、ありがとうございました。
 

ABOUT ME
りゅうのすけ
高校卒業後、地元香川で就職、一度転職を経て現在はブロガーとして活動してます。 投資をしたり、MLMに騙されそうになった経験をもとに、ブログを書いています。
PS.

記事が有益だなと思った方は、サポートしていただけるとやる気出ます。
 

\1円からのドネーション/

仕事依頼

 

\WordPress開設依頼/

公式LINE

 

\公式LINEもやってます/
公式LINE無料プレゼント

 

  • ワンクリックで登録可能
  • 個人情報はこちらからわからないようになっているのでご安心を

 

こんな人におすすめ
  • ブログを進めていく上でわからないことがある
  • 設定など誰か相談できる人が欲しい
  • 記事ネタに困った時に情報収集したい
  • ブロガー仲間が欲しい

 
困っていることなど直接相談できる場所になってますので、登録しておくといいですよ!
 

登録者特典

 

公式LINE@無料プレゼント
  1. 限定公開記事の共通パスワード配布
    • ブログ内の限定公開記事のパスワードを配布してます。
  2. サイト作成依頼クーポンコード
    • サイト作成依頼時に使えるクーポンコードを配布します。
  3. ブログスターターキット
    • ブログに必要な便利ツール、イラストなど随時更新
  4. 完全個別無料相談
    • ブログについて、1日1人限定で無料相談を受けてます。
      (営業を仕掛けるのはやめてください。)

 

\友達追加しますと、下記のメニューが表示されます。/
公式LINEリッチメニュー

 
各ボタンをポチポチ押すことで欲しい情報だけで情報を取得できるので便利ですよ!