วิธีสร้างแบบฟอร์มส่วนหน้าของ ACF [ไม่มีรหัส!]

ต้องการใช้ Advanced Custom Forms บนไซต์ WordPress ของคุณ แต่ไม่รู้วิธีเขียนโค้ดใช่หรือไม่ คู่มือนี้จะช่วยคุณสร้างแบบฟอร์มส่วนหน้าของ ACF ในเวลาไม่นาน!

เวลาอ่านโดยประมาณ: 6 นาที

Advanced Custom Fields (ACF) เป็นเครื่องมือที่มีประสิทธิภาพ

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

แต่มีปัญหาอย่างหนึ่ง คุณต้องรู้วิธีเขียนโค้ดเพื่อรับแบบฟอร์ม ACF ที่ส่วนหน้าของเว็บไซต์ของคุณ

หรือคุณ?

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

เข้าเรื่องกันเลย

เกิดอะไรขึ้นกับการใช้แบบฟอร์มส่วนหน้าของฟิลด์ที่กำหนดเองขั้นสูง

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

ACF เป็นเครื่องมือที่มีประสิทธิภาพ หากคุณรู้วิธีเขียนโค้ดใน PHP คุณสามารถสร้างฟอร์มที่ไม่ซ้ำใครได้อย่างรวดเร็ว

แต่ถ้าคุณไม่รู้วิธีเขียนโค้ด คุณก็จะต้องเกาหัวกับภาษาต่างประเทศที่อยู่ตรงหน้าคุณ

เพียงตรวจสอบรหัสตัวอย่างแบบฟอร์ม ACF ด้านล่าง:

ดังนั้น คุณมีสองทางเลือก:

1. เรียนรู้การเขียนโค้ดและสร้างแบบฟอร์มส่วนหน้าของคุณด้วย ACF
2. ให้ฟอร์มที่น่าเกรงขามทำงานอย่างหนักทั้งหมดให้กับคุณ

แม้ว่าเราจะมีทีมนักพัฒนาที่ยอดเยี่ยมที่ Formidable แต่เราคิดว่าคุณไม่มี

ดังนั้น เราจะมุ่งเน้นไปที่ตัวเลือก #2 ในวันนี้สำหรับบทช่วยสอนเกี่ยวกับฟอร์มส่วนหน้าของฟิลด์ที่กำหนดเองขั้นสูง

วิธีแสดงฟอร์มส่วนหน้าของ ACF ด้วย Formidable

ในการเริ่มต้น คุณจะต้องมีสิ่งต่อไปนี้:

1. แผนธุรกิจแบบฟอร์มที่น่าเกรงขาม
2. ปลั๊กอิน ACF (ฟรีหรือโปร)

รับแบบฟอร์มที่น่าเกรงขามทันที!

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

หากคุณต้องการข้อมูลเพิ่มเติม โปรดตรวจสอบเอกสารฐานความรู้ ACF ของเรา!

ดังนั้นเมื่อคุณติดตั้งและเปิดใช้งาน Formidable Forms แล้ว ให้ไปที่ Formidable → Add-on แล้วคลิกปุ่ม ติดตั้ง สำหรับ ปลั๊กอิน ACF Form WordPress

จากนั้นเป็นขั้นตอนง่าย ๆ เพียงไม่กี่ขั้นตอน:

มาเริ่มกันเลย.

ขั้นตอนที่ 1: สร้างฟิลด์แบบฟอร์ม ACF

ตัวอย่างเช่น เรามีบล็อกดูนกชื่อ Here Birdie Birdie

เราต้องการวิธีสำหรับผู้ใช้ในการส่งการดูนกซึ่งจะแสดงเป็นประเภทโพสต์ที่กำหนดเองในบล็อกโดยอัตโนมัติ

ดังนั้นเราจึงต้องการสร้างช่องสองสามช่องเพื่อให้ผู้ใช้ป้อนข้อมูล:

1. ชื่อ
2. วันที่
3. เวลา
4. รายชื่อนกที่เห็น
5. ความคิดเห็นเพิ่มเติม

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

เมื่อต้องการทำเช่นนี้ ให้ไปที่ Custom Fields → Field Groups แล้วคลิก Add New

ถัดไป คุณสามารถเพิ่มฟิลด์ของคุณโดยคลิกปุ่ม เพิ่มฟิลด์

ดังนั้น เราจะสร้างฟิลด์ตามรายการด้านบนและปรับแต่งให้เหมาะกับความต้องการของเรา

เราจะใช้สนาม ACF Repeater เพื่อให้ผู้เข้าชมสามารถแสดงนกทั้งหมดที่พวกเขาเห็นได้ง่ายขึ้น ช่องทวนช่วยให้ผู้ใช้สามารถเพิ่มหรือลบรายการได้มากเท่าที่ต้องการ

เราจะใช้ฟิลด์ แบบเลื่อนลง ( เลือก ใน ACF) ในฟิลด์เหล่านี้ เพื่อให้ผู้เข้าชมสามารถเลือกจากรายการนก นอกจากนี้ เราจะเพิ่มฟิลด์ตัวเลขเพื่อป้อนระยะเวลาที่พวกเขาเห็นนกแต่ละตัว

อย่าลังเลที่จะปรับแต่งตามความต้องการของคุณเอง แต่เพื่อรับคุณสมบัติขั้นสูงเพิ่มเติม (เช่น Repeaters คุณต้องซื้อ ACF Pro)

เมื่อเสร็จแล้ว ให้คลิก บันทึกการเปลี่ยนแปลง

ขั้นตอนที่ 2: สร้างแบบฟอร์มส่วนหน้า ACF ของคุณใน Formidable

ตอนนี้ เราจะสร้างแบบฟอร์มที่จะแสดงในส่วนหน้าของเว็บไซต์ของคุณ

ดังนั้นไปที่ Formiable → Forms ในแผงผู้ดูแลระบบ WordPress ของคุณ

จากนั้นคลิก เพิ่มใหม่ ที่ด้านบนสุดของหน้า จากนั้นเลือกเริ่มต้นจาก แบบฟอร์มเปล่า หรือเทมเพลตของ Formidable

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

ถัดไป ตั้งชื่อแบบฟอร์มของคุณ จากนั้นคลิก สร้าง

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

เนื่องจากเราสร้างฟิลด์แบบฟอร์มใน ACF แล้ว เราจึงต้องเพิ่มฟิลด์ที่ตรงกันเพื่อให้ง่ายต่อการเชื่อมต่อ

เราได้เพิ่มฟิลด์ที่ด้านบนเพื่อให้ผู้ใช้สามารถตั้งชื่อบล็อกโพสต์ของตนเพื่อทำให้เป็นเอกลักษณ์ได้!

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

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

ขั้นตอนที่ 3: แมปฟิลด์ของคุณ

เมื่อเราสร้างฟอร์มของเราแล้ว เราจำเป็นต้องเปิดใช้การแมปฟิลด์ ACF

คลิกแท็บ การตั้งค่า ที่ด้านบนของหน้า แล้วไปที่ การดำเนินการและการแจ้งเตือน

จากนั้น เลือกการดำเนินการ สร้างโพสต์ เพื่อกำหนดวิธีแสดงช่องแบบฟอร์มเอง

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

เลือกกลุ่มฟิลด์ ACF ของคุณจากเมนูแบบเลื่อนลง และเริ่มแมปฟิลด์แบบกำหนดเองของคุณกับฟิลด์ที่น่าเกรงขามโดยคลิก เพิ่ม

นอกจากนี้ หากคุณใช้ช่องทวน คุณจะต้องจับคู่ขาประจำกับช่องย่อยให้ถูกต้อง

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

และนั่นแหล่ะ! ขณะนี้ผู้ใช้สามารถส่งผลงานของพวกเขาไปยังแบบฟอร์มส่วนหน้า ACF ของ WordPress และช่อง ACF และฟอร์มที่น่าเกรงขามจะแมปและส่งข้อมูล

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

ปลั๊กอินแบบฟอร์มส่วนหน้าของ ACF นี้สามารถทำอะไรได้อีก

น่าเกรงขามอาจดูเหมือนเครื่องมือสร้างฟอร์มง่ายๆ สำหรับ ACF แต่มีอะไรมากกว่านั้น

ด้วยฟังก์ชันแบบฟอร์ม ACF ไฟล์เทมเพลต และความเข้ากันได้กับธีมยอดนิยมทั้งหมด (รวมถึง Elementor) หลายสิบรายการ Formidable ทำได้ทุกอย่าง

และมีคุณสมบัติและตัวเลือกเพิ่มเติมมากมายเพื่อเพิ่มฟอร์มของคุณ:

• แบบฟอร์มแบบหลายขั้นตอน แบบทดสอบ และแบบฟอร์มการสนทนา
• ตัวเลือกการป้องกันสแปมหลายตัว
• Visual Form Styler ในตัว
• เทมเพลตฟอร์มมากกว่า 100 แบบ
• มุมมองที่น่ากลัว

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

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

Formitable พร้อมยกระดับเว็บไซต์ของคุณแล้ววันนี้

พร้อมที่จะสร้างฟอร์มหน้า ACF ของคุณแล้วหรือยัง

หากคุณสงสัยว่า “ฉันจะเพิ่มฟิลด์ ACF ในส่วนหน้าได้อย่างไร” ตอนนี้คุณได้คำตอบแล้ว

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

ไม่ว่าคุณจะใช้ WordPress ACF pro หรือเวอร์ชันฟรี Formidable คือปลั๊กอินสำหรับพาร์ทเนอร์ที่สมบูรณ์แบบ

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

รับแบบฟอร์มส่วนหน้าของ ACF ตอนนี้!

และติดตามเราบน Facebook, Twitter และ YouTube สำหรับเคล็ดลับและลูกเล่น WordPress ที่น่าทึ่งอีกมากมาย

อ่านเพิ่มเติมเกี่ยวกับแบบฟอร์ม WordPress!

• วิธีเปลี่ยนเส้นทางหลังจากส่งแบบฟอร์มใน WordPress [3 ขั้นตอน!]
  อ่านเพิ่มเติม

  วิธีเชื่อมโยงปุ่มกับแบบฟอร์มใน WordPress [วิธีง่ายๆ!]
  อ่านเพิ่มเติม

  วิธีเปลี่ยนสีพื้นหลังบล็อก WordPress
  อ่านเพิ่มเติม