効率165センチメートル

ちいさな体で効率的に生きていく

【コピペOK】はてなブログの記事一覧のタイトル色を変える【カスタマイズ】

スポンサードリンク

f:id:k07_20:20191020093637j:plain

今日はカスタマイズ記事をお届けします。

 

ブログの記事一覧のタイトルの色を変えるカスタマイズです。

 

はてなブログでは、デフォルトで記事一覧のタイトルは黒色ですが、

重たく感じている方も多いのではないでしょうか?

 

今回もコピペで簡単にできます。みなさんもぜひやってみてください。

 

カスタマイズ

それではカスタマイズをしていきます。

 

まずはカスタマイズ完成図から。

カスタマイズ結果

カスタマイズ結果はこんな感じ。

 Before

f:id:k07_20:20191020091237p:plain

 

After

f:id:k07_20:20191020091228p:plain

 

 

ブログタイトルの文字が真っ黒からグレーに変わり、ぱっと見の印象が軽くなりました。

コード【コピペOK】

コードは以下の通り。

 

コピペOKです。

 

.entry-title a{
color:#999;
}

 

カスタマイズ場所

上のコードを下の場所に貼り付けてください。

 

ダッシュボード→デザイン→スパナマーク→デザインCSS

 

ダッシュボード→デザイン

f:id:k07_20:20191019092610p:plain

 

 カスタマイズ(スパナマーク)

f:id:k07_20:20191005180656p:plain

 

デザインCSS

f:id:k07_20:20191019092600p:plain

この赤枠にコードをペーストします。

使用しているテーマ

当ブログでは、テーマ【UnderShirt】を使用しています。

blog.hatena.ne.jp

コード解説

はてなブログでは、記事タイトルのclassは「.entry-title a」となっています。

 

.entry-title aの{}内にコードを書いていっています。

色を変える

コピペコードでは、グレーにしています。

 

color:#999

 

このコードが色を表しています。

 

「#999」の部分を変えていただければお好きな色に変えられます。

 

色探しはこのサイトが秀逸です。

 

細かい色まで設定できます。

www.colordic.org

アクセントのある記事を

以上が、記事一覧の記事タイトル色を変えるカスタマイズです。

 

一工夫で、印象が大きく変わるので、ぜひ行ってください。

 

細かいところを自分好みにするだけでも、気分あがります。

その他のカスタマイズ

その他にもカスタマイズ記事ありますので、よかったら参考にしてください。

はてなスター機能を残したまま非表示にする

www.165-cm.com

記事一覧のカスタマイズ

記事一覧を大きなカード型へ

www.165-cm.com

 

記事を枠線で囲む

www.165-cm.com

 

 選択した記事を透けさせるカスタマイズ

www.165-cm.com

 サイドバーをカスタマイズ

サイドバーを見やすくする

www.165-cm.com