Blogger の新しいテーマ(テンプレート)を検証したので、その特徴などを少しまとめてみたいと思います。


Blogger に、新しくテーマ(テンプレート)が追加されていることを先日お伝えしましたが、ちょっとだけですが内容的な特徴が分かってきたので報告したいと思います。


Blogger テーマ デザイナーに追加された新テーマのサムネール。


 先日の記事「Blogger の新しいテーマ(テンプレート)が増えたというお知らせがありました。」では、Blogger に新しいテーマ(=テンプレート)が追加された事を報告しただけで終わりましたので、もう少し進めてみましょう。


 Blogger に新しいテーマ(=テンプレート)が追加された事を知って、色々と検証したいと思いつつ、なかなかじっくり見る時間が取れなくて、ちょっとしたフラストレーションが溜まりそうでした。

 追加されたテーマ(=テンプレート)について、ここで改めておさらいしておきます。

 追加されたのは、「Contempo」「Soho」「Emporio」「Notable」の4種類です。それぞれに対して5種類のバリエーションが用意されていますので、全20種類が追加され、選択が可能となりました。

 それぞれにつけられたネーミングの意味などと共に下記に示したいと思います。内容的には、前回と重複する部分もありますが、一応掲載しておきます。


 Blogger テーマ デザイナー の指定領域を開いた状態は下に示すような感じで、先日も見ていただきました。それぞれでのテーマが、表示するパソコンなどの画面サイズにフレキシブルに対応するようで、表示される内容が多少変化するため、その点には注意が必要です。


Blogger テーマ デザイナー で新しいテーマを確認!

 例えば画面サイズが大きくなったのを想定して、ブラウザの画面サイズを拡大すると、表示される内容が下に示すような感じで変化して、左サイドバーが表れて、プロフィール等の内容やその他の情報が、表示されるようになります。


Blogger の新しいテーマのフレキシビリティーを確認!

 実際に使ってみると分かり易いでしょうが、とりあえずは、その雰囲気を知ってもらいたいと思いますので、それぞれのサイドバーが表示された大きめの画面を想定したサンプル画像をそれぞれ掲載して、意味と共に解説します。


◆Contempo について、サンプルと共に見てみましょう!
  • Contempo とは、「最新式の」とか「最新流行の」という意味だと思います。もちろん新しさを追求した最新式なブログシステムとでもいうようなニュアンスなのだと思うのですが、如何でしょうか?

Blogger の新しいテーマ【Contempo】のレイアウト画面


 Blogger テーマ デザイナー を開いてすぐのデフォルトの状態だと、「注目の投稿」が一番最初に表示されるようになっています。しかし、ガジェットの ☑ チェックを外して表示させないようにできますので、ここでは外してみました。

 何を表示させるか、何を優先するかなど、指定するのはそれぞれのガジェットの ☑ チェックを入れるか外すことで簡単に指定できるようになっていて、ガジェットに関しては独立して使い易くなりました。

 ヘッダー部分に背景画像を使うことが出来ますので、自分のブログのイメージに変えて使用できます。記事とその他の部分がはっきりと分かれているため、レイアウトとしてはすっきりしているのではないでしょうか。


◆Soho について、サンプルと共に見てみましょう!
  • Soho とは、「スモールオフィス・ホームオフィス」のことなのか、それともニューヨークの「ソーホー」地区を指すのか不明ですが、サンプルを見た印象からすると、画面のインパクトとかもあり、おそらく芸術的な意味合いも込めて、地名から取ったのではないかと推測しますが、どうでしょうか?

Blogger の新しいテーマ【Soho】のレイアウト画面

 デフォルトでは、この猫の画像のようにインパクトが先行していて面白いです。猫の他、インテリアや宇宙船、化粧品や料理などの画像が使われていて、印象的には良いのですが、そのままメイン画像として使うわけではないので、あくまでも見本です……。

 実際の使い方としては、やはりメインの画像を差し替えして、自分のブログのテーマに合うように、それぞれで選択した背景画像に置き換えて使うというやり方になると思いますが、画像とレイアウトの関係性など参考になりますね。

 毎回テーマを決めて、メインの画像を差し替えるなど、使い方次第では面白くなりそうな、そんな印象を個人的には持っています。デザイン的にはシンプルでいいと思うので、あとは写真次第だと思いますが、如何でしょうか?

 ただ、少し気になる点として、下にスクロールした時に表示される画像を見てもらうと分かるように、使われた画像がほぼ同じ大きさとして扱われるため、解像度の低い画像の場合、粒子が荒れた状態で使われるなど、見た目の印象が良くありません。


【Soho】を下にスクロールした時のレイアウト状況。

 このテーマを使う場合には画像のサイズ等に注意が必要です。


◆Emporio について、サンプルと共に見てみましょう!
  • Emporio とは、エンポリオ・アルマーニで知られる「エンポリオ」ですがもちろんイタリア語ですね、意味は何でしょうか? 調べてみると「市場」とか「商売の中心地」とかの意味があるようです。まあ、ブログ的にもブログの中心地とか、そんなニュアンスでしょうか?

Blogger の新しいテーマ【Emporio】のレイアウト画面


 この、Emporio では、あえて「注目の投稿」ガジェットを配置した状態で使ってみました。

 実際に使う場合でも、恐らくヘッダー下の一番目立つところは、インパクトのある記事や人気のある記事などを配置することが考えられるので、デフォルトの状態のまま「注目の投稿」を重要な記事の一つとして捉えた感じです。

 全体のレイアウトとしては、まとまっていますが、記事に表示される画像に対しては、Soho のところでも触れたように、表示される画像の解像度や大きさには注意が必要でしょう。



◆Notable について、サンプルと共に見てみましょう!
  • Notable とは、注目に値する、顕著な、有名な、とかの意味合いがあるようですので、ブログの意味合いとしては「注目に値する記事」を網羅したブログをデザインするという意気込みがテーマでしょうか?

Blogger の新しいテーマ【Notable】のヘッダー部分

 上の Emporio 同様に、この Notable の場合も「注目の投稿」ガジェットをブログのヘッダー下に配置する方が流れとしては良いのかも知れません。

 仮に注目の投稿」ガジェットを外すと下に示す様な感じです。

 そのままだとタイトルが小さいように思えたので、少しだけタイトルを大きくしてみました。


【Notable】のヘッダー部分から「注目の投稿」を外した状態。

 まあ、ブログの内容や使用する画像などで見た目はいくらでも変わりますので単純に判断できませんが、ブログとして見易くて、全体的にシンプルにデザインされているような印象を持ちました。

 スクロールして見るとこんな感じで記事が表示され、タイトルだけがプルダウンメニューのように現れます。他のテーマも同様ですが、スクロールしても常にタイトルが表示され続けるように作られている点など、今までの Blogger には無かった機能であり、今回追加された新しいテーマの特徴的なところですね。


【Notable】を下にスクロールした時のレイアウト状況。

 この Notable では、記事で使用した画像が、常に正方形に変形されて表示されるようになっていますが、他のテーマでも注意してきたように、表示される画像の解像度や大きさの違いで見た目が変わってしまうため、同様に注意が必要です。


◆全体の印象として気になった点!

 今のところプレビューで検証したくらいで、まだ細かい検証や実際の指定変更など、ほとんど何も行っていませんので、どの程度の使い勝手の向上が有るのか、また、実際に公開した場合にどう表示されるのかなど、細かい検証についてはこれからです。

 ただし、レイアウト的にはフレキシブル対応するようになった点や写真などが自動的に変形されて、それぞれのレイアウトにマッチするように変形するなど、今までならメイン機能ではなくて、ガジェットとして備わっていたような機能が、普通に、メインで備わっているなど、機能的に向上した印象はあります。

 しかし、それが果たしてどの程度使い易くなったのか、逆に、見た目のマイナス点も感じるなど、フレキシブルな機能が使い難いという事も考えられますし、今後の検証で確認していければと思います

 これから先も更に細かい点について検証して、また機会を見て報告したいと思いますので、ご期待ください。

 最後まで読んでいただき、感謝いたします。

コメント

  1. やっと巡り合えた感じがします。
    私のブログは https://www.tanemakibito72.comです。
    困っている事があります。
    bloggerでNotableのテーマを使い始めていますが
    パンくずリストが設定できなくて困っています。
    何とか教えて頂けないでしょうか。
    私は初心者みたいなものですので、
    分かり易く教えて頂けたら嬉しいです。

    返信削除

コメントを投稿

ご覧いただき感謝します。ご意見やご質問がありましたら、「コメントを入力」をクリックしてください。よろしくお願い致します!

▼ 人気の投稿