สร้างแบบฟอร์มผ่านตัวแก้ไขบล็อกด้วย Gutenberg Forms

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

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

ในเวอร์ชัน 1.4.0 ซึ่งเป็นการอัปเดตล่าสุด Gutenberg Forms นั้นเต็มไปด้วยความสำเร็จและความยุ่งยาก ฉันตื่นเต้นกับมัน

ฉันตื่นเต้นเพราะเรายังอยู่ในช่วงเริ่มต้นของอายุการใช้งานปลั๊กอินนี้ ฉันตื่นเต้นเพราะ Kamal ได้สร้างโครงการที่เกี่ยวข้องกับ Gutenberg ที่ประสบความสำเร็จในระยะเวลาอันสั้น ซึ่งรวมถึง Gutenberg Hub และ ACF Blocks ฉันตื่นเต้นเพราะฉันเชื่อว่ามันจะดีขึ้นเมื่อเวลาผ่านไป

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

Gutenberg Forms ถูกสร้างขึ้นใหม่ในเดือนกุมภาพันธ์ปีนี้ Kamal ปล่อยปลั๊กอินนี้ครั้งแรกในปี 2018 แต่ติดอยู่ในบริเวณขอบรกเป็นเวลาหนึ่งปีครึ่งก่อนที่เขาจะอัปเดตด้วย API ล่าสุด ตั้งแต่นั้นมา เขาก็หยุดทำงาน ปล่อยการอัปเดตบ่อยครั้ง และปรับปรุงวิธีการทำงานของปลั๊กอิน ฉันทดสอบครั้งแรกเมื่อหลายเดือนก่อนและไม่พอใจกับผลลัพธ์ อย่างไรก็ตาม การทำซ้ำล่าสุดแสดงให้เห็นสัญญามากขึ้น

ด้วยผู้ใช้ปัจจุบันเพียง 200+ คน สิ่งที่ใหญ่ที่สุดที่ปลั๊กอินต้องการคือการตอบรับจากผู้ใช้ที่มากขึ้น

แบบฟอร์มการก่อสร้าง

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

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

หลังจากสร้างแบบฟอร์มผ่านหน้าจอแบบฟอร์ม ผู้ใช้สามารถใช้บล็อก Gutenberg Forms เพื่อแทรกแบบฟอร์มที่บันทึกไว้ได้ในภายหลัง สิ่งที่เกิดขึ้นจริงเมื่อแทรกบล็อกนี้คือ เมื่อเลือกแบบฟอร์มที่บันทึกไว้ ปลั๊กอินจะแทรกรหัสย่อลงในตัวแก้ไข นี่เป็นหนึ่งในนิสัยใจคอที่มีปลั๊กอิน หนึ่งในแนวคิดของการสร้างบล็อคคือให้นักพัฒนาเลิกใช้ระบบรหัสย่อ ไม่จำเป็นต้องใส่รหัสย่อที่นี่จากมุมมองทางเทคนิค มันควรจะเป็นแค่บล็อกฝั่งเซิร์ฟเวอร์ ฉันไม่คิดว่าสิ่งนี้สำคัญสำหรับผู้ใช้ปลายทาง มันได้ผล. เป็นเรื่องแปลกที่ฉันหวังว่าจะมีวิวัฒนาการในระยะยาว

ปลั๊กอินมีฟิลด์แบบฟอร์มทั่วไปส่วนใหญ่ที่ผู้ใช้ปลายทางคาดว่าจะเห็นในปลั๊กอินฟอร์ม ต่อไปนี้เป็นบล็อคฟิลด์ฟอร์มที่มีอยู่ในปัจจุบัน:

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

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

คุณลักษณะที่ใหญ่ที่สุดแต่ได้รับการขัดเกลาน้อยที่สุดคือไลบรารีเทมเพลตที่ออกแบบไว้ล่วงหน้าซึ่ง Gutenberg Forms ให้บริการ ปัจจุบัน ปลั๊กอินมีเทมเพลตที่กำหนดเองประมาณสามโหล จากงานของ Kamal กับเทมเพลตที่ Gutenberg Hub ฉันเดาว่าเราจะได้เห็นเทมเพลตมากขึ้นในอนาคต

ปัญหา? ตัวแทรกเทมเพลตฟอร์มไม่ทำงานเสมอ

การทดสอบปลั๊กอินกับทั้งปลั๊กอิน WordPress และ Gutenberg ล่าสุด ฉันไม่สามารถแทรกเทมเพลตฟอร์มใดๆ ผ่านหน้าจอฟอร์มใหม่ได้ มีข้อผิดพลาด JavaScript ที่ทำให้ไม่สามารถแทรกได้ หนึ่งในคุณสมบัติที่น่าตื่นเต้นที่สุดของปลั๊กอินที่ไม่สามารถทำงานได้ อย่างน้อยในสภาพแวดล้อมการทดสอบของฉัน ก็ทำให้ผิดหวังเล็กน้อย

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

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

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

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

มี nitpicks อื่น ๆ ที่มีปลั๊กอิน ตัวอย่างเช่น รูปแบบบล็อก "อินไลน์" ที่ใช้ได้กับบางบล็อกไม่สามารถรีเซ็ตเป็นค่าเริ่มต้นได้ “C” ในกล่องกาเครื่องหมายชื่อบล็อกเป็นตัวพิมพ์เล็กในขณะที่ชื่อบล็อกอื่น ๆ ทั้งหมดเริ่มต้นด้วยอักษรตัวพิมพ์ใหญ่ สิ่งเล็กน้อยเหล่านี้ทำให้ปลั๊กอินดูเหมือนขัดเกลาน้อยกว่าที่เป็นอยู่

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

ฉันเชื่อมั่นว่าเราอยู่ในจุดเริ่มต้นของบางสิ่งที่พิเศษ จะใช้เวลาสักครู่ก่อนที่เราจะไปถึงที่นั่น แม้ว่า Gutenberg Forms จะไม่ได้ครอบครองตลาดเครื่องมือสร้างแบบฟอร์ม นักพัฒนาปลั๊กอินรายอื่นควรเริ่มรับคำแนะนำจากสิ่งที่ปลั๊กอินนี้ทำอยู่