「footer.php」内

ただし、これは Wordpress プロジェクト内で CSS および JS ファイルをキューに入れる適切な方法ではありません。これをドッキングするには、まず「functions.php」ファイルに移動し、次のようにファイルをキューに追加します。シグマのトリックを見てみましょう….

ステップ 1:functions.php

function my_theme_enqueue_styles_scripts() {    // Enqueue CSS files    wp_enqueue_style(\\'bootstrap-css\\', get_template_directory_uri() . \\'/assets/css/bootstrap.min.css\\');    wp_enqueue_style(\\'aos-css\\', \\'https://unpkg.com/[email protected]/dist/aos.css\\');    wp_enqueue_style(\\'custom-css\\', get_template_directory_uri() . \\'/assets/css/custom.css\\');    // Enqueue default Jquery in wordpress.    wp_enqueue_script(\\'jquery\\');    wp_enqueue_script(\\'bootstrap-js\\', get_template_directory_uri() . \\'/assets/js/bootstrap.bundle.min.js\\', array(\\'jquery\\'), null, true);    wp_enqueue_script(\\'font-awesome-js\\', get_template_directory_uri() . \\'/assets/js/font-awesome-all.min.js\\', array(), null, true);    wp_enqueue_script(\\'custom-js\\', get_template_directory_uri() . \\'/assets/js/custom.js\\', array(\\'jquery\\'), null, true);}add_action(\\'wp_enqueue_scripts\\', \\'my_theme_enqueue_styles_scripts\\');

注: Wordpress は、非圧縮バージョンの jquery を提供します。したがって、必要な js ファイル内でその jquery を使用するだけです。そのためには、単に「wp_eneueue_script」内で array('jquery') パラメータを渡すだけです。覚えておくべきことの 1 つは、JQuery には非圧縮と圧縮の 2 つのメジャー バージョンがあるということです。非圧縮バージョンでは、AJAX は正しく動作しません。

ステップ 2: 「header.php」内
ここで、wp_head(); を使用する必要があります。

タグの下の関数。
    <?php echo get_bloginfo(); ?>

ステップ 3: 「footer.php」内
ここで、wp_footer(); を使用する必要があります。タグの下。

WordPress テーマに wp_head() と wp_footer() を含めることは重要です。これらの 関数は、WordPress、テーマ、プラグイン に必要な必須のスクリプト、スタイル、メタデータを自動的に挿入し、適切な機能、互換性、パフォーマンスを保証します。 wp_head() は、SEO の セクション内に必要な要素を追加します。一方、wp_footer() には、重要ではない JavaScript を延期するスクリプトが最後に含まれており、ページの読み込み速度が向上します。これらの関数は、プラグインの統合や動的なテーマのカスタマイズ、分析コードやトラッキング コードの適切な配置に不可欠です。

","image":"http://www.luping.net/uploads/20240929/172757700566f8bbad10cf2.jpg","datePublished":"2024-11-04T20:05:55+08:00","dateModified":"2024-11-04T20:05:55+08:00","author":{"@type":"Person","name":"luping.net","url":"https://www.luping.net/articlelist/0_1.html"}}
「労働者が自分の仕事をうまくやりたいなら、まず自分の道具を研ぎ澄まさなければなりません。」 - 孔子、「論語。陸霊公」
オンラインツール
ソフトウェアチュートリアル
サイトナビゲーション
プログラミング
表紙 > プログラミング > WordPress で CSS および JS スクリプトをキューに入れてパフォーマンスを向上させる

WordPress で CSS および JS スクリプトをキューに入れてパフォーマンスを向上させる

2024 年 11 月 4 日に公開
ブラウズ：408

Enqueue CSS and JS Scripts in WordPress for Better Performance

WordPress はオープンソース ソフトウェアです。ユーザーは自由にインストール、変更、配布できます。ソース コードは誰でもアクセスできるため、何百万人もの WordPress の専門家や開発者がツールや拡張機能を作成し、一般の人々と共有できます。

CSS ファイルと JS ファイルを wordpress プロジェクトにエンキューする方法を見てみましょう。

ほとんどの新人開発者は次のことを好みます

「header.php」内

    <?php echo get_bloginfo(); ?>

「footer.php」内

ただし、これは Wordpress プロジェクト内で CSS および JS ファイルをキューに入れる適切な方法ではありません。これをドッキングするには、まず「functions.php」ファイルに移動し、次のようにファイルをキューに追加します。シグマのトリックを見てみましょう….

ステップ 1:functions.php

function my_theme_enqueue_styles_scripts() {
    // Enqueue CSS files
    wp_enqueue_style('bootstrap-css', get_template_directory_uri() . '/assets/css/bootstrap.min.css');
    wp_enqueue_style('aos-css', 'https://unpkg.com/[email protected]/dist/aos.css');
    wp_enqueue_style('custom-css', get_template_directory_uri() . '/assets/css/custom.css');

    // Enqueue default Jquery in wordpress.
    wp_enqueue_script('jquery');

    wp_enqueue_script('bootstrap-js', get_template_directory_uri() . '/assets/js/bootstrap.bundle.min.js', array('jquery'), null, true);
    wp_enqueue_script('font-awesome-js', get_template_directory_uri() . '/assets/js/font-awesome-all.min.js', array(), null, true);
    wp_enqueue_script('custom-js', get_template_directory_uri() . '/assets/js/custom.js', array('jquery'), null, true);
}
add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles_scripts');

注: Wordpress は、非圧縮バージョンの jquery を提供します。したがって、必要な js ファイル内でその jquery を使用するだけです。そのためには、単に「wp_eneueue_script」内で array('jquery') パラメータを渡すだけです。覚えておくべきことの 1 つは、JQuery には非圧縮と圧縮の 2 つのメジャー バージョンがあるということです。非圧縮バージョンでは、AJAX は正しく動作しません。

ステップ 2: 「header.php」内
ここで、wp_head(); を使用する必要があります。

タグの下の関数。
    <?php echo get_bloginfo(); ?>

ステップ 3: 「footer.php」内
ここで、wp_footer(); を使用する必要があります。タグの下。
リリースステートメント この記事は次の場所に転載されています: https://dev.to/shimanta_microcodes/enqueue-css-and-js-scripts-in-wordpress-for-better-performance-32ao?1 権利侵害がある場合は、study_golang@163 までご連絡ください。 .comを削除してください
最新のチュートリアル もっと>
分類もっと>
日本語を学ぶ 韓国語を学ぶ 中国語を学びます 外国語を学ぶ ゲーム よくある問題 テクノロジー周辺機器 AI ソフトウェアチュートリアル プログラミング 記事

中国語を勉強する

道具もっと>
画像のbase64デコード
中国語のピンイン
Unicodeエンコーディング
JS難読化暗号化圧縮
URL 16 進暗号化ツール
UTF-8エンコード変換ツール
オンラインの Ascii エンコードおよびデコード ツール
MD5暗号化ツール
ハッシュ/ハッシュ テキストのオンライン暗号化および復号化ツール
オンライン SHA 暗号化

免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。

Copyright© 2022 湘ICP备2022001581号-3