ブロガー

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

シンプル系のデザインにしたいと常々思っていたので、この週末で変更しちゃいました。
今回のデザイン変更でこだわったポイントは、
(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. ブロガー

    今の自分にどこか欠落感があるなら、自分のベースが疎かになっているのかも

    最近、一方ではとても充実しているものの、その一方でなんとも言えない欠落…

  2. ブロガー

    [写真レポ]開通2日目の新東名と駿河湾沼津SAに行ってきました!

    【地図】新東名の駿河湾沼津SAに一般道から行く方法 | 化学系メーカー…

  3. ブロガー

    仲間といっしょに喜びを分かち合う楽しさ-日刊292

    アシタノレシピも取り上げられていることに気が付きました…!@jmat…

  4. Blog運営

    記事にさりげなく画像入りアソシエイトリンクを挿入できる「BabyLink」

    ちょっと応援したい&こういうのを探している人がいるであろうWebサービ…

  5. Blog運営

    ブログに関する自己制限を解いてみる

    最近、ブログをできれば毎日書きたいと思いつつ、実際には書いていないとい…

  6. ブロガー

    Hama家のチキンカレーの作り方

    普段、料理は嫁に任せているのですが、今回体調不良の嫁に代わって久々にチ…

SPONSORED LINK




はま中しょうご




化学研究者、ビジネス書作家、セミナー講師、セラピスト修行中、聴覚障害者、抑うつ性神経症患者でもある。

モットーは「現実はいつも甘くて美しい」。

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


↓著書です。仕事に悩める会社員へ。

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

はまへの支援物資リスト

ブログで紹介したもの など


仮想通貨口座はbitflyerbitbankcoincheckを主に使用中。 bitFlyer ビットコインを始めるなら安心・安全な取引所で

ビットコイン取引高日本一の仮想通貨取引所 coincheck bitcoin

↓私も購読中の1分で読める仮想通貨速報(LINE@) CoinPicks
こちらの画像からLINE@の登録リンクに飛べます。

↓私が毎日使っているタスク管理ツールです。 TaskChute
高機能の有料版と、体験用の無料版があります。

↓私も参加している有料オンラインサロンです。 LifeEngine
諦めきれない夢を追う同志が集い、日々語らっています。毎月講師を読んでのオンライン学習や、月末のオフライン定例会、不定期で合宿なども行っています。参加者の自発イベントでの交流も活発です。メンバー約60名。
PAGE TOP