2018-08-01

Vaster2のメンテナンス jQuery version3対応

どうも。


今回はカスタマイズと言うよりも、テンプレートVaster2の点検整備です。

現在のjQueryはバージョン3が1年ほど前に正式リリースされていました。サイト全体の速度に影響するような事もあるようで、Googleでも最新版を推奨しているようです。
(本当に速度に影響するか判りません。)

Vaster2は旧バージョンのjQueryを読み込みするように設計されているので、今回変更する事にしました。

Vaster2にjQueryの最新版を読み込ませる。

Vaster2ではjQueryをGoogle Host Librariesから読み込んでいます。（CDNです）

Google Hosted Librariesを参照すると現在のバージョンは3.3.1が最新版として読み込めます。

ちなみにjQuery最新版の対象ブラウザ環境は以下の通りです。

利用環境（リリース当時）
Internet Explorer: 9+
Chrome, Edge, Firefox, Safari: Current and Current - 1
Opera: Current
Safari Mobile iOS: 7+
Android 4.0+

IE8迄はMSもサポート終了なので問題無し。

その他ブラウザは1つ前のバージョン以前は対象外となっていますが、未だに使用してる方は少ないと思います。

HTMLを変更

テンプレートのバックアップを取り、HTMLを変更していきます。

Bloggerの管理画面より　テーマ＞＞HTMLの編集と進みテンプレートのHTMLを変更します。尚、変更については自己責任でお願いします。

HTMLの変更

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>

を検索して以下に書換えます。

 <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js'/>

元のtype='text/javascript'についてはHTML5の環境（=Bloggerの環境）では読み込み時には不要なので削除しています。

テスト用のブログで確認しましたが、特に動作について問題が無かったのでそのままこのブログに適用しています。

Font Awesomeも最新版を？

また、HTMLを見ていて気がついたのですが、アイコンフォントFont AwesomeもVersion.5にアップデートされています。

しかし、CSSの変更等も有りそうなので保留としました。
今の所、旧バージョンでも問題無さそうなので現状維持としますが、追々修正したいと思います。



以上

Bloggerテンプレートカスタマイズ