ブログ運営

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

UnderShirt – テーマ ストア