クリボウの 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:6

  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

Comments on Google+:

© 2005-2014 Kuribo. Powered by Blogger.