the japanese girlfriend.

洋服ブログ。SNAP(コーディネート)を中心に好きなものを撮影していきます

【はてなブログ】テーマSOHOにカスタマイズしてみました2

f:id:the_japanesegirlfriend:20191222160622j:plain

以前『【はてなブログ】テーマSOHOにカスタマイズしてみました』という記事を書いてからしばらく経ちまして、当ブログのカスタマイズもいくつか追加されました。

あまり記事の更新ができていないにも関わらず、カスタマイズだけしている感じが情けないのですが…せっかくなので再び記録も兼ねて、お世話になったサイトさんのリンクをまとめてみることにしました。

前回よりも短い内容ですが、よければご覧ください。

  

 

サイドバーに表示される記事をタブに

f:id:the_japanesegirlfriend:20191222194939j:plain

サイドバーに注目記事や新着記事などをまとめてタブのように表示しているサイトを見かけて、これって自分もできないのかな…と思い探したところ、素敵なカスタマイズを紹介している記事に出会いました。


こちらの記事ではタブが4つのバージョンが紹介されていますが、私は2つに減らして使用しています。記事の表示をコンパクトにまとめることができて、とても嬉しいです。 

 

 

サイドバーのカテゴリーをタグ風に

f:id:the_japanesegirlfriend:20191222195008j:plain

写真の段階では当ブログのカテゴリーが少ないので分かりにくいのですが、カテゴリーの内容を一つずつ囲んだタグ風の表示にしてみました。


こちらの記事は色の説明なども分かりやすく、丁寧なコードのおかげで簡単にカスタマイズすることができました。

 

 

記事内の画像が大きく表示されないようにする

はてなブログあるあるだと思うのですが、記事内の画像をクリックするとなんだか大きく表示されますよね。パソコンで見ているときは便利だなと感じるのですが、スマホなどで見ていると誤って触ってしまうこともあって少し不便なので無効にすることに。
探し回り、とても分かりやすい記事に出会えました。

 

 

その他、見出しなどのデザイン

最後に有名なサルワカさんの、ブログデザインを変えるのにとっても便利な記事を2つ貼り付けておきます。


▼1つ目は、記事の見出しカスタマイズ


▼2つ目は、関連記事のカスタマイズ


サルワカさんの記事はどれもとても分かりやすくて参考になりますし、見ているだけでも楽しいです(料理の記事も有名ですね)。

 

 

終わりに 

今回もお世話になったサイトさんには大変感謝しております。リンクばかりのまとめ記事ではありますが、これもどなたかのお役にたてば幸いです。

以上、『【はてなブログ】テーマSOHOにカスタマイズしてみました2』でした。

 

ブログカスタマイズ記事一覧>>