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 3.8のアップデートで管理画面のアイコン画像が上手く表示されない時の対処方法

    先程、WordPress 3.8にアップデートしたら管理画面の上部バー…

  2. Last Updated Shortcode

    WordPress

    最後に更新された日付時間をショートコードで表示できるWordPressプラグイン「Last Upda…

    WordPressの記事内に最後に更新した日付時間を表示できるWord…

  3. WordPressのログイン時のツールバー
  4. WordPressの管理画面が崩れた時の対処方法

    WordPress

    ローカルのWordPressをアップデートしたら管理画面が崩れていたのでその対処方法

    久しぶりにローカルのWordPressを弄っていたんですが、最新版にア…

  5. WordPress

    WordPressで人用のサイトマップを作ってくれるプラグイン「PS Auto Sitemap」の使…

    WordPressで人に見せるための人用サイトマップを簡単に作成してく…

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

最近の記事

  1. CAR-HLD12BK
  2. OWL-LPB6701LA
  3. cheero Power Mountain mini 30000mAh CHE-110

アーカイブ

PAGE TOP