วิธีแก้ไขส่วนท้ายใน WordPress – คู่มือสำหรับผู้เริ่มต้น

ดิ้นรนกับวิธีแก้ไขส่วนท้ายใน WordPress หรือไม่?

ส่วนท้ายของคุณเป็นส่วนหนึ่งของธีม WordPress ที่แสดงที่ด้านล่างของไซต์ โดยทั่วไปแล้วจะอยู่ทุกหน้า

การแก้ไขส่วนท้ายอาจเป็นเรื่องยุ่งยาก เนื่องจากบางธีมทำสิ่งต่างๆ แตกต่างไปจากธีมอื่นๆ นั่นคือวิธีที่คุณแก้ไขส่วนท้ายในธีมหนึ่งอาจไม่เหมือนกับที่คุณทำในธีมอื่น

โชคดีที่ตอนนี้มีความคล้ายคลึงกันมากมาย และธีมส่วนใหญ่ได้เริ่มใช้วิธีที่คล้ายคลึงกัน

ในบทความนี้ เราจะแสดงวิธีแก้ไขส่วนท้ายใน WordPress โดยใช้วิธีการเหล่านี้ ซึ่งน่าจะใช้ได้กับธีม WordPress สมัยใหม่แทบทุกธีม

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

คุณสามารถคลิกด้านล่างเพื่อข้ามไปยังส่วนที่ต้องการได้โดยตรง:

• แก้ไขส่วนท้ายโดยใช้ WordPress Customizer ผู้ใช้ส่วนใหญ่ควรเริ่มต้นที่นี่
• สร้างส่วนท้ายของคุณเองโดยใช้ตัวสร้างหน้า Elementor
• แทรกข้อมูลโค้ดลงในส่วนท้ายของคุณ

วิธีแก้ไขส่วนท้ายใน WordPress โดยใช้ Customizer

ในปี 2022 ธีมส่วนใหญ่ใช้ฟีเจอร์ดั้งเดิมของ WordPress ที่เรียกว่า Customizer เพื่อจัดการการปรับแต่งธีม รวมถึงการแก้ไขส่วนท้าย

ภายใน Customizer มีหลายวิธีที่คุณจะจัดการส่วนท้ายของไซต์ของคุณ:

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

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

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

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

วิดเจ็ต WordPress

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

หากต้องการดูว่าสิ่งนี้ใช้ได้กับธีมของคุณหรือไม่ ให้เลือกตัวเลือก วิดเจ็ต ในการตั้งค่าแถบด้านข้าง จากนั้น คุณจะเห็นรายการตำแหน่งวิดเจ็ตในธีมของคุณ

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

ตัวอย่างเช่น ธีม Twenty Twenty ประกอบด้วยตำแหน่งวิดเจ็ตส่วนท้ายสองตำแหน่ง โดยแต่ละตำแหน่งแสดงถึงหนึ่งคอลัมน์ของรูปแบบส่วนท้ายสองคอลัมน์:

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

หากคุณต้องการเพิ่มตัวเลือกวิดเจ็ตเพิ่มเติม คุณสามารถใช้ปลั๊กอินวิดเจ็ต WordPress เพื่อเพิ่มวิดเจ็ตประเภทใหม่ได้

เมื่อคุณพอใจกับรูปลักษณ์ของส่วนท้ายแล้ว อย่าลืมคลิกปุ่ม เผยแพร่ ที่ด้านบนสุดของแถบด้านข้างเพื่อให้การเปลี่ยนแปลงมีผล

การตั้งค่าธีม

บางธีมมีตัวเลือกพิเศษของตัวเองเพื่อปรับแต่งส่วนท้าย ตัวอย่างเช่น ธีม Neve ฟรีของเรามีตัวสร้างส่วนท้ายแบบลากแล้ววางซึ่งช่วยให้คุณสร้างเค้าโครงส่วนท้ายแบบกำหนดเองได้

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

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

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

ธีมของคุณอาจไม่ได้ให้เครื่องมือที่ยืดหยุ่นเท่า แต่อย่างน้อยคุณควรมีตัวเลือกบางอย่าง

เมื่อคุณทำการเปลี่ยนแปลง ตัวอย่างสดของส่วนท้ายของคุณควรอัปเดตโดยอัตโนมัติ

เมื่อคุณพอใจกับรูปลักษณ์แล้ว อย่าลืมคลิกปุ่ม เผยแพร่

เมนูเวิร์ดเพรส

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

คุณอาจใช้เมนูส่วนท้ายเพื่อควบคุมเพียงส่วนหนึ่งของส่วนท้ายของคุณ ทั้งนี้ขึ้นอยู่กับวิธีการสร้างธีมของคุณ หรือธีมของคุณอาจไม่มีด้วยซ้ำ

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

หากธีมของคุณมีเมนูส่วนท้าย คุณควรเห็นตำแหน่งที่ชื่อ “เมนูส่วนท้าย” หรืออะไรที่คล้ายกัน คุณสามารถเลือกเมนูที่มีอยู่จากไซต์ของคุณ หรือคลิกลิงก์เพื่อสร้างเมนูใหม่:

หากคุณสร้างเมนูใหม่ คุณจะสามารถเพิ่มรายการเมนูในเครื่องมือปรับแต่งได้ทันที เมื่อคุณเพิ่มเนื้อหาใหม่ คุณควรเห็นการอัปเดตการแสดงตัวอย่างแบบสดโดยอัตโนมัติ:

เมื่อเสร็จแล้ว อย่าลืมคลิกปุ่มเพื่อ เผยแพร่ เมนูของคุณ

วิธีสร้างส่วนท้ายของ WordPress แบบกำหนดเองด้วยการลากแล้ววาง

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

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

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

เพื่อให้บรรลุสิ่งนี้ คุณสามารถใช้ปลั๊กอินฟรีสองตัว:

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

ในการเริ่มต้น ตรวจสอบให้แน่ใจว่าได้ติดตั้งและเปิดใช้งานปลั๊กอินทั้งสอง จากนั้น ทำตามคำแนะนำเหล่านี้สำหรับวิธีแก้ไขส่วนท้ายใน WordPress โดยใช้ Elementor...

1. สร้างเทมเพลตส่วนท้าย

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

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

เมื่อคุณพอใจกับกฎเกณฑ์แล้ว ให้คลิกปุ่มเพื่อ เผยแพร่ เช่นเดียวกับโพสต์ในบล็อก:

2. เพิ่มเนื้อหาด้วย Elementor

ถัดไป ให้คลิกปุ่มใหญ่ แก้ไขด้วย Elementor เพื่อเปิดอินเทอร์เฟซ Elementor ตอนนี้คุณสามารถใช้ตัวแก้ไขแบบลากและวางแบบภาพเพื่อปรับแต่งทุกส่วนของส่วนท้ายของคุณได้

ในการเริ่มต้น ให้เพิ่มส่วนที่มีจำนวนคอลัมน์ที่คุณต้องการใช้:

จากนั้นคุณสามารถเพิ่มเนื้อหาประเภทต่างๆ โดยใช้วิดเจ็ตมากมายของ Elementor ปลั๊กอิน Elementor – Header, Footer & Blocks Template ยังเพิ่มวิดเจ็ตที่มีประโยชน์บางอย่างของตัวเอง เช่น วิดเจ็ต ลิขสิทธิ์ เฉพาะ:

เมื่อคุณพอใจกับการออกแบบแล้ว อย่าลืมบันทึก จากนั้นจะเผยแพร่บนเว็บไซต์ของคุณ

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับวิธีใช้ Elementor โปรดดูโพสต์เหล่านี้:

• การตรวจสอบองค์ประกอบ
• วิธีสร้างหน้า Landing Page ด้วย Elementor (ไม่ใช่เฉพาะสำหรับการสร้างส่วนท้าย แต่จะสอนวิธีใช้อินเทอร์เฟซ Elementor)

วิธีเพิ่มโค้ดที่กำหนดเองลงในส่วนท้ายของ WordPress

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

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

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

นั่นคือวิธีการแก้ไขส่วนท้ายใน WordPress!

คุณอาจใช้วิดเจ็ต WordPress การตั้งค่าธีมเฉพาะ และ/หรือระบบเมนู WordPress ทั้งนี้ขึ้นอยู่กับธีม

ตัวอย่างเช่น ธีม Neve ฟรีของเรามีตัวสร้างส่วนท้ายของตัวเองใน WordPress Customizer ที่รวมวิดเจ็ตและเมนูไว้ด้วย

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

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

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