JavaScript | ただ屋ぁのブログ

WordPress, MathJax使用のチェックボックス追加。 JavaScriptの挿入。

HTMLにきれいな数式を書けるMathJaxは、専用のJavaScriptを<script>タグでHTMLに挿入するだけで使えます。しかしWordPressでは、<head>に入れてしまうと使ってないページにもJavaScriptが挿入される無意味な状態が起きる。

これを解消する方法です。チェックを付けるだけで挿入する/しないを制御します。

『JavaScriptを挿入したいけど特定のページだけにしたい』とき、テンプレートやエンキュー登録での方法は、全ページ共通で挿入されるのでよろしくない。

Googleのサイト評価でも無駄があると下がります。

今回は、投稿/固定ページの編集画面メニューに『JSを挿入する/しない』チェックボックス機能を追加します。

WP5.6を飛ばしたWP5.7へのバージョンアップはjQueryに気をつけないといけません。

WP5.6はjQueryの1系から3系への移行ステップの最重要な位置にあり一番変更が大きく、『いきなりWP5.7にする = いきなりjQueryを上げる』からです。それを説明します。

WordPressは5.5, 5.6とjQueryの1系から3系へのバージョンアップの移行作業をしてきました。5.7はそのラストフェーズです。

ラストはクリーンアップで最後の後片付け。問題が起きるほうが稀でしょう。これでjQueryは完全に3系になります。

CSSのminimize（圧縮）で、font-familyのダブルクォーテーション（"）を削除すると、"invalid property value" が出てしまうことがあります。

そこでwebpack5の設定を変えます。

（webpack4でも同じのはず。）

webpackを4から5へアップデートしましたが、移行ガイドを読まずに自力でできてしまったので、改めて移行ガイドを読んでみます。

抜けがないか確認のため。設定の細かいカスタマイズをしてる人は一読する価値あり。基本設定で済ませていれば、そこまで必要はなかったかな？

1 / 7