Sai.のマイペース4人暮らし

家族4人暮らしをとおした、子育てや日常を楽しむ情報をイラストとともにお届けします。ブログ運営についても書いてます。

【サイトの整理とイラスト】ブログを休んでいる間にしたこと

Saiです。

2週間ほどブログの更新をストップしていました。その間サイトの整理と、ブログコラボとしてイラストを描かせていただいていたのでそのご紹介です。

 

 

サイトの整理

気がつけばブログを始めて7ヶ月が経過しました。特に見直すこともなくズルズル続けてきたのですが、ようやく重い腰をあげて少し整えました。今回やってみたのはこの4つです。

  • カテゴリーの階層分け
  • ヘッダー画像の変更
  • グローバルナビゲーションメニューの設置(トップバナー下)
  • 過去記事の見直し

「こうしたい」という思いはあるのですが、いかんせん知識がなくて苦労しました。

コーヒーブレイクする女性

初心者の私でも分かりやすく、参考にさせていただいた記事のリンクを貼らせていただきます。

 

<カテゴリーの階層化>

www.atoka.xyz

< ヘッダー画像をスマホでも綺麗に表示させる方法>

www.kurasitotonoe.com

 

ヘッダー画像/レスポンシブデザインで苦労したこと

なかでもヘッダー画像は時間がかかってしまいました。

1000×200pxのPC用と、400×200pxのスマホ用で2つ使い分けよう、と思ったら出来ませんでした。はてなでレスポンシブデザイン対応にチェックを入れると、画像を別にすることは出来ないんですね、、、

せっかくなのでボツ案を載せておきます。

<PC用にしようとしていた画像(1000×200px)>

ヘッダー画像

<スマホ用にするはずだった画像(400×200px)>

ヘッダー画像

PC用を使うと、スマホだと小さすぎる。スマホ用を使うと、PCで両端に空間が空いてしまう…。微調整したり、貼り付け直したり、なんかすごく大変でした。PC、スマホ両用のヘッダー画像は中央に寄せたデザインのほうが何かと楽だと思いました。

結局これにして、スマホ版は中央をアップで見えるようにしました。

ヘッダー画像
 

ブログコラボのイラスト

前回のブログで「イラストご提供します」と載せたところ、ありがたいことに数名お声掛けいただけました。素人の私に描く機会をくださり感謝します。とても勉強になりました。

 

ここ2週間で描かせていただいたのは…

 

●うとうとさらさん(記事挿絵)

【夢のコラボ企画】三歳児神話は本当?0歳児クラスから保育園に入れてみての正直な感想☆挿絵Sai.さん☆ - うとうとさらの テンパり育児 

 

●刹那さん(記事挿絵)

子猫の名前は「りき」。ある事件でボス猫に!(イラストSai.さんより提供) | MYSTな休日

 

●ERINAさん(アイコン)

ちいさく、愛でるくらし

f:id:sai_kurashi:20200302205924p:plainf:id:sai_kurashi:20200302205945p:plain


●あとかさん(記事挿絵)

【週末におすすめ!】ヒロインが素敵すぎる角川映画BEST3/イラスト:sai.さん - あとかのブログ

 

これから描かせていただく方もいらっしゃいます。コラボの詳細は、ヘッダー下メニュー「イラスト」に加筆していく予定です。

 

次回の更新からは今までどおり、家族4人のマイペースな日常を綴っていきたいと思います。どうぞよろしくお願いします。