cPanelを使用してWordPressテーマにJavaScriptファイルを適切に追加する方法

WordPressテーマを最初から開発するか、既存のテーマを変更する場合、JavaScriptファイルを追加する適切な方法を知る必要がある場合があります。.


JavaScriptをヘッドにリンクすることでWeb 1.0の古い方法を使用することを考えている場合、それは今日では人々が動的なWebサイトを持つWeb 2.0の時代であるため、それは悪い考えです。.

WordPressテーマCodexの概念と、JavaScriptおよびCSSファイルをエンキューする方法を理解する必要があります。 CSSファイルの追加についてはすでに説明しました.

したがって、このチュートリアルでは、JavaScriptファイルをWordPressテーマに動的に追加する方法を学びます.

最新のコーディング標準に合わせるには、常にWordPress Codexを使用する必要があります。コーディングスキルが必要かどうか疑問に思うかもしれません.

まあ、この記事を検索したことがあれば、WordPressテーマ開発の基本をすでに知っていると思います。.

JavaScript Enqueuing Codexについて学ぶ

WordPressテーマの開発中に、多くの同様の機能に遭遇する場合があります。ご覧のとおり、JavaScriptファイルを追加するには、CSSファイルを追加したときと同じ関数を使用できます。.

JavaScriptには多くのカテゴリがあるため、多少の違いはありますが、それでもすべてが簡単です。披露させて.

wp_enqueue_script($ handle、$ src、$ deps、$ ver、$ in_footer);

すべてのパラメータを説明しましょう.

  1. $ handle:- JavaScriptファイルの名前です.
  2. $ src:- ファイルのアドレス.
  3. ドルdeps:- 配列を作成したい場合は、.
  4. $ ver:- JavaScriptバージョンについて言及できます.
  5. $ in_footer:- デフォルトでは、その値は "偽" つまり、JavaScriptファイルがヘッドに追加されます.

この例を見てみましょう.

wp_enqueue_script( ‘new-script’、get_template_directory_uri()。 ‘/js/new-script.js/’、array());

ファイル名は "私の脚本" そしてそれはにあります "js" フォルダ.

注:フッター領域からロードしてウェブサイトのパフォーマンスを向上させる場合は、 $ in_footer に値 "本当."

コードは次のように変換されます.

wp_enqueue_script( ‘new-script’、get_template_directory_uri()。 ‘/js/new-script.js/’、array()、true);

タスクはまだ終わっていません。これを機能させるには、関数を作成してアクションを使用する必要があります。 CSSファイルをすでに追加している場合は、同じ機能を使用できます.

完全なコードをお見せしましょう.

functionmy_new_scripts {
wp_enqueue_script( ‘new-script’、get_template_directory_uri()。 ‘/js/new-script.js/’、array()、true);
}
add_action( ‘wp_enqueue_scripts’、 ‘my_new_scripts’);

ここで問題が発生します。そのようなコードをどこに追加する必要がありますか?

さて、ご存じのとおり、WordPressテーマのfunctions.phpファイルは、WordPress Webサイトが持つすべての機能を担当し、コードをファイルに追加して保存します.

既存のテーマを変更する場合は、cPanelを使用してfunctions.phpファイルに簡単にアクセスできることを願っています。現在、ほとんどすべてのWordPressホスティング会社がcPanelへのアクセスを提供しています.

に行くだけ ファイルマネージャー>>wp-content>>テーマ>>テーマ名>>functions.php. 右クリックして[編集]を選択すると、準備完了です.

JavaScriptファイルをWordPressテーマに適切に追加する方法

WordPressの機能とPHPに慣れていない場合、コードの編集は恐ろしいことです。.

WordPressテーマの開発者は、新しいJavaScriptファイルを追加すると、Webサイトを以前よりもダイナミックにすることができます。モバイルバージョンのナビゲーションメニューで必要になる場合があります。.

必要に応じて、JavaScriptファイルを使用できます.

WordPressテーマにJavaScriptファイルを追加するのが難しいと思います

しばらくすると、人々はWordPressのコーディングについて読んだときに悩み始めます。しかし、通常のWordPressユーザーの場合、コードを処理する必要はありません.

WordPressは、技術者でない人のために開発された、使いやすいプラットフォームです。市場からWordPressテーマを購入できます.

ウェブ上には何百万ものテーマがあります.

結論

このチュートリアルは、上級ユーザーまたはWordPressテーマの開発について学びたい人を対象としています。コーディングスキルを高めることは常に良いアイデアです.

JavaScriptファイルを追加することは、人々が言うほど難しくはないことを願っています.

以下の上位3つのWordPressホスティングサービスを確認してください。

FastComet

開始価格:
$ 2.95


信頼性
9.7


価格
9.5


使いやすい
9.7


サポート
9.7


特徴
9.6

レビューを読む

FastCometにアクセス

Hostinger

開始価格:
$ 0.99


信頼性
9.3


価格
9.3


使いやすい
9.4


サポート
9.4


特徴
9.2

レビューを読む

Hostingerにアクセス

A2ホスティング

開始価格:
$ 3.92


信頼性
9.3


価格
9.0


使いやすい
9.3


サポート
9.3


特徴
9.3

レビューを読む

A2 Hostingにアクセス

関連するハウツー記事

  • cPanelを使用してCSSファイルをWordPressテーマに適切に追加する方法
    専門家
  • WordPressのすべてのユーザーを一度にログアウトする方法
    中間
  • cPanelを使用してWordPressウェブサイトの.htaccessファイルを編集する方法
    初心者
  • cPanelからSoftaculousを使用してWordPressにログインする方法
    中間
  • WordPressメディアライブラリに表示されるHTTPエラーを修正する方法
    初心者
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me