歩いていこうスマートフォン用の表示で見るゆっくり歩いていこうWEB/DTPデザイナー。娘とパパと私の3人家族。親兄弟と離れた都会で暮らす子育てのこと、子供の工作や手作りおもちゃ、時短家事などをブログで綴っています。ロゴとメニューや見出しなどのデザインの見直しとレスポンシブ化です。これまでPC・タブレットのデザインは、はてなブログのデザインテーマ『Innocent』を利用して、スマホははてなブログのスマホ用サイトをカスタマイズしていましたが、今回のリニューアルでスマホもレスポンシブ化することに。私がはてなブログを利用し始めた1年前頃は、レスポンシブだとはてなブログの仕様上、トップページの最新記事一覧が全文表示になってしまい、特にスマホでは可視性に欠け見られたものではなかったので、先述のようにスマホだけレスポンシブから外していたのです。その後この問題は解決されたのですが、ある程度スマホ用にデザインを作り込んでいたため、また調整し直すのも面倒でこれまでずっと放っておいていました。笑それ以外にも、有名レシピサイトのデザインリニューアル後、見出しが当ブログの見出しにそっくりになっていたり(見出しデザインは前と変えていませんが、このサイトと激似なのが嫌で若干変えました...)、へんなサイトで写真がリンクなしで無断で使われていたりとか、まぁなんやかんや気になることはありますが、いちいち気にしていたらキリがないですね!話を戻しまして、この度独自ドメインもSSL化(HTTPS化)されたこともあって、これを機に重い腰を上げてデザインの見直しをすることに!前の雰囲気を少し残しておきたかったので、ブログのカラーは以前と同じくオレンジ、ピンク、茶色に。前はピンクの割合が多めでしたが、今回はオレンジと茶色がメインで、ロゴは他の色も使ってカラフルな感じにしてみました♪しかしこのロゴのデザイン...めっちゃくちゃ悩みました!日本語で文字数が多く、会社やお店のロゴではなくブログのロゴで、はてなブログのヘッダーにうまくはまるようにしなければならないし、リニューアルするならちゃんと納得のいくものを作りたいし...!このブログ名にしたことを本気で後悔したくらいアレコレ悩んだすえ、正直まだしっくりこない部分もあるのですが、ひとまず今はこれでいくことに決めました。ストアデザインテーマは、引き続き『Innocent』を使わせていただいております。シンプルで使いやすいところと、余白のとりかたが素敵だなぁと感じます(少し自分用に調整していますが)。ストアスマホの記事一覧部分のデザインを参考にさせていただきました。一覧には、デフォルトだと日付、タイトル、カテゴリー、サムネイル、ディスクリプション(冒頭の文章)が表示される仕様になっていますが、『Minimalism』のようにスマホではサムネイル、日付、タイトルのみを表示させるようにしました。ストアSNSまわりをこちら↓で作成したものを使わせていただいております。このブログでは以前より、SOHOの作者さまのサイトの↓こちらのYouTube用のコードを使わせていただいております。このようなあったらいいなと思うものを、サクッと作ってくださりとても助かります。笑はてなブログのカスタマイズ作業について今回のリニューアル(カスタマイズ)作業で改めて思ったことは、はてなブログの管理画面が使いにくいということ!(すみませんっ)私がまだはてなブログをあまり使いこなせていないせいかもしれませんが、はてなブログの管理画面でのコーディング作業がかなりわずらわしく、みなさんどうされているのかぁなんて思ってしまったのですが、作業のしにくさに正直少しイライラしながらも、娘が寝たあとよなよな頑張って仕上げました^^;もう少し入力ボックスを大きくするか、せめて検索ができるようになると嬉しいなぁ。アラサー肩凝り持ち主婦には、ちと厳しめな作業となりましたよ。おわりにお世話になった方々に、この場を借りてお礼申し上げます。娘と作った工作とか、家族でお出かけしたこととか、お掃除のこととか、購入したおもちゃのこととか、書きたいことは山ほどあるのに、なかなか書く時間が取れずに最近はゆったり更新になっています(娘がお昼寝をしない日が増えたことが大きな理由^^;)。今は娘の愛着形成に大切な時期なので、なるべく娘との時間を大切にしたいなぁなんて思っています。はてなブログProたまにWEB/DTPデザイナー。娘とパパと私の3人家族。親兄弟と離れた都会で暮らす子育てのこと、子供の工作や手作りおもちゃ、時短家事などをブログで綴っています。Reserved.スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。