WordPressで外部のjQueryなどを参照させる方法と、重複読み込みさせない作法
。WordPressは、世界中で最も人気のあるCMS（Content Management System）です。この人気の理由の一つは、多くのプラグインやテーマが存在し、自由にカスタマイズが可能だからです。ただし、外部のJavaScriptライブラリを参照する場合、重複読み込みを避けることが大切です。この記事では、外部のjQueryなどを参照させる方法と、重複読み込みさせない作法を紹介します。
WordPressで外部のjQueryなどを参照させる方法と、重複読み込みさせない作法
WordPressで外部のJavaScriptライブラリを使用する際、重複の読み込みを避けるため、以下の方法があります。
1. WordPressの標準のwp enqueue script関数を使用
WordPressの標準のwp enqueue script関数を使用することで、重複の読み込みを避けることができます。この関数は、scriptの登録、enqueue、outputの3つのプロセスで構成されています。
2. wp register script関数でscriptを登録
wp register script関数を使用して、scriptを登録します。この関数は、scriptの情報をWordPressに登録し、重複のチェックも行います。
楽天モバイル、一部「Rakuten Mini」向けに正しい技適マーク画像を配布3. wp enqueue script関数でscriptをenqueue
wp enqueue script関数を使用して、scriptをenqueueします。この関数は、scriptがすでにenqueueされているかどうかをチェックし、重複を避けるようにします。
4. wp print scripts関数でscriptをoutput
wp print scripts関数を使用して、scriptをoutputします。この関数は、enqueueされたscriptをHTMLのheadタグにoutputします。
5. wp deregister script関数でscriptをderegister
wp deregister script関数を使用して、scriptをderegisterします。この関数は、scriptの登録を解除し、重複のチェックを避けるようにします。
| Function | Description |
|---|---|
| wp register script | Scriptの登録 |
| wp enqueue script | Scriptのenqueue |
| wp print scripts | Scriptのoutput |
| wp deregister script | Scriptのderegister |
jQueryはWordPressのどこに書けばいいですか？
WordPressのJavaScriptファイルの置き換え
WordPressのJavaScriptファイルは、wp-includes/jsディレクトリーに置かれています。このディレクトリーは、WordPressのコアJavaScriptファイルが含まれています。
新しいJavaScriptファイルを追加するには、wp_enqueue_script関数を使用します。この関数は、WordPressがJavaScriptファイルを読み込むように指示します。
例えば、script.jsという名前のJavaScriptファイルを追加するには、functions.phpファイルに以下のコードを追加します。
- wp_enqueue_script(‘my-script’, get_template_directory_uri() . ‘/js/script.js’, array(‘jquery’), ‘1.0’, true);
このコードでは、my-scriptというハンドル名で、script.jsファイルを読み込みます。このファイルは、jsディレクトリーに置かれています。
【ポケモンGO】初めて「位置情報ゲーム」をプレイする人に贈る注意点や心構え最後の引数trueは、JavaScriptファイルをフッターに読み込むように指定します。
WordPressのJavaScriptファイルの置き換え
WordPressのJavaScriptファイルを置き換えるには、wp_deregister_script関数とwp_register_script関数を使用します。
まず、置き換えるJavaScriptファイルのハンドル名を確認します。
次に、functions.phpファイルに以下のコードを追加します。
Imaging Edge Desktopの「Remote」でα7シリーズが検出されなかったので対処した話【テザー撮影】- wp_deregister_script(‘wp-jquery-ui’); // 例えば、wp-jquery-uiというハンドル名のJavaScriptファイルを置き換える
- wp_register_script(‘my-jquery-ui’, get_template_directory_uri() . ‘/js/my-jquery-ui.js’, array(‘jquery’), ‘1.0’, true);
このコードでは、wp-jquery-uiというハンドル名のJavaScriptファイルを削除し、my-jquery-uiというハンドル名で、新しいJavaScriptファイルを登録します。
新しいJavaScriptファイルは、jsディレクトリーに置かれています。
WordPressのJavaScriptファイルの最適化
WordPressのJavaScriptファイルを最適化するには、wp_enqueue_script関数の引数にarray('jquery')を指定します。
この引数で、JavaScriptファイルがjQueryに依存していることを指定します。
ソフトバンク、Apple Watch（第1世代）を11,111円で販売。11月3日から13日までこのように、WordPressは、JavaScriptファイルを最適化し、不要なファイルの読み込みを避けることができます。
例えば、functions.phpファイルに以下のコードを追加します。
- wp_enqueue_script(‘my-script’, get_template_directory_uri() . ‘/js/script.js’, array(‘jquery’), ‘1.0’, true);
このコードでは、script.jsファイルがjQueryに依存していることを指定し、最適化を適用します。
WordPressで外部に共有するにはどうすればいいですか？
WordPressの共有方法
WordPressは、外部に共有するための多くの方法を提供します。以下は、WordPressを外部に共有するための一般的な方法です。
- WordPress.com：WordPress.comは、WordPressの公式サービスで、無料でブログやサイトを作成し、外部に共有することができます。
- 自前のドメイン：WordPress.comで作成されたサイトを、自前のドメインに移行することができます。
- プラグイン：WordPressには、多くのプラグインがあり、外部に共有するための機能を追加することができます。
WordPressのSEO
WordPressのSEOは、検索エンジン最適化の略で、サイトを検索エンジンに最適化するための技術です。WordPressは、多くのSEOプラグインがあり、サイトのSEOを向上させることができます。
- Yoast SEO：Yoast SEOは、WordPressのSEOプラグインの1つで、サイトのSEOを向上させるための多くの機能を提供します。
- Google Analytics：Google Analyticsは、サイトのアクセス解析ツールで、サイトのパフォーマンスを確認することができます。
- Keyword Research：Keyword Researchは、サイトの主要キーワードを確認するためのツールです。
WordPressの安全性
WordPressの安全性は、サイトを安全にするための技術です。WordPressは、多くのプラグインがあり、サイトの安全性を向上させることができます。
- Wordfence：Wordfenceは、WordPressのセキュリティプラグインの1つで、サイトのセキュリティを向上させるための多くの機能を提供します。
- SSL：SSLは、Secure Sockets Layerの略で、サイトの通信を暗号化し、安全性を向上させる技術です。
- Backup：Backupは、サイトのデータを保存するための技術です。Backupプラグインがあり、サイトのデータを定期的に保存することができます。
よくある質問
WordPressで外部のjQueryを参照させる方法
WordPressで外部のjQueryを参照させる方法はいくつかあります。まず、wp enqueue script()関数を使用して、WordPressのテーマのfunctions.phpファイルでスクリプトを登録します。この関数は、JavaScriptファイルのURL、依存関係のスクリプトの配列、バージョン番号の3つの引数を受け取ります。外部のjQueryを参照するには、URLに直接アクセスできるパスを指定し、依存関係のスクリプトはfalseを指定します。
WordPressで外部のスクリプトを重複読み込みさせない作法
WordPressで外部のスクリプトを重複読み込みさせない作法として、wp enqueue script()関数に2つの引数を指定します。1つは、スクリプトのハンドル名で、2つは、スクリプトのURLです。このハンドル名は、スクリプトの重複をチェックするために使用されます。また、wp script is()関数を使用して、既にスクリプトが読み込まれているかどうかを確認し、重複を避けることができます。
WordPressのテーマで外部のスクリプトを読み込むタイミング
WordPressのテーマで外部のスクリプトを読み込むタイミングは、wp enqueue script()関数の3番目の引数で指定することができます。この引数は、スクリプトのバージョン番号です。バージョン番号を指定することで、スクリプトの更新を管理し、キャッシュの問題を回避することができます。
WordPressのプラグインで外部のスクリプトを参照させる方法
WordPressのプラグインで外部のスクリプトを参照させる方法は、プラグインのmain.phpファイルでwp enqueue script()関数を使用する方法と同じです。プラグインのmain.phpファイルで、wp enqueue script()関数を使用して、外部のスクリプトを登録します。この関数を使用することで、プラグインのスクリプトが、WordPressのテーマのスクリプトと重複しないように管理することができます。
