はてなブログのデザインテーマをUnderShirtにしました!行ったカスタマイズまとめ

広告

f:id:shinya-no-ringosawagi:20180513191016j:plain


どーも、りんご🍏 (@ringo_sawagi) です。

当ブログ「23じのおやつ」のデザインテーマを、UnderShirtに変更しました!

前のデザインテーマのHaruniも気にいってたんですけど
こっちは美容ブログの方が雰囲気に合ってるな~と思い、「motto」の方で使用させてもらってます♪

デザインテーマHaruniを使用してるブログ☟ www.motto-motto.tokyo



UnderShirtに変更した理由は、スマホデザインの美しさ!


UnderShirtに惹かれたのが、スマホのアイキャッチ画像が1カラムで表示されるところ!

こんな感じになります☟
f:id:shinya-no-ringosawagi:20180513165449j:plain

アイキャッチが大きく表示されててうれしい~♡



最近アイキャッチをイラストで描くのにハマっており、せっかくなら大きく表示させたいなぁ~って思っていたので、UnderShirtはピッタリのデザインでした♪

カスタマイズ①ヘッダー画像のサイズをスマホ用に調整


UnderShirtはレスポンシブデザイン。

まず、ヘッダー画像を1000×200pxのサイズで作って、デザイン設定のところからアップロード。

するとPCは大丈夫ですが、スマホの方は画像が左右にはみだして切れてしまいます!

なので、デザインCSSにコードを追記する必要があります。

わたしはこちらのサイト様を参考にさせていただきました☟ www.imuza.com



カスタマイズ②グローバルナビを設置


いろんなサイトを見て試行錯誤したのですが、なぜかうまくいかず・・・。

でも、こちらのサイト様の通りにしたら一発で出来ました!
www.yukihy.com


今のところ記事数の多いカテゴリーをグローバルナビに貼ってますが、今後はプロフィール記事やイラスト依頼のページを設置する予定です!


まとめ|アイキャッチにこだわりがある方は、UnderShirtおすすめ!


わたしはアイキャッチを作るのがとても好きで、下手すりゃ記事より気合入ってます(←おい)

なのでわたしと同じように、アイキャッチ画像にこだわりがある方にはとってもおすすめのテーマです!

気になる方はぜひ参考にしてください~🍏


UnderShirt - テーマ ストア



<