วิธีเพิ่มรหัสส่วนหัวและส่วนท้ายใน WordPress? (3 ขั้นตอนง่ายๆ)
เผยแพร่แล้ว: 2019-05-23คุณรู้หรือไม่? ส่วนหัวเป็นส่วนสำคัญของเว็บไซต์ของคุณ เช่นเดียวกับส่วนท้ายของคุณด้วย
หากคุณเป็นมือใหม่หรือมือโปรใน WordPress และประสบปัญหาในการแก้ไขหรือแก้ไขส่วนหัวและส่วนท้ายของคุณ เนื่องจาก WordPress ไม่ได้ทำให้ไฟล์เหล่านั้นเข้าถึงได้ง่าย
ฉันรู้ว่าคุณต้องเพิ่มข้อมูลโค้ดจำนวนมากในส่วนหัวและส่วนท้ายของคุณ เช่น Google Search Console, Google Analytics เป็นต้น
ไม่ต้องกังวลนี่คือวิธีแก้ปัญหา ฉันได้เขียน คำแนะนำขั้นสูงสุดเกี่ยวกับวิธีการเพิ่มโค้ดส่วนหัวและส่วนท้ายใน WordPress ของคุณ
ใช่! ที่จริงแล้ว คุณไม่จำเป็นต้องแก้ไขโค้ดหรือไฟล์ใดๆ ใน WordPress งานของคุณจะเสร็จสิ้นด้วยความช่วยเหลือของปลั๊กอิน มันไม่เจ๋งใช่มั้ย
ทำไมเราจึงควรใช้ปลั๊กอินส่วนหัวและส่วนท้าย?
ฉันถามคำถามนี้หลายครั้งบนโซเชียลมีเดีย เลยคิดว่าทำไมไม่ตอบตรงนี้
ฉันรู้โค้ดจำนวนมากที่ทำงานเฉพาะในส่วนหัว และใน WordPress มีธีมมากมาย เช่น Genesis, MyThemeShop, ElegantThemes เป็นต้น ซึ่งช่วยให้คุณสามารถเพิ่มโค้ดของคุณในส่วนหัวหรือส่วนท้ายได้อย่างง่ายดายผ่านแผงควบคุม ของธีมนั้นเอง
มีธีมน้อยมากที่นำเสนอคุณลักษณะประเภทนี้ แต่ฉันขอแนะนำว่าคุณไม่ควรใช้แผงควบคุมธีมของคุณเพื่อเพิ่มส่วนหัวและส่วนท้าย เนื่องจากรหัสที่คุณวางไว้มีความสำคัญสำหรับเว็บไซต์ของคุณ ในอนาคต หากคุณเปลี่ยนธีม ข้อมูลของคุณจะถูกลบออกพร้อมกับธีมของคุณ และหากไม่มีรหัสเหล่านั้น ไซต์ของคุณอาจแสดงข้อผิดพลาดทางเทคนิคบางประการ
หลังจากติดตั้งธีมใหม่ คุณต้องวางโค้ดของคุณอีกครั้ง ดังนั้นที่นี่ เรามีวิธีแก้ปัญหาที่เราสามารถเพิ่มโค้ดได้ครั้งแล้วครั้งเล่าทุกครั้งที่เราเปลี่ยนธีม
แต่คุณอาจกำลังคิดว่าสิ่งที่เกี่ยวกับธีมเหล่านั้นที่ไม่อนุญาตให้เราเพิ่มรหัสส่วนหัวและส่วนท้ายในธีมนั้นเอง
ฉันจะแสดงคำแนะนำที่ดีที่สุด ง่ายและประหยัดเวลาในการเพิ่มโค้ดผ่านปลั๊กอิน ซึ่งจะบันทึกตลอดเวลาแม้ว่าคุณจะเปลี่ยนธีมด้วยก็ตาม
ประเภทของข้อมูลโค้ด
- รหัสยืนยันสำหรับ Google, Bing, Yandex เป็นต้น
- รหัส Google Analytics
- ตัวอย่างสคีมา
- รหัสยืนยันของผู้ดูแลเว็บ
- รหัสอื่นๆ…
สิ่งที่ดีที่สุดคือการใช้ปลั๊กอินเพิ่มเติมเพื่อเพิ่มโค้ดในส่วนหัวและส่วนท้าย ดังนั้นด้วยความช่วยเหลือ คุณสามารถเพิ่มโค้ดต่างๆ ได้มากเท่าที่คุณต้องการและไม่ต้องแก้ไขไฟล์ของธีมของคุณ และปลั๊กอินนี้เหมาะที่สุดสำหรับผู้เริ่มต้น เพียงแค่คัดลอกและวาง มันไม่ง่ายเหรอ?
4 ปลั๊กอินที่ดีที่สุดในการเพิ่มส่วนหัว & ส่วนท้าย
1. แทรกส่วนหัวท้ายกระดาษ
แทรกส่วนหัวและส่วนท้ายเป็นปลั๊กอินจากบริษัทที่น่าเชื่อถือที่สุดซึ่งเป็น wpbeginner เนื่องจากเป็นปลั๊กอินที่ดีที่สุดและเรียบง่ายในการเพิ่มโค้ดส่วนหัวและส่วนท้ายของคุณ เช่น การวิเคราะห์ เว็บมาสเตอร์ ฯลฯ ในส่วนที่กล่าวถึงโดยไม่มีการเข้ารหัสที่กำหนดเอง
คุณเพียงแค่ต้องไปที่ WordPress Dashboard → Plugins → Add New → Search “Insert Header Footer” → Install → Activate → Enjoy
คุณสมบัติ
- ติดตั้งง่าย
- การแทรกโค้ดอย่างง่าย (คัดลอกโค้ดแล้ววางในนั้น)
- คุณสามารถเพิ่มโค้ด HTML & JavaScript ใดก็ได้
- เพิ่มรหัสส่วนหัวและส่วนท้าย
2. สคริปต์ส่วนหัวและส่วนท้ายโดย Digital Liberation
นี่เป็นหนึ่งในปลั๊กอินที่ดีที่สุดที่คุณจะได้รับสำหรับการแทรกส่วนหัวและส่วนท้ายที่กำหนดเองใน WordPress และ WordPress Posts ฉันใช้ปลั๊กอินนี้บนเว็บไซต์ของฉันจริง ๆ และฉันชอบแผงควบคุมที่ใช้งานง่ายของปลั๊กอินนี้
คุณยังสามารถใช้ปลั๊กอินนี้เพื่อแทรกโค้ดส่วนหัวและส่วนท้ายที่กำหนดเองในทุกโพสต์ของบล็อกและหน้าที่ทำให้แตกต่างจากปลั๊กอินอื่นๆ บล็อกเกอร์ส่วนใหญ่ใช้ปลั๊กอินนี้เพื่อเพิ่มรหัสส่วนหัวและส่วนท้ายที่กำหนดเองและสคีมา FAQ ในโพสต์บล็อกของพวกเขาและใช้งานได้อย่างมีเสน่ห์สำหรับพวกเขา
คุณเพียงแค่ต้องไปที่ WordPress Dashboard → Plugins → Add New → Search “Header and Footer Scripts” → Install → Activate → Enjoy
คุณสมบัติ
- ง่ายต่อการติดตั้งและใช้งาน
- การแทรกโค้ดอย่างง่าย (คัดลอกโค้ดแล้ววางในนั้น)
- เพิ่มรหัสส่วนหัวและส่วนท้ายที่กำหนดเองในทุกโพสต์และหน้า
- เพิ่มรหัสส่วนหัวและส่วนท้าย
3. ตัวจัดการรหัสส่วนหัวและส่วนท้าย
ปลั๊กอินจากหุ่นยนต์ 99 ตัวเพื่อเพิ่มข้อมูลโค้ดด้านบนและด้านล่างของเนื้อหาด้วยอินเทอร์เฟซที่เรียบง่าย คุณไม่ต้องกังวลกับการวางรหัสผิดที่ ข้อมูลของคุณจะไม่สูญหายในขณะที่เปลี่ยนธีม ติดตามได้อย่างง่ายดายว่าโค้ดใดกำลังโหลดบนไซต์ของคุณ
คุณเพียงแค่ต้องไปที่ WordPress Dashboard → Plugins → Add New → Search “Header & Footer Code Manager” → ติดตั้ง → เปิดใช้งาน → สนุก
คุณสมบัติ
- ปลั๊กอินนี้รองรับประเภทโพสต์ที่กำหนดเอง
- คุณสามารถใช้รหัสย่อเพื่อวางรหัสของคุณได้ทุกที่ในเว็บไซต์
- ติดป้ายกำกับทุกตัวอย่างเพื่อหลีกเลี่ยงความสับสน
- เพิ่มสคริปต์/รหัสไม่จำกัดในหน้าของคุณหรือโพสต์โดยไม่เสียค่าใช้จ่าย
4. สคริปต์ส่วนหัวและส่วนท้าย
ตอนนี้ใส่รหัสที่คุณต้องการใน <head> หรือก่อนหน้า </body> และ <footer> ด้วยความช่วยเหลือของปลั๊กอินนี้ ปลั๊กอินนี้จะช่วยให้คุณเพิ่มรหัสในประเภทโพสต์ที่กำหนดเองได้ แต่สิ่งหนึ่งที่ไม่มีให้คือคุณไม่สามารถแทรกโค้ด PHP ได้
คุณเพียงแค่ต้องไปที่ WordPress Dashboard → Plugins → Add New → Search “Headers & Footers Scripts” → Install → Activate → Enjoy
คุณสมบัติ
- ใส่โค้ดที่ <head> ในโพสต์หรือเพจใดก็ได้
- แทรก CSS และ Javascript ไปที่ <head>
5. ส่วนหัว ส่วนท้าย และหลังการฉีด
ทำไมคุณต้องติดตั้งปลั๊กอิน 5-10 ตัวเพื่อเพิ่มรหัสวิเคราะห์, facebook, เว็บมาสเตอร์ ฯลฯ บนเว็บไซต์ของคุณเมื่อปลั๊กอินตัวเดียวนี้สามารถทำได้โดยลำพัง เพียงคัดลอกและวางโค้ดใดๆ ของคุณ เพิ่มลงในปลั๊กอินนี้ และพักปลั๊กอินจะทำงาน
คุณเพียงแค่ต้องไปที่ WordPress Dashboard → Plugins → Add New → Search “Header Footer Post Injection” → ติดตั้ง → เปิดใช้งาน → สนุก
คุณสมบัติ
- ปลั๊กอินนี้เข้ากันได้กับ AMP
- การฉีดมือถือและเดสก์ท็อปที่กำหนดไว้อย่างดี
- เปิดใช้งาน PHP ดั้งเดิม
- คุณสามารถแยกการกำหนดค่าโพสต์และหน้าได้
วิธีใช้ WordPress "แทรกส่วนท้ายของส่วนหัว"
ดังนั้นในที่นี้ ฉันได้แสดงขั้นตอนทีละขั้นตอนว่าคุณสามารถใช้ "แทรกส่วนท้ายของส่วนหัว" บนเว็บไซต์ของคุณได้อย่างไรในเวลาเพียงไม่กี่นาที ตอนนี้ปลั๊กอินตัวเดียวทำงานได้ดีกว่า 10 ตัว มาเริ่มกันเลย…
ขั้นตอนที่ 1
ก่อนอื่น คุณต้องลงชื่อเข้าใช้แดชบอร์ด WordPress ของเว็บไซต์ของคุณ และที่แผงด้านซ้ายมือ คุณจะมีตัวเลือก "ปลั๊กอิน" คุณต้องคลิกที่มัน; จากนั้นคุณจะได้รับตัวเลือกต่างๆ เช่น "ปลั๊กอินที่ติดตั้ง" "เพิ่มใหม่" และ "ตัวแก้ไขปลั๊กอิน" หากต้องการเพิ่มปลั๊กอินใหม่ ให้คลิกที่ "เพิ่มใหม่"
ขั้นตอนที่ 2
หลังจากคลิกที่ "เพิ่มใหม่" คุณจะถูกเปลี่ยนเส้นทางไปยังหน้าปลั๊กอินซึ่งคุณจะพบปลั๊กอินมากมาย แต่เราจะค้นหา "แทรกส่วนท้ายของส่วนหัว" โดยใช้แถบค้นหาซึ่งอยู่ที่มุมบนขวา ติดตั้งและเปิดใช้งาน
เนื่องจากมันแสดงการใช้งานอยู่แล้วเนื่องจากฉันได้ติดตั้งและใช้งานบนเว็บไซต์ของฉัน
ขั้นตอนที่ 3
หลังจากติดตั้ง คุณต้องไปที่แดชบอร์ด WordPress ของคุณอีกครั้ง และใน “ การตั้งค่า ” คุณจะได้รับปลั๊กอินที่มีชื่อด้วย “ แทรกส่วนหัวและส่วนท้าย ” หลังจากคลิกที่มัน คุณจะถูกเปลี่ยนเส้นทางไปยังหน้าปลั๊กอินหลัก
ตอนนี้คุณสามารถเพิ่มโค้ดของคุณได้โดยเพียงแค่คัดลอกและวางที่นี่ จากนั้นให้เว้นวรรคหนึ่งบรรทัดหลังจากทุกโค้ดแล้วกด "บันทึก" เรียบง่าย
บทสรุป
ดังนั้นที่นี่คุณจะได้เห็นแล้วว่า “วิธีการเพิ่มส่วนหัวและส่วนท้ายใน WordPress” ด้วยความช่วยเหลือของปลั๊กอิน ฉันขอแนะนำคุณว่าคุณควรเพิ่มส่วนหัวและส่วนท้ายด้วยความช่วยเหลือของปลั๊กอิน เพราะจะช่วยประหยัดเวลาของคุณและหลีกเลี่ยงความสับสน
ฉันหวังว่าคู่มือนี้จะช่วยให้คุณเพิ่มส่วนหัวและส่วนท้ายในเว็บไซต์ของคุณได้อย่างง่ายดาย หากคุณพบว่าบทช่วยสอนนี้มีประโยชน์ อย่าลืมแบ่งปันบทความนี้กับเพื่อนบล็อกเกอร์ของคุณและให้พวกเขาเรียนรู้ด้วยเช่นกัน “เพื่อนที่ขัดสน คือเพื่อนแท้”
