クリボウの Blogger Tips

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

> | | > Blogger に新テンプレート「ダイナミックビュー」が登場

Blogger に新テンプレート「ダイナミックビュー」が登場

ダイナミックビュー

Blogger に新しいテンプレートが登場しています。「パースペクティブ」とか、「ダイナミックテンプレート」とかいろんな呼び方があるようですが、ここでは言葉を「ダイナミックビュー」に統一して紹介します。

普通、テンプレートというのは、ブログの著者が指定するものですが、このダイナミックビューでは、読者の側が閲覧中のブログのレイアウトを 5 種類の中から自由に選択できるようになっています。

YouTube にこの機能の紹介ビデオも上がっています。なんとなく新しいテンプレートの雰囲気がつかめると思います。


YouTube - Blogger Dynamic Views

このダイナミックビューには AJAX、HTML5、CSS3 といった最新の Web テクノロジーが駆使されているとのことで、Internet Exploere 8 以降、Firefox 3.5 以降、Chrome、Safari といったブラウザで閲覧可能だとのことです。(参考:All about Dynamic Views for Readers - Blogger ヘルプ

ダイナミックビューでブログを表示するには、ブログの URL 末尾に /view という文字列をつけてアクセスするだけ。うれしいことに、クラシックテンプレートだろうとカスタムドメインだろうと問題ないようです。試しにこのブログを表示してみてください。

通常のテンプレートと違うところとして

  • リンクをクリックすることなく、次のページが自動的に読み込まれる
  • 複数のレイアウトが用意されている。
  • 画像は、最初に全部ではなく、その画像が画面に表示される時に初めてロードされる。
といった特徴が挙げられています。


使用条件

Blogger ダッシュボードを見てみると、早速このような吹き出しが出ていました。

Blogger 動的ビュー
5 つの新しい動的ビュー
ブログが一般公開されていて、フィードが有効になっている場合は、読者に 5 種類の動的ビューで投稿を閲覧してもらうことができます。また、これらのビューはいつでも無効にできます。

って書いてありますね。

自分のブログでダイナミックビューを有効にするためのより詳しい条件としては、

  • 「設定 > サイトフィード」の「ブログフィードを許可」の項目で「完全」か「追記の区切りまで」を選択していること
  • 「設定 > 許可」の「ブログの閲覧者」が「すべてのユーザー」になっていること(閲覧制限をかけるとフィードが発行されないため)
  • 「設定 > フォーマット」の「動的ビューを有効にする」が「はい」になっていること
といったものがあります。(参考:All about Dynamic Views for Authors - Blogger ヘルプ


レイアウトの種類

ダイナミックビューでは、読者がレイアウトを選択できます。写真を多用しているブログの方が見栄えがよさそうなので、今回は クリボウの写真日記 を例にします。各画像をクリックすると、実際のダイナミックビューへとジャンプします。

Flipcard

Blogger 動的ビュー フリップカード

  • カードにマウスを合わせると、タイトルとコメント数が表示されます。スクロールすると追加の投稿がロードされます。
  • カードをクリックすると、記事単体で表示されます。J キー(右キーも)で前の投稿、K (左キーも)キーで新しい投稿へ移動できます。Esc キーでは、投稿一覧へ戻ります。
  • 上部左側のリンクから、日付、ラベル、筆者で投稿をソートすることができます。
  • 利用は、ブログ URL 末尾に /view/flipcard を追加。
Mosaic

Blogger 動的ビュー モザイク

  • タイルにマウスを合わせると、投稿のタイトルが表示されます。
  • タイルをクリックすると投稿が開かれ、もう一度クリックするか Esc キーを押すことで、投稿が元の場所に折りたたまれます。
  • 投稿が開かれた状態のとき、J キー(右キーも)で前の投稿、K (左キーも)キーで新しい投稿へ移動できます。
  • タイルの大きさはビューのロードの度に異なりますが、左上から右下にかけて投稿の日付順に配置されています。
  • タブレット端末に最適化されており、端末の回転に対応しています。
  • 利用は、ブログ URL 末尾に /view/mosaic を追加。
Sidebar

Blogger 動的ビュー サイドバー

  • ブログを素早く読むために最適化されています。
  • ダイナミックビューのデフォルトのレイアウトはこれになっています。
  • 左のサイドバーは日付順の投稿タイトルになっていて、コメント数や、画像サムネイルが表示されるようになっています。
  • J キー(右キーも)で前の投稿、K (左キーも)キーで新しい投稿を表示することができます。
  • 「Show」リンクのクリックで、同じページ内にコメントを表示することができます。
  • 利用は、ブログ URL 末尾に /view/sidebar を追加。
Snapshot

Blogger 動的ビュー スナップショット

  • 画像単位で表示します。(画像のない投稿は表示されない。1 投稿に複数の画像がある場合、画像の数だけ表示される。)
  • ポラロイドカメラの写真のようなレイアウトで、写真下部にタイトルが書かれています。マウスを合わせると投稿本文が表示されます。
  • 写真をクリックすることで、投稿が単独で表示されます。J キー(右キーも)で前の投稿、K (左キーも)キーで新しい投稿へ移動。Esc キーで画像一覧へ戻ります。
  • 画像は、Blogger、Flickr ともに表示できるようですが、Flickr だと上記のように写真に大きな余白ができてしまうようです。
  • 利用は、ブログ URL 末尾に /view/snapshot を追加。
Timeslide

Blogger 動的ビュー タイムスライド

  • 画像、投稿タイトル+投稿本文冒頭、投稿タイトルのみの 3 エリアに分割されています。
  • 各エリアをクリックすると、投稿が単独で表示されます。J キー(右キーも)で前の投稿、K (左キーも)キーで新しい投稿へ移動。Esc キーで一覧へ戻ります。
  • 文字列を検索すると、該当する投稿がハイライトされます。
  • 利用は、ブログ URL 末尾に /view/timeslide を追加。

このダイナミックビューは、今のところ試験的に導入されているもののようで、いずれブログ運営者がこのビューをカスタマイズできるようになるとのことです。Blogger ブログも時代に合わせて、どんどん進歩していっている感じですね。この新機能、ぜひぜひいろんなブログで試してみてください。


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

Comments:12

  1. キーボードショートカットはJ/K以外にもN/Pも使えますね。

    ReplyDelete
  2. これは良いですね。
    レイアウトの大きく違うテンプレバリエーションとテンプレートデザイナーの機能の組み合わせでと考えると期待しちゃいます。

    ReplyDelete
  3. デフォルトでも使用出来るとなおよいですね

    ReplyDelete
  4. > H Okano さん

    ほんとだ。情報ありがとうございます。


    > fiamma_tomita さん

    ブログ所有者のテンプレートデザイナー、読者のダイナミックビューというふうに、見せたいもの、見たいものをそれぞれが選べるというのが面白いですね。


    > ブログ管理人さん

    最初からブログのテンプレートがこれだったら、ということですね。テンプレートの選択肢が増えるのはいいですね。

    ReplyDelete
  5. なるほど観覧者側が選ぶわけですね。
    それは盲点でした。
    bloggerは機能がどんどん増えて良いですね。

    ReplyDelete
  6. Blogger読者向けの動的ビューに対応しました!!―【私の論評】動画ビューを楽しくするため、最近特に写真を多くしました!!
    ブログ名:「Funny Restaurant 犬とレストランとイタリア料理」
    http://goo.gl/UPTRI

    こんにちは。おくればせながら、私のブログでは、新たなビューで御覧いただけることを確認しました。従来の旧タイプのものでも、引き続き御覧いただけることから、全部で8つの形式で御覧いただけるようになりました。
    ■新しいビュー
    http://yutakarlson.blogspot.com/view/snapshot
    このビューでは、ブログに掲載された写真や動画の内容が、すべてスナップ写真のように表示されるようになっています。最近このビューを面白くするため、写真や、動画を意図的に増やしてみました。
    ■従来のビュー
    http://yutakarlson.blogspot.com/
    是非、両方の形式を見比べてみてください。詳細は、是非私のブログを御覧になってください。

    ReplyDelete
  7. http://emcmee.jimdo.com/
    http://emcmee.jimdo.com/%D8%B4%D8%B1%D9%83%D8%A9-%D9%86%D9%82%D9%84-%D8%A7%D8%AB%D8%A7%D8%AB-%D8%A8%D8%A7%D9%84%D8%B1%D9%8A%D8%A7%D8%B6/ شركة نقل عفش بالرياض
    http://emcmee.jimdo.com/%D8%B4%D8%B1%D9%83%D8%A9-%D9%86%D9%82%D9%84-%D8%B9%D9%81%D8%B4-%D8%A8%D8%A7%D9%84%D8%B7%D8%A7%D8%A6%D9%81/ شركة نقل عفش بالطائف
    http://emcmee.jimdo.com/%D8%B4%D8%B1%D9%83%D8%A9-%D9%86%D9%82%D9%84-%D8%B9%D9%81%D8%B4-%D8%A8%D8%A7%D9%84%D8%AF%D9%85%D8%A7%D9%85/ شركة نقل عفش بالدمام
    http://emcmee.jimdo.com/%D8%B4%D8%B1%D9%83%D8%A9-%D9%86%D9%82%D9%84-%D8%A7%D8%AB%D8%A7%D8%AB-%D8%A8%D8%AC%D8%AF%D8%A9/ شركة نقل عفش بجدة

    ReplyDelete
  8. http://emcmee.jimdo.com/%D8%B4%D8%B1%D9%83%D8%A9-%D9%86%D9%82%D9%84-%D8%B9%D9%81%D8%B4-%D8%A8%D8%A7%D9%84%D9%85%D8%AF%D9%8A%D9%86%D8%A9-%D8%A7%D9%84%D9%85%D9%86%D9%88%D8%B1%D8%A9/ شركة نقل عفش بالمدينة المنورة
    http://emcmee.jimdo.com/%D8%B4%D8%B1%D9%83%D8%A9-%D8%AA%D9%86%D8%B8%D9%8A%D9%81-%D8%A8%D8%A7%D9%84%D8%B7%D8%A7%D8%A6%D9%81/ شركة تنظيف بالطائف
    https://emcmee.jimdo.com/%D8%B4%D8%B1%D9%83%D8%A9-%D8%AA%D9%86%D8%B8%D9%8A%D9%81-%D8%AE%D8%B2%D8%A7%D9%86%D8%A7%D8%AA-%D8%A8%D8%A7%D9%84%D9%85%D8%AF%D9%8A%D9%86%D8%A9-%D8%A7%D9%84%D9%85%D9%86%D9%88%D8%B1%D8%A9/ تنظيف خزانات بالمدينة المنورة
    http://emcmee.blogspot.com.eg/2017/02/blog-post.html
    http://emcmee.blogspot.com.eg/2017/02/blog-post_7.html

    ReplyDelete
  9. Bonus Freebet via Penyalur Dewa Poker Vladivostok Region Capital Situs www.rusiapoker.net Melalui BPD Sumut Indonesia Kode Bank 117.

    ReplyDelete
  10. Jadwal Ayam SV388 12 Maret 2019 - Selasa, 12 Maret 2019 – Pada Hari Tersebut Akan Di Laksanakan Berbagai Pertandingan Sabung Ayam Secara Live di Arena Sabung Ayam Thailand.

    Situs Judi Sabung Ayam Online SV388 Merupakan Situs Judi Asal Thailand Yang Sangat Terkenal Dengan Permainan Sabung Ayam Yang Fair dan Menghibur Para Penonton Judi Sabung Ayam.

    Untuk Info Lebih Lanjut Bisa Hub kami Di :
    wechat : bolavita
    line : cs_bolavita
    whatsapp : +628122222995
    BBM: BOLAVITA

    ReplyDelete

Comments on Google+:

© 2005-2014 Kuribo. Powered by Blogger.