シンプリシティ見出しの色変更できる?カスタマイズを超楽にするテーマ
     

先日、メルマガ読者さんから
「ワードプレスの見出しの色を変更したいけど、
なかなかうまくいかない」と相談を受けました!

 

その方が使ってるのは無料のワードプレステーマ
【simplicity】
シンプリシティ、よく聞く名前ですね^^
名前の通りシンプルにできちゃう・・んでしょうか??

 

まったく知らん。知らん!

 

さて、そのsimplicityの見出しの色を
変える方法について調べて動画アップしてみましたよ♪

シンプリシティ見出しの色を変更するには?

調べたところ、シンプリシティの見出しの色を変えるには、
CSSをいじらないといけないとか。ひー。

 

CSS・・あんまりいじりたくないところだ。。
(わたしはCSSが苦手だからダイバーに変えたから・・)

 

シンプリシティのCSS画面・・
ここをどーのこーのといじればいいらしい。
WHERE???

 

*---------------------------------
見出し
--------------------------------*/
.article h2 {
padding: .5em .75em;
background-color: #f6f6f6;
border-left: 6px solid #ccc;}

.article h3,
#comment-area h3,
#related-entries h3{
font-size:23px;
padding: .25em 0 .25em .75em;
border-left: 6px solid #ccc;
border-bottom:none;
}
.article h4 {
border-left: 30px solid #ccc;
border-bottom: 0px;
padding: 5px 0 5px 10px;
margin-bottom: 30px;
}

 

 

・・・

 

変更する場所は1つだけだった

この赤枠のところ
「background-color:〇〇〇」の
〇〇〇を好きな色に変えるだけ。

 

HTMLカラーコードを使う

HTMLカラーコードで好きな色を選ぶ

選んだコードをさっきの○○〇に
埋め込めばOK!あれま簡単。

 

でも、実際に変更してみたけど、
変更されるまだに時間がかかった。

カスタマイズを超楽にしてくれるテーマあるよ!

無料テーマでも優秀なものあるみたいだけど、
CSSとかHTMLとかいじりたくないときに、
おすすめなのがダイバー♪

 

見出しの色は1ポチで自由に変えられるし。
いちいちHTMLカラーコード入力する必要なし!

あ~なんて楽ちんなんでしょう・・・

 

昔、賢威使ってた時、CSSいじって画面真っ白になって、
回復するまで3日かかったことあるので、
ほんとにCSS苦手です。。笑

 

CSSで見出しの色変えたり、デザインとか
いじってる時間って結構時間取られるなぁって思いました。

 

だからわたしは楽ちんなテーマに変えました♪
これぞSimple is the best!!
時は金なり。有料テーマはやはりすごいですよ。
特にダイバーは。

 

ダイバーについてはこちらで解説してます^^

WordPress有料テーマ【ダイバー】は初心者にオススメな3つの理由
2019.2.1
ワードプレスを使ってる人は、 なにしからテーマをインストール してると思うのですが、 ほんとにいっぱい種類があって迷っちゃいますよね。 そんな時は【ダイバー】♪小難しいことなしで サクサクとブログを...

コメントを残す

WordPress各種設定の関連記事
  • シンプリシティ見出しの色変更できる?カスタマイズを超楽にするテーマ
  • 【憤慨】ワードプレス5.0使いにくいよ!簡単に元に戻す方法見つけた
  • ワードプレスで記事を書く方法~超初級編~
  • 初心者でも簡単!おすすめプラグイン13選の入れ方と注意点
  • わずか3分設置!ワードプレスにSNSボタンを横並びさせる方法
あわせて読みたい記事