Top Page › Template › テンプレ修正等 › テンプレートの修正・更新致しました。20/06/20

テンプレートの修正・更新致しました。20/06/20

2020-06-20 (Sat) 21:21

いつもテンプレートをご愛顧頂き、有難うございます。
下記2点のテンプレート更新を致しましたのでご報告致します。

1) jQuery のバージョンを 3.3.1 から 3.4.1 に変更(全テンプレート)
2) 共有テンプレート youth_resp のダークモードボタン位置を修正



1) jQuery のバージョンを 3.3.1 から 3.4.1 に変更(全テンプレート)
本日、テンプレートに記述されている jQuery のバージョンを 3.3.1 から 3.4.1 に変更致しました。
『jQuery 3.3.1 バージョンの脆弱性』についてを、Webテク倉庫のぼっちん様が記事に掲載されていらっしゃいます。
Webテク倉庫

jQuery 3.3.1の脆弱性がいよいよLighthouseでも警告されるようになった

FC2でブログの運営を始めるときや、ブログデザインを模様替えしようとする時には、テンプレートをどれにしようかと思案しますよね。 デザインで選ぶブロガーさんもいれば、ただなんとなく決めてしまうブロガーさんもいることでしょう。
そんな中で、たまたま選んだテンプレートの中に jQuery と言う機能が、テンプレート作者さんによって、予め組み込まれているものがFC2ブログの場合には割と多くあるんですがご存知でしょうか...

当方テンプレートのバージョン3.3.1も既に導入から1年以上経ち、その間に3.4.1がリリースされ、自身のブログのみテスト的に3.4.1を利用しておりました。
JavaScript(jQuery)によっては、本体のバージョンで不具合が出るものも有りますので動作検証をしておりましたが、問題は無いようなので(遅れ馳せながら)3.4.1に変更致しました。(現在当方は今年5月にリリースされた jQuery 3.5.1 を検証中です。)

変更箇所は、HTML編集枠下段にまとめて記述して有るjavaScript群の最上段、
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

赤い文字部分がこの度の変更箇所です。
更新前テンプレートをご利用の方も、赤文字部分のように直して頂けば新しいバージョンになりますので、是非ご利用下さい。
(古いバージョンでないと動かないようなプラグインやJS等を記述されている場合は、赤い文字部分を変更すれば過去のバージョンに戻す事も出来ますが、セキュリティー面では注意が必要となりますのでご留意下さい。m(__)m)




2) 共有テンプレート youth_resp のダークモードボタン位置を修正
先日、8月で終わる広告非掲載期間を待たず、FC2ブログに広告が表示されました。
その(2020-06-11 朝~同日22時頃まで表示)後広告は消えましたが、広告が付かない期間に作成した共有テンプレート youth_resp でスムーズスクロールの▲と▼の下に表示されるダークモードボタン◐が広告で隠れてしまうという事が分かりました。
(FC2広告が表示された意図は不明ですが、ボタンが隠れてしまう不具合に気付かせて頂いた事には感謝!です。^^;)
別案件のスクショ↓(ct_responsive 利用時)

スマホの広告表示

↑こんな感じに広告が表示されます。相変わらず画像ボケててスミマセン。
丁度広告画像で隠れてしまう所に◐ボタンが来てしまうので、暗淡切り替えがスマホで出来なくなってしまいます。
(ブログの運営が無料であれば広告の回避はできません。閲覧者側での広告ブロック方法は、記事の一番下をご覧下さいませ。)

【 修正方法 】
① テンプレートのスタイルシート編集枠内から下記の部分を探して変更して下さい。
(文字検索は、キーボードの「ctrlキー」と「Fキー」を一緒に押して表示された窓に下記を入れて下さい。)
/* ページネーション */

3つ見つかった中の2番目以下に有る下記スタイルを変更

#pagetop{
bottom:180px;
}
#pagebottom{
bottom:150px;
}

青文字数値↑をオレンジ文字数値↓に変更

#pagetop{
bottom:250px;
}
#pagebottom{
bottom:220px;
}


② もう一ヵ所、下記の部分を探して変更して下さい。
(文字検索は、キーボードの「ctrlキー」と「Fキー」を一緒に押して表示された窓に下記を入れて下さい。)
#changeNightmode

3つ見つかった中の3番目に有る下記スタイルを変更

@media only screen and (max-width:400px) {
#changeNightmode{
right:10px;
font-size:14px;
padding:0 6px;
}
}

青文字数値↑をオレンジ文字数値↓に変更

@media only screen and (max-width:399px) {
#changeNightmode{
bottom:160px; /* 追加 */
right:10px;
font-size:14px;
padding:0 6px;
}
}

後は更新ボタンを押して適用して下さい。


ご参考に…
広告は有料会員になれば月額300円程で非表示になります(年契約だと少し安くなる。)が、無料であれば必ず表示されます。
この広告を、ブログの管理者側で無理やり何とかしようとすると規約違反となり、『利用の停止』『法的可能な措置』『損害を被った場合の賠償』等を課される事が有ります。なので、絶対に広告部位を改変しないで下さい。

無料ブログ閲覧時、スマホでの大きな広告は見辛くとても不快なので、(閲覧者側の)自衛策として広告ブロック方法を掲載しておきます。(2020/06/20現在)

  • AndroidのChrome
    ブラウザを開いて右上の点3つのメニューを開く→設定を開く→サイトの設定→ポップアップとリダイレクトでブロック中にする。

  • iOSのSafari
    設定→Safari→ポップアップブロックをオンにする。
  • iOSのChrome
    ブラウザを開いて右下の点3つのメニューを開く→コンテンツの設定→ポップアップのブロックをオンにする。


[Tag] * 修正・更新 * 広告

Comments

ありがとうございます ^^

akiさん、おはようございます ^^

わざわざ弊記事にブログカードを張ってくださって、ありがとうございます ^^
御礼申し上げます m(_ _)m
2020-06-21-08:05  ぼっちん
[ 返信 * 編集 ]

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます
2020-06-21-08:14  -
[ 返信 ]

aki

Re: ぼっちん 様へ

こんにちは。コメント有難うございます。(^-^)

こちらこそ為になる記事の掲載、忘れて等閑になりそうだった事を思い出させて頂きました。
人様に配布しているのだから蔑ろにしてはいけませんよね。
いつも感謝しております。m(__)m
2020-06-21-12:23  aki
[ 返信 * 編集 ]

aki

Re: - 様へ

コメントとご配慮、感謝致します。
そちらに改めて伺いますね。(^_^)
2020-06-21-12:39  aki
[ 返信 * 編集 ]

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます
2020-06-23-18:35  -
[ 返信 ]

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます
2020-06-23-22:38  -
[ 返信 ]

aki

Re: - 様へ

こんばんは。お返事が遅くなってスミマセン。m(__)m
まとめてそちらにお返事致しますね。(^-^)
2020-06-23-23:26  aki
[ 返信 * 編集 ]

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます
2020-06-24-21:04  -
[ 返信 ]

aki

Re: - 様へ

こんばんは。コメント有難うございます。
当方の返信主旨、ご理解頂けたようで何よりです。
また何かご不明の点等ございましたらご連絡下さいね。(^_^)
2020-06-24-21:57  aki
[ 返信 * 編集 ]






非公開コメント