วิธีเพิ่ม Javascript ให้กับฟังก์ชั่น WordPress Php

เผยแพร่แล้ว: 2022-09-17

หากคุณเป็นนักพัฒนา WordPress คุณอาจคุ้นเคยกับไฟล์ functions.php ไฟล์นี้เป็นที่ที่คุณสามารถประกาศ ฟังก์ชันที่กำหนดเองและแทนที่ฟังก์ชัน ที่มีอยู่ได้ สิ่งหนึ่งที่คุณสามารถทำได้ใน functions.php คือเพิ่มจาวาสคริปต์ในไซต์ WordPress ของคุณ สิ่งนี้มีประโยชน์ด้วยเหตุผลหลายประการ เช่น การเพิ่มโค้ดติดตามหรือการปรับแต่งการทำงานของปลั๊กอิน ในบทความนี้ เราจะแสดงวิธีเพิ่มจาวาสคริปต์ใน WordPress functions.php นอกจากนี้ เราจะกล่าวถึงแนวทางปฏิบัติที่ดีที่สุดบางประการที่ควรคำนึงถึงเมื่อเพิ่มจาวาสคริปต์ในไซต์ของคุณ

ไม่สามารถเพิ่ม PHP ลงในฝั่งเซิร์ฟเวอร์ของ Javascript ของคุณได้ และ Javascript ฝั่งไคลเอ็นต์ของคุณต้องแปลงเป็น Javascript สามารถใช้ PHP ได้หากต้องการ ฟังก์ชัน PHP ทั้งหมดสามารถเข้าถึงได้ผ่านทาง ไลบรารี js ซึ่งรวมถึงฟังก์ชัน PHP ทั้งหมด

PHP จะจัดการการใช้งาน Javascript ตราบใดที่โค้ด/ฟังก์ชัน Javascript ถูกเรียกเป็นสตริงใน PHP และส่งไปยังไคลเอนต์

php echo *ประเภทสคริปต์ *script lang=text/javascript[/lang]; echo ' ฟังก์ชัน myFunction ()' /* do_something_in_javascript */ *****; echo '*/script[/script]; ถ้า ($มูลค่า 1) *

คุณเพิ่มไฟล์ Js ในฟังก์ชั่น PHP ได้อย่างไร

เครดิต: wphow.co

ในการเพิ่ม ไฟล์ js ในฟังก์ชัน php คุณจะต้องใช้ฟังก์ชัน wp_enqueue_script ฟังก์ชันนี้ควรอยู่ในไฟล์ functions.php ของธีม WordPress ของคุณ คุณจะต้องระบุพาธไปยังไฟล์ js และหมายเลขอ้างอิงสำหรับสคริปต์ของคุณ

คุณสามารถใช้ Javascript ใน WordPress ได้หรือไม่?

เครดิต: Kinsta

เมื่อใช้ JavaScript คุณสามารถใช้แพลตฟอร์ม WordPress เพื่อเพิ่มองค์ประกอบแบบไดนามิกให้กับเพจและโพสต์ของคุณ รวมทั้งทั่วทั้งเว็บไซต์ ในบทความนี้ เราจะมาพูดถึงว่า JavaScript คืออะไร มันทำงานอย่างไร และสามารถใช้เพื่อปรับปรุงประสบการณ์ดิจิทัล WordPress ของคุณได้อย่างไร

หากใช้เทมเพลตใดเทมเพลตหนึ่ง ฟังก์ชัน JavaScript ส่วนใหญ่จะทำงานได้ตามปกติ การใช้งานนี้อาจเกิดขึ้นได้ในบางกรณี คุณสามารถเรียกสคริปต์ต่างๆ ได้เป็นครั้งคราว หากสคริปต์ของคุณเกิดขึ้นอีก คุณควรแยกสคริปต์ออกจากกัน เพื่อให้แน่ใจว่ามีการรวม JavaScript ไว้ในโพสต์ ควรใช้ปลั๊กอินการควบคุมข้อความ คุณสามารถเลือกได้ว่าจะปิดใช้งานคุณลักษณะการจัดรูปแบบอัตโนมัติของ WordPress แบบสากลหรือแบบต่อโพสต์โดยใช้การตั้งค่านี้ ไม่มีทางที่ JavaScript ทั้งหมดจะทำงานกับ PHP ได้ แต่สิ่งนี้หายากมาก

เพิ่มจาวาสคริปต์ที่กำหนดเองไปยัง WordPress

ในการเพิ่ม จาวาสคริปต์ที่กำหนดเอง ลงในไซต์ WordPress คุณจะต้องสร้างปลั๊กอินหรือแก้ไขธีมของคุณ หากคุณไม่ใช่นักพัฒนา เราขอแนะนำให้คุณค้นหานักพัฒนาซอฟต์แวร์เพื่อช่วยคุณในเรื่องนี้

เพิ่ม Jquery ใน Function.php WordPress

การรวม jQuery ใน WordPress เป็นเรื่องง่าย สิ่งที่คุณต้องทำคือเพิ่มบรรทัดต่อไปนี้ในไฟล์ functions.php ของธีมของคุณ:
wp_enqueue_script('jquery');
เพื่อให้แน่ใจว่า jQuery จะรวมอยู่ในทุกหน้าของไซต์ของคุณ

ความนิยมของ jQuery นั้นน่าประหลาดใจ ซึ่งช่วยให้นักพัฒนาได้เปรียบในการพัฒนาเว็บแอปพลิเคชันของตน แอปนี้มีน้ำหนักเบา มีปลั๊กอินมากมาย และสามารถใช้ร่วมกับ WordPress ได้ เราสามารถช่วยเหลือคุณได้หากคุณไม่แน่ใจเกี่ยวกับ jQuery หรือหากคุณไม่แน่ใจเกี่ยวกับการเพิ่มสคริปต์ jQuery ใน WordPress เครื่องหมาย $ สามารถใช้เพื่อสร้างโค้ดที่แปลง jQuery เป็น $ ใน WordPress ต้องถูกรวมไว้ในฟังก์ชันที่พร้อมสำหรับเอกสารเพื่อให้ทำงานได้ในส่วนหัวและส่วนท้าย ในการทำสิ่งนี้ให้สำเร็จ คุณต้องสร้าง ไฟล์สคริปต์ ก่อน จากนั้นจึงรวมเข้ากับธีมพาเรนต์ของคุณ

สามารถใช้ได้ทุกรูปแบบ ตั้งแต่การจัดการองค์ประกอบ HTML ไปจนถึงการพิมพ์ Hello, World แบบไดนามิก คุณอาจสร้างไฟล์ที่ใช้งานได้หากไม่พบไฟล์ชื่อ functions.php เวทมนตร์ทั้งหมดจะเกิดขึ้นในไฟล์นั้น ส่วนหัวของแต่ละหน้าต้องโหลดด้วยไฟล์ script_new.js รวมถึงโค้ดต่อไปนี้จากไฟล์ functions.php ของคุณ ไฟล์สคริปต์ของคุณถูกจัดคิวสำหรับ WordPress โดยใช้รหัสด้านล่าง การจัดกรอบเป็นกระบวนการในการจัดสรรที่นั่งในงานให้กับผู้ที่มีแนวโน้มจะขอที่นั่งมากที่สุด เราได้กล่าวถึงวิธีการเพิ่ม โค้ด jQuery ให้กับส่วนหัวและส่วนท้ายของธีม WordPress ในโมดูลก่อนหน้าของเรา

ได้ คุณสามารถใช้ Jquery ในฟังก์ชัน Javascript ได้

jQuery และ ไลบรารี jQuery ที่จำเป็นอื่น ๆ รวมอยู่ใน WordPress jQuery มีอยู่แล้วในธีมและปลั๊กอินของ WordPress ดังนั้นนักพัฒนาสามารถใช้มันในปลั๊กอินและธีมของตนเองเพื่อสร้างสคริปต์ jQuery ของตนเองได้ ผู้ใช้ต้องจัดคิวสคริปต์ jQuery ของตนเองใน WordPress ก่อนจึงจะเรียก jQuery บนธีมหรือปลั๊กอินของ WordPress ได้ ฉันจะใช้ jQuery ในฟังก์ชัน JavaScript ได้อย่างไร jQuery เป็นไลบรารี JavaScript ซึ่งทำให้เข้ากันได้กับฟังก์ชัน JavaScript

เพิ่ม Javascript ไปยัง WordPress โดยไม่ต้องใช้ปลั๊กอิน

การเพิ่ม JavaScript ให้กับ WordPress โดยไม่ต้องใช้ปลั๊กอินนั้นเป็นกระบวนการที่ค่อนข้างยุ่งยาก อย่างไรก็ตาม สามารถทำได้โดยการเพิ่มโค้ดสองสามบรรทัดลงในไฟล์ functions.php ของคุณ การทำเช่นนี้จะช่วยให้คุณเพิ่ม JavaScript ลงในไซต์ WordPress ได้โดยไม่ต้องติดตั้งปลั๊กอิน

ฉันจะเพิ่มสคริปต์ในส่วนหัวของ WordPress ได้อย่างไร

หลังจากที่เปิดใช้งานปลั๊กอินที่ใช้งานอยู่เป็นระยะเวลาหนึ่งแล้ว ให้เลือก Setting_... ฉันจะเพิ่มเมนูแฮมเบอร์เกอร์บนไซต์ WordPress ได้อย่างไร

Wp_head(): วิธีใช้งาน

การตั้งค่านี้ทำให้คุณสามารถระบุการตั้งค่าครั้งแรกที่สำคัญบางอย่างได้ เช่น ชื่อของเว็บไซต์และที่อยู่ของหน้าแรกของคุณ นอกเหนือจากการเริ่มต้น hooks ที่คุณได้รวมไว้ในธีมหรือปลั๊กอินของคุณแล้ว WP_head() ยังสามารถใช้เพื่อเริ่มต้น hook อื่นๆ ได้อีกด้วย
เมื่อคุณลงทะเบียนวิดเจ็ตที่กำหนดเองโดยใช้ WordPress Customizer คุณจะต้องใช้ WP_head() เพื่อเริ่มต้น hook ที่คุณรวมไว้ หากคุณไม่มี hooks ใดๆ หรือหากคุณใช้ hook ที่กำหนดเองซึ่งไม่ได้เป็นส่วนหนึ่งของแกนหลักของ WordPress ให้ใช้ WP_head() เพื่อเรียกใช้ฟังก์ชันที่คุณต้องการก็เพียงพอแล้ว
ฟังก์ชันจากธีม ปลั๊กอิน หรือแม้แต่ฟังก์ชันที่คุณเขียนเองอาจรวมอยู่ด้วย เมื่อโหลดไฟล์ที่ไม่ใช่ส่วนหนึ่งของรูทเอกสาร WordPress คุณควรหลีกเลี่ยงการใช้ WP_head() แทน
หากคุณกำลังใช้ปลั๊กอินที่มีไฟล์อยู่ในรูทของเว็บไซต์ของคุณ คุณจะต้องใช้ WP_PLUGIN_PATH() เพื่อโหลด ฟังก์ชัน wp_head() เป็นสิ่งสำคัญที่ต้องเรียนรู้หากคุณต้องการตั้งค่าเว็บไซต์ที่สำคัญ
ในการเปิดใช้งานปลั๊กอิน เพียงแค่แตกไฟล์ zip เปลี่ยนชื่อการติดตั้ง WordPress และบันทึกเนื้อหาลงในไดเร็กทอรีปลั๊กอินในไดเร็กทอรี WP ของการติดตั้ง WordPress