अंदर “footer.php”

लेकिन, यह आपके वर्डप्रेस प्रोजेक्ट के अंदर सीएसएस और जेएस फाइलों को सूचीबद्ध करने का उचित तरीका नहीं है। उसे डॉक करने के लिए, सबसे पहले अपनी “functions.php” फ़ाइल पर जाएँ और इस तरह फ़ाइलों को कतारबद्ध करें। आइए देखें सिग्मा ट्रिक...

चरण 1: function.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\\');

नोट: वर्डप्रेस jquery का एक असम्पीडित संस्करण प्रदान करता है। तो हम बस उस jquery का उपयोग js फ़ाइलों के अंदर कर सकते हैं जो आवश्यक हैं! इसके लिए आप बस \\\"wp_eneueue_script\\\" के अंदर array('jquery') पैरामीटर पास करें। याद रखने वाली एक बात यह है कि JQuery के 2 प्रमुख संस्करण हैं: असंपीड़ित और संपीड़ित। असम्पीडित संस्करण के अंदर, AJAX ठीक से काम नहीं करेगा।

चरण 2: अब “header.php” के अंदर
अब, हमें wp_head() का उपयोग करने की आवश्यकता है;

टैग के अंतर्गत कार्य करें।
    <?php echo get_bloginfo(); ?>

चरण 3: अब “footer.php” के अंदर
अब, हमें wp_footer() का उपयोग करने की आवश्यकता है; टैग के अंतर्गत.

अपने वर्डप्रेस थीम में wp_head() और wp_footer() को शामिल करना महत्वपूर्ण है। ये फ़ंक्शन स्वचालित रूप से वर्डप्रेस, थीम और प्लगइन्स के लिए आवश्यक आवश्यक स्क्रिप्ट, स्टाइल और मेटाडेटा सम्मिलित करते हैं, जिससे उचित कार्यक्षमता, अनुकूलता और प्रदर्शन सुनिश्चित होता है। wp_head() SEO के लिए अनुभाग के भीतर आवश्यक तत्व जोड़ता है, जबकि wp_footer() में गैर-महत्वपूर्ण जावास्क्रिप्ट को स्थगित करने के लिए अंत में स्क्रिप्ट शामिल होती है, जिससे पेज लोड गति में सुधार होता है। ये फ़ंक्शन प्लगइन एकीकरण और गतिशील थीम अनुकूलन के साथ-साथ एनालिटिक्स और ट्रैकिंग कोड के सही प्लेसमेंट के लिए महत्वपूर्ण हैं।

","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"}}
"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
ऑनलाइन उपकरण
सॉफ्टवेयर ट्यूटोरियल
साइट नेविगेशन
प्रोग्रामिंग
मुखपृष्ठ > प्रोग्रामिंग > बेहतर प्रदर्शन के लिए वर्डप्रेस में सीएसएस और जेएस स्क्रिप्ट को सूचीबद्ध करें

बेहतर प्रदर्शन के लिए वर्डप्रेस में सीएसएस और जेएस स्क्रिप्ट को सूचीबद्ध करें

2024-11-04 को प्रकाशित
ब्राउज़ करें:222

Enqueue CSS and JS Scripts in WordPress for Better Performance

वर्डप्रेस ओपन-सोर्स सॉफ़्टवेयर है - उपयोगकर्ता इसे अपनी इच्छानुसार इंस्टॉल, संशोधित और वितरित कर सकते हैं। चूंकि स्रोत कोड सभी के लिए सुलभ है, लाखों वर्डप्रेस विशेषज्ञ और डेवलपर टूल और एक्सटेंशन बना सकते हैं और उन्हें जनता के साथ साझा कर सकते हैं।

आइए देखें कि CSS और JS फ़ाइलों को अपने वर्डप्रेस प्रोजेक्ट में कैसे शामिल करें।

अधिकांश नवसिखुआ डेवलपर इसे पसंद करते हैं,

अंदर “header.php”

    <?php echo get_bloginfo(); ?>

अंदर “footer.php”

लेकिन, यह आपके वर्डप्रेस प्रोजेक्ट के अंदर सीएसएस और जेएस फाइलों को सूचीबद्ध करने का उचित तरीका नहीं है। उसे डॉक करने के लिए, सबसे पहले अपनी “functions.php” फ़ाइल पर जाएँ और इस तरह फ़ाइलों को कतारबद्ध करें। आइए देखें सिग्मा ट्रिक...

चरण 1: function.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');

नोट: वर्डप्रेस jquery का एक असम्पीडित संस्करण प्रदान करता है। तो हम बस उस jquery का उपयोग js फ़ाइलों के अंदर कर सकते हैं जो आवश्यक हैं! इसके लिए आप बस "wp_eneueue_script" के अंदर array('jquery') पैरामीटर पास करें। याद रखने वाली एक बात यह है कि 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 यदि कोई उल्लंघन है, तो कृपया स्टडी_गोलंग@163 से संपर्क करें इसे हटाने के लिए .com
नवीनतम ट्यूटोरियल अधिक>
वर्गीकरणअधिक>
जापानी सीखें कोरियाई सीखो चीनी सीखें विदेशी भाषा सीखें खेल आम समस्या प्रौद्योगिकी परिधीय ऐ सॉफ्टवेयर ट्यूटोरियल प्रोग्रामिंग लेख

चीनी भाषा का अध्ययन करें

औजारअधिक>
छवि बेस64 डिकोडिंग
चीनी पिनयिन
यूनिकोड एन्कोडिंग
जेएस ऑबफस्केशन एन्क्रिप्शन संपीड़न
यूआरएल हेक्साडेसिमल एन्क्रिप्शन उपकरण
UTF-8 एन्कोडिंग रूपांतरण उपकरण
ऑनलाइन Ascii एन्कोडिंग और डिकोडिंग उपकरण
MD5 एन्क्रिप्शन उपकरण
हैश/हैश टेक्स्ट ऑनलाइन एन्क्रिप्शन और डिक्रिप्शन टूल
ऑनलाइन SHA एन्क्रिप्शन

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3