WordPress

ブログに最適!2カラムでスッキリしたデザインのレスポンシブ対応WordPressテーマ「Blogger」

レスポンシブに対応したフリーのWordPressのテーマ「Blogger」がとてもよさそうだったのでメモがてらご紹介します。ブログに最適なデザインだなーと思いました。2カラムで左がメイン、右がサイドバーとブログには王道ともいえるレイアウトです。意外とこのようなオーソドックスなデザインって少ないんですよね。

[ads_center]

Blogger

Blogger

Blogger デモ

上記は実際のデモです。

ちなみにモバイル時には以下のように2カラムから1カラムになります。

Blogger

ナビゲーションもモバイル時にはよく見かけるデザインになります。メニューをクリックすると左からスライドしながらメニューが出てきます。

スマホでも片手でサクサク操作できそうですね。

奇抜なデザインやレイアウトよりも、やっぱり慣れ親しんだものの方が見やすいなーと思います。

サイドバーの内容は、上から順に以下のようになっています。

  • 検索
  • 最新の記事
  • アーカイブ
  • カテゴリー
  • タグ

また、右上にはTwitter、Facebook、Google+などといった各SNSやRSSのアイコンが並んでいるので、ブログを運営する上で重要な情報もちゃんと表示されているのがいいですね。

Blogger

jQuery Accordionシンプルでレスポンシブ対応のアコーディオンを実装できるjQueryプラグイン「jQuery Accordion」前のページ

カスタマイズしやすいローディングアニメーションのjQueryプラグイン「shCircleLoader」次のページshCircleLoader

関連記事

  1. WordPress

    WordPressでマルチサイト化した時にアイキャッチ画像の設定が表示されない

    ローカル環境でWordPressをマルチサイト化してみたところダッシュ…

  2. WordPress

    ブログの編集作業が捗るWordPressプラグイン「AddQuicktag」

    すごく便利なプラグイン「AddQuicktag」を使ってみました。なん…

  3. WordPress

    WordPressのクイックドラフト機能を使ってみた

    そういえば、WordPress 3.8になってから新しくなったクイック…

  4. WordPressで広告を非表示

    WordPress

    WordPressで指定したタグを付けると広告を非表示にできる設定方法

    意外と設定しておくと便利だと思ったのでメモがてらご紹介します。Word…

  5. WordPressのログイン時のツールバー

    WordPress

    WordPressで最新記事の一覧をプラグインを使わないで表示させるやり方

    WordPressで最新記事の一覧をウィジェットやプラグインを使わない…

最近の記事

  1. すしざんまい
  2. 蒼龍唐玉堂 特製牛バラ担々麺
  3. サーモンアボカドサラダラップとドリップ
  4. 猿田彦フレンチ
  5. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて

アーカイブ

PAGE TOP