wp_enqueue_script() | ただ屋ぁのブログ

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

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

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

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

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

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

HTML5では、type="text/javascript", type="text/css" は不要です。WP5.3ではHTML5のコードで出力することができます。

テーマサポートという機能があり、それにHTML5を指定するだけでおわり。3行追加で済みます。

jQuery-migrateはサイト表示スピードに影響するのが知られてますが、WordPressでは標準搭載されているので、それを外す方法を説明します。

かんたんです。15行程度追加するだけです。

WordPressがjQueryを挿入するしくみを説明します。スクリプトのキューに登録していないのに出力されるのがポイントです。

WordPressでJavaScriptファイルを追加する関数のwp_register_script()とwp_enqueue_script()のちがいを説明します。

『registerのあとにenqueue入れればいいや』ぐらいの人は間違っていないけれど意味がないこともあるよ？という話です。

CSSスタイルでも同じです。

1 / 2