การเพิ่มโค้ดลงในส่วนหัวหรือส่วนท้ายของ WordPress

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

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

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

ทำไมต้องแก้ไขส่วนหัวและส่วนท้ายของ WordPress?

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

อย่างไรก็ตาม สิ่งเหล่านี้ยังเป็นตำแหน่งสำคัญสำหรับโค้ดติดตาม เช่น โค้ดที่ใช้สำหรับ Google Analytics รหัสเหล่านี้สามารถให้ข้อมูลที่มีค่าเกี่ยวกับพฤติกรรมของผู้ใช้เพื่อปรับปรุงกลยุทธ์ทางการตลาดและเนื้อหาของคุณ

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

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

วิธีเพิ่มโค้ดในส่วนหัวหรือส่วนท้ายของ WordPress ด้วยตนเอง (ใน 2 ขั้นตอน)

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

ขั้นตอนที่ 1: สร้างธีมลูก

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

โชคดีที่กระบวนการสร้างธีมลูกด้วยตนเองนั้นค่อนข้างเรียบง่าย และคุณสามารถเข้าถึงบทช่วยสอน WordPress ที่คุณจะต้องปรับแต่งส่วนหัวได้ อย่างไรก็ตาม หากคุณต้องการสร้างธีมลูกอย่างรวดเร็ว ปลั๊กอินตัวสร้างธีม เช่น Child Theme Configurator สามารถช่วยได้

ด้วยปลั๊กอินตัวสร้างธีม คุณสามารถสร้างธีมลูกได้อย่างง่ายดายด้วยการคลิกปุ่ม แม้ว่าวิธีการด้วยตนเองทั้งหมดอาจรวดเร็วพอๆ กันเมื่อคุณลดวิธีการลง

ขั้นตอนที่ 2: แก้ไขไฟล์ functions.php ของธีมลูกของคุณ

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

วิธีปกติในการแก้ไขไฟล์ functions.php ของคุณคือผ่าน File Transfer Protocol (FTP) และไคลเอนต์ FTP เช่น FileZilla อย่างไรก็ตาม คุณยังสามารถแก้ไขไฟล์บางไฟล์ได้จากแดชบอร์ด WordPress ของคุณ หากต้องการเข้าถึง ให้ไปที่ ลักษณะที่ปรากฏ > ตัวแก้ไขธีม

คุณจะได้รับคำเตือนว่าคุณกำลังแก้ไขไฟล์ธีมของคุณ – คลิกปุ่ม ฉันเข้าใจ เพื่อดำเนินการต่อ ถัดไป คุณจะต้องแน่ใจว่าคุณได้เลือกไฟล์ที่ถูกต้อง ในแถบด้านข้างทางด้านขวาของตัวแก้ไขไซต์ ตรวจสอบให้แน่ใจว่าได้เลือก Theme Functions (functions.php) แล้ว

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

วิธีเพิ่มโค้ดในส่วนหัวหรือส่วนท้ายของ WordPress ด้วยปลั๊กอิน (ใน 2 ขั้นตอน)

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

อย่างไรก็ตาม มีปลั๊กอินมากมายใน WordPress Plugin Directory และที่อื่น ๆ ที่สามารถช่วยงานนี้ได้

ขั้นตอนที่ 1: ติดตั้งและเปิดใช้งานปลั๊กอินที่คุณเลือก

สำหรับผู้เริ่มต้น คุณจะต้องติดตั้งและเปิดใช้งานปลั๊กอินที่คุณต้องการใช้ คุณสามารถทำได้โดยดาวน์โหลดไฟล์ .zip ของปลั๊กอินจาก Plugin Directory หรือตลาดออนไลน์อื่น แล้วอัปโหลดไปยังไซต์ของคุณ หรือไปที่ ปลั๊กอิน > เพิ่มใหม่ ในแดชบอร์ดของคุณ

ที่นี่คุณสามารถค้นหาปลั๊กอินส่วนท้ายหรือส่วนหัวที่คุณต้องการใช้ ไม่ว่าคุณจะเลือกวิธีใด คุณจะเสร็จสิ้นขั้นตอนนี้โดยคลิกที่ปุ่ม ติดตั้ง จากนั้น เปิดใช้งาน เมื่อตัวเลือกปรากฏขึ้น

ขั้นตอนที่ 2: เพิ่มข้อมูลโค้ดของคุณในส่วนหัว ส่วนท้าย และส่วนแทรกของโพสต์

เมื่อติดตั้งปลั๊กอินแล้ว คุณควรจะสามารถไปที่ การตั้งค่า > ส่วนหัวและส่วนท้าย ในแดชบอร์ดของคุณ

ที่นี่คุณจะพบโปรแกรมแก้ไขข้อความสำหรับเพิ่มข้อมูลโค้ด เช่น โค้ดติดตามของ Google Analytics หรือ JavaScript ที่กำหนดเอง ที่คุณต้องการรวมไว้ในส่วนหัวและ/หรือส่วนท้ายของคุณ

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

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

ปรับปรุงประสบการณ์ไซต์ของคุณด้วย WP Engine

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

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