WordPress

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

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

[ads_center]

Blogger

Blogger

Blogger デモ

上記は実際のデモです。

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

Blogger

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

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

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

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

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

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

Blogger

関連記事

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

    WordPress

    WordPressのトップページ(index.php)で公式ツイートボタンのURLを各記事別になるよ…

    ちょっとした備忘録です。WordPressのトップページで公式ツイート…

  2. WordPress

    wp_nav_menuでWordPressのカスタムメニューを表示させる

    カスタムメニューを試していたら改めて便利だなと思ったのでメモしときます…

  3. Tetris

    WordPress

    レスポンシブに対応したmasonry風のフリーのWordPressテーマ「Tetris」

    Tetrisという素敵なフリーのWordPressテーマを見つけたので…

  4. WordPress

    editor-style.cssを使えばビジュアルエディタを実際の記事と同じようにスタイリングできる…

    あんまりビジュアルエディタを使ってないのであれですが、新規の記事を書い…

  5. WordPressアップデートでアイコンが表示されない時の対処方法

    WordPress

    WordPress 3.8のアップデートで管理画面のアイコン画像が上手く表示されない時の対処方法

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

  6. WordPressで広告を非表示

    WordPress

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

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

最近の記事

  1. USB-2H401BKN
  2. Dyson Pure Cool Me
  3. ルック セレクション
  4. シルキーウインドモバイル

アーカイブ

PAGE TOP