[Blogger公式ブログ]「ウェブでのBloggerエクスペリエンスの向上(20/5/20)」を解説

投稿者:Y


ラベル:blogger


公開:2020年5月27日


更新:2020年10月1日



Blogger公式ブログが1年以上ぶりに更新されました


前回の投稿は「Google+とBloggerの最新情報(19/1/30)」


この投稿では
Google+API(Application Programming Interface)サポート終了に伴う、
Bloggerの仕様変更が発表されました。
また最後には、2020年におけるBloggerの新機能の提供が予告されていました。

今回の投稿では簡単で直観的な新機能が紹介されました

Blogger編集画面の左下に設置された
「新しいBloggerを試す」ボタンにより導入可能

Responsive Web Design: RWD

まず第一に紹介されたのはRWDです。

RWDについてはGoogleのサービスであるweb.devで解説されています。
「Responsive Web Design Basics」

近年目覚ましい進化を遂げるモバイルデバイスは、
ディスプレイサイズによって制限を受けることが多く、
コンテンツを適切に画面上に表示させる方法が必要でした。

そこで、Ethan Marcotteが最初に定義したのがRDWです。
「Welcome to Ethan Marcotte's website」

RDWを採用したサイトはデバイスのサイズと機能に基づいて変化しますが、
そのために様々な設定が必要となります。

今回はRDWのための第一歩、
viewport値の設定を御紹介します。

<head>タグ内で
<meta content='width=device-width, initial-scale=1' name='viewport'/>
と記述する。

(解説)
width=device-width:デバイスに依存しないピクセルで画面の幅を一致させる
initial-scale=1:デバイスの向きに関係なく、ページが横長の幅全体を利用できる

上記の設定は
当ブログで採用している
Blogger公式テーマ「Essential Light」でも設定されていることが確認されています。
「[テーマ]Essential LightのHTML: HyperText Markup Language(最終確認:20/5/27)」
(<head>タグ内の列番号0005参照)

続いて、以下の詳細な変更が紹介されました。

統計情報

「最新の投稿」が強調表示されるようになりました。
most recent post

コメント

「コメントの管理」が容易になりました。
※現時点(20/5/27)では当ブログのコメント欄は非表示のため、
「新しいコメントはありません」との表示がされました。
no comment

投稿

検索

「検索演算子」による投稿のフィルタリングが簡単になりました。
(演算子例)
sort:
 created,published,updated( -で降順)
status:
 draft,published,scheduled
author:
title:
body:
label:
start_
end_
 update_date
 published_date
 created_date

編集

ツールバー・文字変換・画像/動画の挿入が改善されました。
editor page

閲覧リスト

他のブロガーのブログをフォローすることが可能になりました。
※Blogger公式ブログのフォローを試みましたが、
「既にフォロワーの数が上限(50000)に達しています。」と表示され、
フォローが出来ませんでした。
reading list

設定

全ての設定を1か所から管理出来るように簡素化されました。

「以前のBloggerに戻す」は今後使用不可になる予定です。

→2020年10月1日時点で使用不可となっていることを確認しました。

Responsive Web Design: RWDをはじめとする
新しいBloggerの機能について解説しました。