1more!

+1 Lifestyle Blog. Apple、ガジェット、旅 etc. 趣味を多方面に愉しむブログ。

【Ï】ブログ改造記11〜久々のカスタマイズ〜

スポンサーリンク

photo credit: William Hook via photopin cc

どうも!Hayabusa(@hayabusa_823z)です。今回は少し時間に余裕が出てきたので、久々にブログのレイアウトをいじってみました。

今回の変更点

しばらく手をつけないうちに、はてなブログスマートフォン版の表示がかなり変わっておりました。

スマートフォン用の編集・閲覧画面を改善しました - はてなブログ開発ブログ
はてなブログでは、スマートフォンでブログを編集・閲覧する際の利便性を高めるよう、スマートフォンのブラウザ版で以下の改善を行いました。スマートフォン用の記事編集画面で、Flickrの写真を検索・貼り付け...
スマートフォンで閲覧したときにも「PCのデザインを使用」するオプションを追加しました【追記あり】 - はてなブログ開発ブログ
本機能は、設定方法が変更になりました。デザイン設定画面に新しく用意した「スマートフォン」タブで、「詳細設定」の「レスポンシブデザイン」をご利用ください。以下の告知も参照してください【2014-06-2...

どうやらスマートフォン版全体のデザインが大幅に変更になり、PC版のデザインに準拠するようになったみたいですね。

ということで、スマートフォン版、PC版のヘッダデザインカスタマイズを実施しました。

変更点は以下の通りです。

PC版
  • 仕様変更に対応するため、ブログタイトル部分をCSSを活用した、Webフォント・背景画像を使用したものから、画像を使用したものに変更。
    →ロゴはSkitchを使用して自作しました。フォントはiOS7などでも採用されているHelvetica Neueを使用しています。 まだ編集に不慣れな部分があるので、ややPCで見ると画像が荒いかもしれません^^;
スマートフォン
  • ヘッダのブログタイトルを、文字とWebフォントを使用したものから、PC版と同様の画像を使用したものに変更しました。

  • 背景色を、PC版の旧ヘッダ背景画像に準拠したものから、白〜グレーベースの模様の背景に変更。
    →以前の仕様では、記事本文部分は白い背景となっており、それ以外の部分が背景でしたがわ今回の仕様変更により、記事本文部分にも全体の背景が適用されるようになったため、やや見辛い部分もありました。そこで、薄い色の背景に変更し、少し見やすくなりました。

キーコンセプト決定

Plus One Hobby Blog.

趣味にプラスワンの愉しさを提案できたらという気持ちで、新たにキーコンセプトを決めました。

これからも、当ブログをよろしくお願いいたします。