ブロガー

ブログのデザインを変更してみました

シンプル系のデザインにしたいと常々思っていたので、この週末で変更しちゃいました。
今回のデザイン変更でこだわったポイントは、
(1)白ベースのシンプルな配色
(2)サイドバーは右、コンテンツ部分のカラムは横幅が広いもの
(3)GoogleChromeの拡張機能「AutoPager Chrome」をインストールしていても、デザインが崩れない。
の3つです。
(1)白ベースのシンプルな配色
やはり訪問者が読みやすいブログにしたいと考えたのが理由です。
それに、ブログの内容的にモノトーン系が似合うかなーと思ったので。
前のも一応白ベースでしたが、バーの配色のオレンジがやっぱり気になってしまいました。
(2)サイドバーは右、コンテンツ部分のカラムは横幅が広いもの
これはサイトを見た瞬間にまずコンテンツに目が行って欲しいからですね。
日本語の横書きは左からはじまるので、コンテンツを左カラム、サイドバーを右カラムにしました。
(3)AutoPagerをインストールしていてもデザインが崩れない。
今回一番苦労したのはここです。
テンプレートによってはAutoPagerによってサイドバーがページ下部に落とされてしまう現象に今回遭遇しまして、HTMLをいじってなんとか回避できないかと試みたのですが、うまくいきませんでした…
なので結局、AutoPagerに落とされないテンプレートを選びました。
訪問者がAutoPagerをOFFにすれば正常に表示されることはわかっています。でも、AutoPagerを愛用している自分としては、訪問者がサイトによってON/OFFの切り替えなんかしたくないことが容易に想像できるので、やはり訪問者視点で解決したいと考えてこだわった次第です。
それに何が原因としても、サイドバーが落ちてるブログを読みたいと思う人なんかいないでしょうから。
(4)おまけ
「Follow me」バッジの色をEvernote色にしてみました!
EvernoteのClip to Evernoteと同じ緑です。
ちょっとしたこだわり。ちなみにこの色のRGBは「#6FB536」です。

関連記事

  1. ブロガー

    @jMatsuzakiという男についてそろそろ語ろうと思う

    彼と初めて会ってから、今日で1年がたちます。去年の8月…

  2. ブロガー

    はまの活動の裏側を話します。11月11日(日)の第3回つなカンにて!

    11月11日 第三回つながるカンファレンス(東京都)私が参加し…

  3. ブロガー

    にゃにゃにゃにゃーにゃーにゃーにゃにゃにゃ

    にゃーにゃにゃーにゃ。にゃにゃーにゃにゃにゃ。にゃ!にゃにゃ!猫…

  4. ブロガー

    つくる側になりたいと思いました

    土曜日にたちさん(@ttachi)、だいちゃん(@delaymani…

  5. ブロガー

    350 アイコン仲間が増えました

    ご縁があって、すいとー(@suito1942)さんのTwitterアイ…

  6. ブロガー

    [Twitter]友人のすごいtypoにどう気づいてもらうか?

    結論から言うと、「ふぁぼる」が良いのではないかと思います。決してエアリ…

SPONSORED LINK




はま




会社員/心理セラピスト&ライフコーチ/文筆家/ゲーマー

詳細なプロフィール・連絡先はこちらTaskChute情報


↓著書です。

Amazonのほしいものリストを公開中です。

はまへの支援物資リスト

PAGE TOP