วิธีเพิ่มไดนามิก URL ให้กับ CTA ของคุณด้วย Divi & ACF

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

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

ไปกันเถอะ!

ภาพรวมการสอน

• วิธีนี้ใช้ได้ผลดีที่สุดหากคุณเพิ่มกลุ่มฟิลด์ที่กำหนดเองลงในเว็บไซต์ใหม่ ก่อนที่คุณจะเริ่มเพิ่มหน้า โพสต์ และโครงการ
• ติดตั้งปลั๊กอิน Advanced Custom Fields บนเว็บไซต์ WordPress ของคุณ
• ภายในปลั๊กอิน คุณจะสามารถตั้งค่ากลุ่มฟิลด์ที่จะปรากฏในเพจ โพสต์ และโครงการทั้งหมดของคุณ
• สร้างช่อง URL แยกต่างหากสำหรับ URL ที่เป็นไปได้ทั้งหมดที่คุณอาจต้องการทั่วทั้งเว็บไซต์ของคุณ
• กำหนดค่าเริ่มต้นให้กับแต่ละฟิลด์ ค่าเริ่มต้นนี้จะปรากฏขึ้นโดยอัตโนมัติในแต่ละหน้า ใหม่ โพสต์ หรือโครงการ
• ในหน้า โพสต์ และโครงการที่มีอยู่ ค่าจะปรากฏเมื่อคุณป้อนส่วนหลังและบันทึก URL เริ่มต้นเท่านั้น
• ใช้ฟิลด์ URL ตลอดการออกแบบ Divi ของคุณเป็นเนื้อหาลิงก์แบบไดนามิก (หน้า โพสต์ โครงการ เทมเพลต)
• หากคุณเปลี่ยน URL เริ่มต้นในการตั้งค่าฟิลด์ URL เริ่มต้นเดิมจะยังคงมีผลกับเพจ โพสต์ และโครงการที่สืบทอดค่าเริ่มต้นก่อนหน้านี้

1. ติดตั้งและเปิดใช้งานปลั๊กอิน ACF

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

2. ตั้งค่ากลุ่มฟิลด์ในโพสต์ เพจ และโครงการทั้งหมด

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

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

แสดงกลุ่มฟิลด์นี้หาก:

• ประเภทโพสต์ – เท่ากับ – โพสต์ หรือ
• ประเภทโพสต์ – เท่ากับ – หน้า หรือ
• ประเภทโพสต์เท่ากับ – Project

3. เพิ่มฟิลด์ URL ที่แตกต่างกันด้วยค่าเริ่มต้น

เราจะดำเนินการต่อโดยเพิ่มฟิลด์ URL ต่างๆ ดังที่ได้กล่าวไว้ก่อนหน้านี้ คุณจะต้องมีฟิลด์ URL แยกต่างหากสำหรับแต่ละ URL ที่คุณใช้หลายครั้งในประเภทโพสต์ของคุณ เพื่อแสดงวิธีการทำงาน เราจะเพิ่มช่อง URL ที่แตกต่างกันสามช่อง ช่องหนึ่งจะเปลี่ยนเส้นทางผู้เยี่ยมชมไปยังหน้า Landing Page ของแกลเลอรี Divi ช่องที่สองจะนำผู้เยี่ยมชมไปยังหน้าติดต่อ และช่องที่เหลือจะเปลี่ยนเส้นทางผู้ใช้ไปยังพื้นที่สมาชิก

สมมติว่าเรากำลังเริ่มต้นด้วย CTA ที่เปลี่ยนเส้นทางผู้คนไปยังหน้า Landing Page ของแกลเลอรี Divi เราจะเพิ่มฟิลด์ใหม่สำหรับฟิลด์นั้นและตั้งชื่อฟิลด์ที่จดจำได้ ด้วยวิธีนี้ เมื่อเราอยู่ในเครื่องมือสร้าง Divi จะไม่เกิดความสับสนในการเลือก URL ที่ถูกต้อง

เราจะดำเนินการต่อโดยเลื่อนลงไปที่การตั้งค่าฟิลด์และเลือก 'URL' เป็นประเภทฟิลด์

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

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

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

4. ปุ่มลิงค์ ลิงค์ไปยังไดนามิก URLs

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

หากคุณกำลังใช้ URL เริ่มต้น ให้สลับไปที่ Visual Builder เพื่อเริ่มเชื่อมโยงปุ่มต่างๆ ในการออกแบบของคุณกับ URL ที่ถูกต้อง

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

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

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

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

ดำเนินการต่อโดยเปิดปุ่ม การตั้งค่าโมดูล ไปที่การตั้งค่าลิงก์ และคลิกที่ไอคอนเนื้อหาแบบไดนามิก

อีกครั้ง เมนูแบบเลื่อนลงจะปรากฏขึ้นซึ่งคุณสามารถเลือกเนื้อหาไดนามิก URL ที่ตรงกับ CTA ได้

ตรวจสอบให้แน่ใจว่าคุณเปลี่ยนการเปลี่ยนแปลงตัวสร้างธีมทั้งหมดหลังจากเพิ่ม URL แบบไดนามิกด้วย!

ความคิดสุดท้าย

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

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