どうも。
PageSpeed Insightsでモバイル環境の結果が良くない件ですが、いろいろ確認をしても中々良い情報に出会えません。
現在のバージョンは…
これにより新しい制御タグやデータタグを使用する事が出来たり、ガジェットも新しい機能の物が使えたり、サイトのパフォーマンスも向上が期待出来る。（らしい）
公式のテーマで追加された4つのテーマは、このバージョンで動いています。
この記事では詳しく書きませんが、以下のサイトに記載されている方法で行いました。
参考になります。
BloggerSpice（英語です。）
blogger How to layout-widget-update
ちなみにガジェットとかウィジェットとか言われていますが、コード内ではwidgetとなっていて、bloggerダッシュボード>>レイアウトから追加・編集する場合はガジェットとなっていますが、同じものです。
上記リンクの内容に従ってバージョンアップした後、既に各セクションに設置してあるガジェットは一旦削除して、再度追加をする必要があります。
そうしないと、いつまでもウィジェットはバージョン1のままです。（100%では無いかも）
bloggerダッシュボード>>レイアウトで各セクションのガジェットに対してに編集画面で削除してから、ガジェットの追加をしてください。
それらはスタイルが崩れてしまう事もありました。
「ブログ アーカイブ」や「新着の記事」等のガジェットのスタイルが崩れています。
確認してみた所、新しいバージョンとして追加したブログアーカイブガジェットには、タグ<details><summary>等が使われて表示/非表示を切替る仕様になっていますが、cssは変更していない為、表示が崩れてしまった様です。
地道にcssで対応するとキレイに表示されます。
しかし、ダッシュボード>>レイアウトでは削除してから追加で出来ないガジェットがあります。
該当htmlの記述箇所。
ウィジェットのversionが'1'となっています。
レイアウト設定画面で削除や追加が出来るウィジェットでは無い為、次の様に直接変更が必要です。
widget id='blog1'の version='1'の指定をversion='２'に書き換えているだけなのですが、それに続くdataタグ等は、version='２'では機能しない物があります。
ブログの投稿ガジェット内にコードが記述されていた、コメントがそれに該当していました。
例えば、更新日を記事に設置したい場合、古いバージョン環境ではJSで対応する必要がありました。
新しいバージョン環境では、dataタグのみで簡単に設置する事が可能になります。
jsを使わないので、PageSpeed Insightsのスコアも少しは上がると期待出来ます。
ところが、この様に新しいバージョン環境で使える＆使えないdataタグの情報や説明も少ない為、一筋縄では行かない感じです。
Googleがウィジェットバージョン2で使われるdata タグの詳細を明らかにしてくれるなら楽なのですがね。
PageSpeed Insightsのスコアを上げる為にレイアウト/ウィジェットのバージョンアップは、もう少し情報を集めてからやってみようと思います。
新しい情報があるかとサイトに伺った所、特に新しい情報も無く、現在はページからダウンロードファイルの掲載が無くなっておりました。
残念ながら事実上、終わりかな？
今後Bloggerで仕様変更があった場合は、自力て対応するか、テーマの変更を覚悟しなければならないかも知れません。
不具合が発生し、大変な事になっても当方は関知致しませんので、ご了承下さい。
以上
PageSpeed Insightsでモバイル環境の結果が良くない件ですが、いろいろ確認をしても中々良い情報に出会えません。
Bloggerについて考えてみた
改善策を考え彷徨っていた所、実はBloggerもレイアウトやデフォルトウィジェットがバージョンアップしていた事を発見。2年位前らしいです。現在のバージョンは…
- レイアウトバージョン3
- ウィジェットバージョン2
公式のテーマで追加された4つのテーマは、このバージョンで動いています。
Bloggerテーマ バージョンアップ方法
バージョンアップは自身でテンプレートを変更する必要があります。この記事では詳しく書きませんが、以下のサイトに記載されている方法で行いました。
参考になります。
BloggerSpice（英語です。）
blogger How to layout-widget-update
ちなみにガジェットとかウィジェットとか言われていますが、コード内ではwidgetとなっていて、bloggerダッシュボード>>レイアウトから追加・編集する場合はガジェットとなっていますが、同じものです。
上記リンクの内容に従ってバージョンアップした後、既に各セクションに設置してあるガジェットは一旦削除して、再度追加をする必要があります。
そうしないと、いつまでもウィジェットはバージョン1のままです。（100%では無いかも）
bloggerダッシュボード>>レイアウトで各セクションのガジェットに対してに編集画面で削除してから、ガジェットの追加をしてください。
バージョンアップ後に確認できた都合の悪い事
バージョンアップ後に追加したガジェットは以前のガジェットと違う仕様になった物がありました。それらはスタイルが崩れてしまう事もありました。
「ブログ アーカイブ」や「新着の記事」等のガジェットのスタイルが崩れています。
確認してみた所、新しいバージョンとして追加したブログアーカイブガジェットには、タグ<details><summary>等が使われて表示/非表示を切替る仕様になっていますが、cssは変更していない為、表示が崩れてしまった様です。
地道にcssで対応するとキレイに表示されます。
しかし、ダッシュボード>>レイアウトでは削除してから追加で出来ないガジェットがあります。
ブログの投稿はhtmlの編集が必要
以下ブログの投稿のガジェットはバージョンを直接htmlを書き換える必要があります。
該当htmlの記述箇所。
<b:widget id='Blog1' locked='true' title='ブログの投稿' type='Blog' version='1'>
レイアウト設定画面で削除や追加が出来るウィジェットでは無い為、次の様に直接変更が必要です。
<b:widget id='Blog1' locked='true' title='ブログの投稿' type='Blog' version='2' visible='true'>
widget id='blog1'の version='1'の指定をversion='２'に書き換えているだけなのですが、それに続くdataタグ等は、version='２'では機能しない物があります。
ブログの投稿ガジェット内にコードが記述されていた、コメントがそれに該当していました。
バージョンアップは必要か？
個人的にレイアウト/ウィジェットのバージョンアップは必要だと思います。例えば、更新日を記事に設置したい場合、古いバージョン環境ではJSで対応する必要がありました。
新しいバージョン環境では、dataタグのみで簡単に設置する事が可能になります。
jsを使わないので、PageSpeed Insightsのスコアも少しは上がると期待出来ます。
ところが、この様に新しいバージョン環境で使える＆使えないdataタグの情報や説明も少ない為、一筋縄では行かない感じです。
Googleがウィジェットバージョン2で使われるdata タグの詳細を明らかにしてくれるなら楽なのですがね。
PageSpeed Insightsのスコアを上げる為にレイアウト/ウィジェットのバージョンアップは、もう少し情報を集めてからやってみようと思います。
Vaster2の提供終了？
そんなこんなで、当方もメインのブログで使用している、トーマスイッチさんから無償提供して頂いたVaster2も1世代前のテーマとなった訳です。新しい情報があるかとサイトに伺った所、特に新しい情報も無く、現在はページからダウンロードファイルの掲載が無くなっておりました。
残念ながら事実上、終わりかな？
今後Bloggerで仕様変更があった場合は、自力て対応するか、テーマの変更を覚悟しなければならないかも知れません。
最後に。
Bloggerテーマを変更する場合は自己責任で実施してください。不具合が発生し、大変な事になっても当方は関知致しませんので、ご了承下さい。
以上
0 件のコメント:
コメントを投稿