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でパンくずリストをプラグインなしで設置する簡単なやり方

    WordPressでパンくずリストをWebサイトに設置したいといった時…

  2. WordPress

    WordPressでオリジナルテーマを作成する時などにチェックしてくれるプラグイン「Theme-Ch…

    このプラグインはすごいですね。自作のテーマを作成した時なんかにこれを使…

  3. WordPress

    WordPressでシェアする為のプラグインベスト10

    WordPressでソーシャルサービスなんかにシェアする為のボタンをさ…

  4. WordPress

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

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

  5. WordPressで投稿IDを指定した記事をランダム表示

    WordPress

    WordPressで複数の投稿ID(記事ID)を指定した記事をランダムで表示させるやり方

    個人的にやってみたかったので備忘録。WordPressで自分が作った関…

  6. WordPress

    Google XML SitemapsプラグインでWordPressにサイトマップ作成

    WordPressにはロボット向けのXMLサイトマップを自動生成してく…

最近の記事

  1. EOS R5
  2. Anker PowerExpand Direct 6-in-1 USB-C PDメディアハブ
  3. ペットボトルホルスター

アーカイブ

PAGE TOP