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の管理画面にメモを残せるプラグイン「Quick Notes on the WP D…

    おもしろいプラグインを試してみました。おもしろいというかとても便利だな…

  2. WordPress

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

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

  3. WordPress

    WordPressでアイキャッチ画像にキャプションを表示させる設定方法

    WordPressのアイキャッチ画像にキャプションを付けたい時ってあり…

  4. WordPress

    予約投稿をカレンダーで一覧管理できるWordPressプラグインEditorial Calendar…

    こちらの記事を見て予約投稿っていいなぁって思ったので初めて使ってみまし…

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

    WordPress

    WordPressのthe_tagsで「タグ:」というデフォルトの表記を削除するやり方

    WordPressでthe_tags()を出力するとタグの前に「タグ:…

  6. WordPress

    WordPressでカスタムフィールドを使って任意のコードやファイルをhead内に読み込ませる

    以前「WordPressで特定の記事やページにカスタムフィールドで指定…

最近の記事

  1. クリニカのY字タイプのフロス
  2. 日和山公園の桜
  3. 成城石井 フレンチロースト
  4. COMOLI カシミアシルクニットパーカ
  5. 橋

アーカイブ

PAGE TOP