[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参照)
続いて、以下の詳細な変更が紹介されました。
統計情報
「最新の投稿」が強調表示されるようになりました。
コメント
「コメントの管理」が容易になりました。
※現時点(20/5/27)では当ブログのコメント欄は非表示のため、
「新しいコメントはありません」との表示がされました。
投稿
検索
「検索演算子」による投稿のフィルタリングが簡単になりました。
(演算子例)
sort:
created,published,updated( -で降順)
status:
draft,published,scheduled
author:
title:
body:
label:
start_
end_
update_date
published_date
created_date
編集
ツールバー・文字変換・画像/動画の挿入が改善されました。
閲覧リスト
他のブロガーのブログをフォローすることが可能になりました。
※Blogger公式ブログのフォローを試みましたが、
「既にフォロワーの数が上限(50000)に達しています。」と表示され、
フォローが出来ませんでした。
設定
全ての設定を1か所から管理出来るように簡素化されました。
「以前のBloggerに戻す」は今後使用不可になる予定です。
→2020年10月1日時点で使用不可となっていることを確認しました。
Responsive Web Design: RWDをはじめとする
新しいBloggerの機能について解説しました。