>--> Blogger で使えるレスポンシブデザインテンプレート 25 選 | クリボウの Blogger Tips

クリボウの Blogger Tips

Google Blogger の使い方、カスタマイズ方法、各種ツールなど、
Blogger 関連の役立つ情報を紹介しています。

> > Blogger で使えるレスポンシブデザインテンプレート 25 選

Blogger で使えるレスポンシブデザインテンプレート 25 選

Posted at: 2013-06-02 Label: 25

今やブログは PC だけでなく、スマートフォンやタブレットでも見られるようになってきています。そこで、最近広がってきたのが「レスポンシブ Web デザイン」と呼ばれる、あらゆるデバイスに対応させるウェブデザインの手法です。ウィンドウの幅が狭まったときに、自動的にサイドバーが省略されたり、画像が縮小されたりするアレですね。

Blogger ブログ用にもいろいろなところでレスポンシブデザインのテンプレートが公開されているので、今回まとめてみることにしました。

「デモ」ボタンでテンプレートが適用されたブログを閲覧できるので、ウィンドウ幅を変更したり、別の端末で開いてみたりして、どんな表示になるのか実際に確認してみるといいと思います。

なお、ご自身のブログへのテンプレートの適用は自己責任で。必ずテンプレートのバックアップを取ってから変更するようにしてください。


参考:



Adsosive


水滴のような形のサムネイルが特徴的なテンプレート。

デモ  ダウンロード


Align


サイドバーが最初に 3 つ。投稿以外にたくさん情報を載せたい人向け。

デモ  ダウンロード


Aware


一番上の画像は、横にスライドしていくサムネイル。2 段目からが投稿。

デモ  ダウンロード


Bresponsive


最初の段はスライド。2 段目からラベルや投稿。

デモ  ダウンロード


Chronicl


ブログタイトルと投稿の間に、ラベルやページへのリンクが配置できる。

デモ  ダウンロード


CopyBlogger v2


幅が狭まると、サイドバーが投稿の後に回ったり画像が縮小されたり。

デモ  ダウンロード


DarkRed


狭めていくとかなり柔軟に変形する。ソーシャルボタンは最後まで残る。

デモ  ダウンロード


Elite Minima


4 段階に変形。ピンク基調でかわいらしい。

デモ  ダウンロード


Exelencia


ウィンドウ幅が変わるとゆっくり配置換え。サムネイルホバーで画像拡大も。

デモ  ダウンロード


ExtraNews


最初にランダムな投稿サムネイルがタイルのように表示される。

デモ  ダウンロード


Helicon


やわらかい色調のテンプレート。幅によっては画像のアスペクト比が無視されるので注意。

デモ  ダウンロード


Incipient


白基調のシンプルなテンプレート。写真のない投稿が多くてもよさそう。

デモ  ダウンロード


JPSTATION


投稿は基本的に抜粋。投稿の配置を訪問者が選べるボタンあり。

デモ  ダウンロード


Labnol


Twitter 的に短い投稿を載せるのがよさそう。

デモ  ダウンロード


Main Photo


その名の通り、写真メインのブログでどうぞ。

デモ  ダウンロード


Max Mag


最上部にあらかじめ広告エリアが用意されているのがいいかも。

デモ  ダウンロード


Minimum Theme


最初にソーシャルボタンがドドーンとあるのが特徴。

デモ  ダウンロード


Pinfinity


ウィンドウ幅に合わせて、写真がモザイク状に流れ込んでくるタイプ。

デモ  ダウンロード


Portfolio


昔の Flickr 風。PC で幅を変えても変化しないが、端末ごとに内容はちゃんと変わる。

デモ  ダウンロード


RBSimple


幅に合わせて表示される広告が変わる。

デモ  ダウンロード


Responsival


シンプルなレスポンシブテンプレート。テキストベースのブログによいかと。

デモ  ダウンロード


Responsive


最初に巨大なスライドショー。

デモ  ダウンロード


Sensational


左側、ラベルの掲示がいい感じ。

デモ  ダウンロード


TheStyle


サムネイルへのマウスホバーで、ハイライト+ちょっとだけ伸びる。

デモ  ダウンロード


Top Blogging Ideas


狭めると左サイドバーがなくなるタイプ。画像は縮まないので、小さ目が吉。

デモ  ダウンロード



…ということで、25 個一気に紹介しましたが、気になるテンプレートはあったでしょうか。これを機会に、Blogger テンプレートも衣替えしてみるといいかもしれませんね。


スポンサードリンク:
お願い:
「この記事役に立った!」と思ったら、ぜひフィード登録をお願いします。 

Comments:25

  1. グーグルアナリティクスが動かない物は玉に瑕。

    ReplyDelete
  2. I found your this post while searching for some related information on blog search...Its a good post..keep posting and update the information. atxamsfileshere.blogspot.com

    ReplyDelete
  3. 50% OFF!Master 10 Mandarin Chinese Words a Day = 3,650 Words a Year. downlodable keygens From tripwolf: Discover the most beautiful places with the Jamaica tripwolf guide - your guide with offline map.

    ReplyDelete
  4. Estamos trabajando para mejorar Guia de Jardn con nuevas caracteristicas pronto. downlodable warez Purchase a single license and use it in an unlimited number of solutions.

    ReplyDelete
  5. Robin then learns that her ex-boyfriend had been making a documentary about Paula and may know more than he lets on. downlodable games Grocery Gadget Shopping List Free - shop groceries, scan, sync share with family, track prices, save or use as checklist, for iPhone.

    ReplyDelete
  6. MBA Pocket Edition - MBA Learning Solutions for iPhone. downlodable tv shows Use precision, tactics and give your best at solving different parking puzzles.

    ReplyDelete
  7. AUTO-REPLY: Set a message and SpeakOn will do the rest. fotokopicentr-slayd.ru - Browsing and playback songs in PC, NAS, and cloud.

    ReplyDelete
  8. OpenFeint integration: Online Leaderboards! Unlockable Achievements worth 750 points! [url=http://mynahodka.ru/word/minidwep-gtk.php]http://mynahodka.ru[/url] You choose one of the commands you would like the person HOLDING the remote to perform 4.

    ReplyDelete
  9. When you open USB Flash Drive there is nothing onscreen. http://downloadgoodfilesblog.top Whether only for your own fun or in competition, the raceunion LapTimer is just simply indisposable.

    ReplyDelete
  10. Adventure mode includes 120 levels (30 each of easy, medium, hard, and insane). topkeygensonline.co Features:- Weather details from over 16 sources, aggregated for consistency and accuracy.

    ReplyDelete
  11. Climb the ranks citywide or become an influencer in specific categories. topdownloadfilesdirectory.us Jibbigo Iraqi English Speech Translator (iPhone 3GS, 3rd gen, iPod touch) for iPhone.

    ReplyDelete
  12. "Verdict: Stop reading and go buy this now!" - theportablegamer. http://top100downloadsoftware.me DesktopWidget is not a replacement for the Dashboard of course.

    ReplyDelete
  13. The business-like interface is concerned only with setting the program's configuration. Find it here CONNECT seamlessly to the complete app or ebook referenced in each daily inspiration.

    ReplyDelete
  14. Pop culture tosses around words like retro, throwback, old school. http://topdownloadwarezcatalog.us BBoy Style, Dance / House Style, Hip Hop Style, and of course Break Beats Style!

    ReplyDelete
  15. Select between three different exercise intensities. bestdownloadfilescatalog.us Dont get caught out in the dark - check anticipated lighting levels with Sun/Moon rise/set time and Moon phase.

    ReplyDelete
  16. Is it holiday, party, wedding, birthday, anniversary, Christmas or the New Year. newfilesfromkennedy.us There is nothing like finding a new Court just when you need it.

    ReplyDelete
  17. Pasang Gratis di Media Domino Online Yoshkar-Ola Region Capital Situs www.pokerrusia.com Melalui BPD Lampung Kode Bank 121.

    ReplyDelete
  18. Hi friends ! I'm Eillen Sharma. I like to have bed relationship with different persons rather than with a single man for the whole of life. Not only is this my notion , but also is this fact that the secret organs are made for enjoyment. Please follow me on the links given bellow.

    Mumbai escorts
    Puri escorts
    Cuttack escorts

    Bhubaneswar escorts
    Gurgaon escorts
    Gurgaon escorts

    Jaipur escorts
    Jaipur escorts
    Jaipur escorts

    If you are interested in me and my ideology ,then you are invited to my bed. Just go ahead !

    ReplyDelete
  19. Hi friends ! I'm Eillen Sharma. I like to have bed relationship with different persons rather than with a single man for the whole of life. Not only is this my notion , but also is this fact that the secret organs are made for enjoyment. Please follow me on the links given bellow.

    Jaipur escorts
    Mumbai escorts
    Bangalore escorts

    If you are interested in me and my ideology ,then you are invited to my bed. Just go ahead !

    ReplyDelete
  20. レスポンシブデザインテンプレートについてこの記事を共有していただきありがとうございます。 あなたの記事は、自分のウェブサイトに最適なレスポンシブデザインテンプレートを探している人にとって非常に有益で便利です。 ここでこのタイプの記事を共有し続けてください。 web制作 横浜

    ReplyDelete
  21. Geek Squad Protection goes above and beyond the manufacturer's warranty to extend your coverage and protect your purchase. geek squad tech support | geek squad tech support

    ReplyDelete

Comments on Google+:

© 2005-2014 Kuribo. Powered by Blogger.