4 วิธีในการเพิ่มโค้ดลงในแท็กเนื้อหาใน WordPress
เผยแพร่แล้ว: 2022-09-19การเพิ่มโค้ดลงในแท็กเนื้อหาของไซต์ WordPress เป็นวิธีที่ยอดเยี่ยมในการเพิ่มการปรับแต่งหรือโค้ดติดตามสำหรับไซต์ของคุณ มีหลายวิธีในการเพิ่มโค้ดลงในแท็ก body ขึ้นอยู่กับตำแหน่งที่คุณต้องการวางโค้ดและจำนวนโค้ดที่คุณต้องการเพิ่ม ในบทความนี้ เราจะพูดถึงสี่วิธีในการเพิ่มโค้ดลงในแท็ก body ใน WordPress: 1. การใช้ปลั๊กอิน 2. การแก้ไขไฟล์ header.php ของธีม 3. การเพิ่มโค้ดลงในไฟล์ functions.php ของธีมย่อย 4. การใช้ a ขอไฟล์ functions.php ของคุณ นอกจากนี้เรายังมีคำแนะนำเกี่ยวกับตำแหน่งที่จะวางโค้ดของคุณ เพื่อให้โหลดได้อย่างเหมาะสมและไม่ขัดแย้งกับโค้ดอื่นๆ บนไซต์ของคุณ
เมื่อเราเขียนแท็กเนื้อหาสำหรับเว็บไซต์ เรามักจะแทรกโค้ดระหว่างแท็กกับเนื้อหา โดยทั่วไป นี่คือโค้ด JavaScript ที่ซ่อนอยู่ภายในแท็กสคริปต์ บริการภายนอก เช่น Google Analytics, Google Tag Manager, Google Adsense และ Facebook อาจเสนอสคริปต์ที่จำเป็นก่อนปิดแท็ก head และหลังจากเปิดองค์ประกอบเนื้อหา WordPress 5.2 แนะนำฟังก์ชันใหม่ที่เรียกว่า WP_body_open() ที่ให้คุณเพิ่มโค้ดได้ทันทีหลังจากเปิดแท็ก body WordPress เวอร์ชันล่าสุดกำหนดให้คุณใช้เมธอด WP_body_open() ร่วมกับแท็กเนื้อหา รหัสนี้เข้ากันได้กับ WordPress เวอร์ชัน 5.2 หรือเก่ากว่า คุณสามารถเปลี่ยนสคริปต์ในหน้า โพสต์ หรือหมวดหมู่ได้หากต้องการ เมื่อสร้าง สคริปต์ WordPress คุณสามารถใช้เงื่อนไขได้อย่างง่ายดาย
หากต้องการเปิดหน้า ให้คลิกที่ส่วนหัว หากต้องการเปิดไฟล์ php.dll ให้ไปที่ตัวแก้ไขและค้นหา ส่วนหัวนี้มีเนื้อหาของส่วนหัว แท็กเนื้อหาอยู่ในไฟล์ php
ฉันจะเพิ่มโค้ดหลังจากแท็กเนื้อหา WordPress ได้อย่างไร
เครดิต: www.hitechwork.comWP_footer() เป็นฟังก์ชันของ WordPress ที่เพิ่มโค้ดก่อนที่องค์ประกอบเนื้อหาจะปิด (ไม่ใช่หลังจากที่เปิดแล้ว) นักพัฒนา WordPress ได้ใช้ WP_footer() เพื่อฉีดโค้ดลงในแท็ก body หรือแทรกโค้ดแบบไดนามิกหลังจากที่องค์ประกอบ body เปิดขึ้น
เบ็ดอะไรดีที่สุดสำหรับการตกปลาเบส? ฉันต้องการแทรกเนื้อหาหลังแท็ก <body> WordPress ช่วยให้คุณสร้างการกระทำโดยใช้ฟังก์ชัน do_action ของ WordPress ไม่น่าเป็นไปได้ที่ธีมส่วนใหญ่จะมีเบ็ดในพื้นที่นั้น ตอนนี้ WP ใช้ฟังก์ชันใหม่: WP_body_open() คุณต้องเรียกใช้ฟังก์ชันนี้ทันทีหลังจากเลือกแท็กเนื้อหาในส่วนเปิดของธีมแล้ว คุณสามารถใช้ได้ในลักษณะเดียวกับที่ใช้กับ WordPress.head หรือ WordPress.footer เพื่อพิมพ์อะไรก็ได้หลังจากนั้น แม้จะไม่มีตัวอย่างการทำงานออนไลน์ แต่ฉันก็มีตัวอย่างหนึ่งซึ่งฉันหวังว่าคนอื่นจะพบว่ามีประโยชน์ จากความคิดเห็นที่กล่าวถึงข้างต้น ฉันได้สร้างปลั๊กอินที่เพิ่มเนื้อหาหลังแท็ก body WP_body_open เป็นตัวเลือกใหม่ในเวอร์ชัน 5.2 ที่จะแก้ไขปัญหานี้
วิธีค้นหาโค้ดใน WordPress Codebase
หากคุณไม่ได้ใช้ปลั๊กอิน คุณจะต้องค้นหาฐานรหัสของ WordPress เพื่อหารหัสที่เหมาะสม ในการทำสิ่งนี้ให้สำเร็จ ให้เปิด ไฟล์ WordPress ของคุณในโปรแกรมแก้ไขข้อความ ค้นหาโค้ดที่เกี่ยวข้อง จากนั้นคัดลอกและวางลงในไฟล์ต่อไปนี้
ฉันจะเพิ่มโค้ดก่อนแท็กเนื้อหาใน WordPress ได้อย่างไร
เครดิต: wphow.coมีสองสามวิธีในการเพิ่มโค้ดก่อนแท็กเนื้อหาใน WordPress วิธีหนึ่งคือการใช้ปลั๊กอิน เช่น แทรกส่วนหัว และส่วนท้าย ปลั๊กอินนี้ช่วยให้คุณสามารถเพิ่มโค้ดลงในส่วนหัวและส่วนท้ายของไซต์ WordPress ของคุณได้ อีกวิธีหนึ่งคือแก้ไขไฟล์ header.php ของธีมของคุณ คุณสามารถเพิ่มโค้ดก่อนแท็ก body ได้โดยเพิ่มไว้ที่ด้านบนของไฟล์ header.php
วิธีปิดแท็กเนื้อหาใน WordPress
ปกติ แท็กร่างกาย ไม่ต้องปิดเลย WordPress จะดูแลทุกอย่างให้คุณ โค้ดต่อไปนี้ */body สามารถใช้ปิดแท็ก body ได้อย่างชัดเจน
ฉันจะเพิ่มแท็กเนื้อหาใน WordPress ได้อย่างไร
เครดิต: wpmarks.comโดยการคลิกปุ่ม "ลักษณะที่ปรากฏ" ที่ด้านซ้ายของแผงการดูแลระบบ WP คุณสามารถดูตัวแก้ไขธีมได้ หากต้องการแก้ไขธีม ให้เลือกจากเมนูดรอปดาวน์ที่มุมขวาบนและเลื่อนดูไฟล์ต่างๆ จนกว่าคุณจะพบส่วนท้าย มีแท็กปิดร่างกายอยู่
เมื่อคุณสร้างหน้า WordPress คุณจะต้องใส่แท็กเนื้อหาเพื่อกำหนดลักษณะที่ปรากฏ ไฟล์ header.php มีการปรับโค้ดที่จำเป็นเพื่อเพิ่มลงในแท็กเนื้อหา ขอแนะนำว่าควรเพิ่มเฉพาะสคริปต์หรืออะไรก็ตามที่ไม่มีผลกระทบต่อรูปลักษณ์ของเว็บไซต์ เลือกตัวแก้ไขธีมจากแถบด้านข้างด้านซ้ายของแผงการดูแลระบบ WP หลังจากคลิกที่ป้ายกำกับเมนูลักษณะที่ปรากฏ จากเมนูแบบเลื่อนลงที่ด้านบนขวาของหน้า ให้เลือกธีมที่คุณต้องการแก้ไขและเลื่อนดูไฟล์ต่างๆ จนกว่าคุณจะพบ ไฟล์ footer.php ทุกครั้งที่คุณคลิกที่รายการใดรายการหนึ่ง จะมีข้อมูลขนาดเล็กบอกคุณว่ารายการนั้นทำอะไร เป็นทางเลือกที่ดีสำหรับการใส่สคริปต์พื้นฐานลงในทุกแง่มุมของเว็บไซต์ของคุณ
มีบริการต่างๆ ที่กำหนดให้คุณต้องแทรกโค้ดลงในหน้าเว็บเฉพาะ เพื่อให้ได้เมตริกการติดตามที่มีรายละเอียดมากขึ้น ให้ใช้ปลั๊กอินนี้เพื่อติดตามตัวชี้วัดเช่นนั้นแทน เมื่อดูเพจหรือโพสต์ คุณสามารถตรวจสอบ ID เพจ ID โพสต์ และดูตัวอย่างได้ นอกจากนี้ยังมีวิธีจำกัดผู้ใช้ตามบทบาทของผู้ใช้ เช่น ไม่อนุญาตให้ติดตามการแปลงกับลูกค้าที่เข้าสู่ระบบ ปลั๊กอินที่เรียกว่า ID ของหน้า ซึ่งเชื่อมโยงกับหน้าการตั้งค่านั้นมาจากผู้พัฒนารายเดียวกัน ช่องทำเครื่องหมายช่วยให้คุณระบุวิธีการเพิ่มสคริปต์หากธีมของคุณรองรับแท็กเปิดเนื้อหา แท็ก open_body_open เป็นตัวระบุสำหรับเนื้อหาของ WordPress ข้อผิดพลาด PHP ร้ายแรงอาจเกิดขึ้นได้หากคุณรวม HTML ไว้ในส่วน 'WP_bod_open' ของเว็บไซต์ของคุณ
ตำแหน่งที่จะวางส่วนหัวและส่วนท้ายของคุณ
ฉันควรใส่ส่วนท้ายและส่วนหัวในส่วนท้ายและรายการส่วนหัวที่ใด
คุณสามารถเพิ่มแท็ก head' และ footer' ลงในเอกสารใดๆ ก็ได้ และจะไม่ถูกละเลย ในชื่อและส่วนการระบุตัวตนอื่นๆ ของเอกสาร จะมีแท็ก *head และในส่วนท้ายจะมีแท็ก *footer
เพิ่มรหัสนี้ก่อนเนื้อหา> แท็กบนเว็บไซต์ของคุณ
การเพิ่มโค้ดนี้ก่อนแท็ก body> บนไซต์ของคุณทำให้มั่นใจได้ว่าไซต์ของคุณโหลดเร็วขึ้นและตอบสนองได้ดียิ่งขึ้น โค้ดนี้ทำให้ไซต์ของคุณมีประสิทธิภาพมากขึ้นโดยการโหลดทรัพยากรที่จำเป็นล่วงหน้าก่อนที่จะมีความจำเป็น ด้วยเหตุนี้ ไซต์ของคุณจะโหลดเร็วขึ้นและตอบสนองต่อการป้อนข้อมูลของผู้ใช้มากขึ้น
คุณควรเพิ่มรหัสที่กำหนดเองซึ่งต้องการให้ปรากฏบนเว็บไซต์ที่ใด
เลือกตัวเลือกตัวออกแบบเพื่อเริ่มสร้างไซต์ของคุณ คุณสามารถเพิ่มรหัสของคุณไปที่หน้าโดยไปที่การตั้งค่าหน้า ควรเพิ่ม โค้ดที่กำหนดเอง ของคุณภายใต้แท็ก Before */body/ คุณสามารถดำเนินการต่อได้หากจำเป็น
ข้อดีและข้อเสียของการเขียนสคริปต์ฝั่งเซิร์ฟเวอร์
สคริปต์ฝั่งไคลเอ็นต์มักมาพร้อมกับซอร์สโค้ดที่ผู้ใช้อ่านได้ สคริปต์ผู้ใช้มักถูกซ่อนไม่เหมือนกับสคริปต์ที่ทำงานบนเซิร์ฟเวอร์ เนื่องจากถูกดำเนินการบนเซิร์ฟเวอร์และไม่ใช่ในมุมมองโดยตรงของผู้ใช้ จึงควรดำเนินการ