บล็อก ACF ให้กลุ่มของบล็อกที่สร้างขึ้นจากฟิลด์กำหนดเองขั้นสูง Pro

ในช่วงสุดสัปดาห์ที่ผ่านมา Munir Kamal ได้เปิดตัวปลั๊กอิน ACF Blocks เวอร์ชัน 2.0 ซึ่งเป็นโครงการที่สร้างชุดบล็อกสำหรับตัวแก้ไข ปลั๊กอินมีบล็อกที่กำหนดเอง 18 บล็อกในเวอร์ชันฟรีและอีก 15 บล็อกในการอัปเกรดระดับโปร สร้างขึ้นบน Advanced Custom Fields Pro (ACF Pro)

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

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

การมีเพศสัมพันธ์อย่างแน่นหนากับ ACF Pro ทำร้ายประสบการณ์ผู้ใช้สำหรับปลั๊กอิน อย่างไรก็ตาม แนวคิดเบื้องหลัง ACF Blocks และตัวเลือกที่กำหนดเองนั้นประกอบขึ้นจากข้อบกพร่องของการพึ่งพาปลั๊กอินหลักที่ขึ้นต่อกัน การแยกส่วนทั้งสองไม่น่าจะเป็นไปได้ แต่จะทำให้ประสบการณ์ที่ราบรื่นยิ่งขึ้นและเปิดปลั๊กอินให้กับผู้ชมที่กว้างขึ้น

Kamal ได้รับแรงบันดาลใจจากปลั๊กอินจาก ACF และเวอร์ชันโปร เขาอธิบายขั้นตอนการสร้างบล็อคด้วยกรอบการทำงาน “ง่ายสุด ๆ” แม้กระทั่งสำหรับนักพัฒนาระดับกลาง “มันเป็นกรอบงาน WordPress ที่ยอดเยี่ยมมานานหลายปีในการสร้างฟิลด์ที่กำหนดเอง” เขากล่าว “และเมื่อ [Elliot Condon] ประกาศคุณสมบัติการสร้างบล็อกใน ACF นั่นกระตุ้นให้ฉันสร้างคอลเลกชัน ACF Blocks ที่พร้อมใช้งานอย่างรวดเร็ว”

ข้อจำกัดทางเทคนิคที่ใหญ่ที่สุดคือ Kamal ไม่สามารถสร้างบล็อกที่ซ้อนกัน ซึ่งเป็นข้อจำกัดในปัจจุบันของ ACF “ฉันได้พูดคุยกับ [Condon] แล้ว และเขากำลังดำเนินการเพื่อนำฟังก์ชันดังกล่าวมาใช้ หวังว่าในเร็วๆ นี้” เขากล่าว “เมื่อมาถึง ACF เราอาจสร้าง Gutenberg Blocks ที่น่าทึ่งและทรงพลังยิ่งขึ้น”

ดูคำแนะนำสั้น ๆ เกี่ยวกับวิธีการทำงานของปลั๊กอิน:

การแบ่งประเภทบล็อกที่มีประโยชน์

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

หนึ่งในบล็อกที่ดีที่สุดในคอลเล็กชันคือบล็อก Photo Collage เป็นคำตอบของ ACF Blocks สำหรับบล็อกหลักในแกลเลอรี ตัวเลือกกริดสำหรับบล็อกนี้เพียงอย่างเดียวทำให้ปลั๊กอินนี้คุ้มค่าที่จะลองดู บล็อกมีเค้าโครงกริดระหว่าง 2 ถึง 15 แบบ ขึ้นอยู่กับตัวเลือกกริดที่ผู้ใช้เลือก

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

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

บล็อกต่อไปนี้มีอยู่ในเวอร์ชันฟรี (มีอีกหลายบล็อกในเวอร์ชันโปร):

1. บล็อกรูปภาพที่เลื่อนได้
2. แท็บบล็อก
3. สลับบล็อก
4. บล็อกหีบเพลง
5. บล็อกตัวเลื่อนรูปภาพ
6. บล็อกการแบ่งปันทางสังคม
7. บล็อกภาพตัดปะ
8. บล็อกโพสต์
9. ข้อความรับรอง
10. ทีมบล็อค
11. บล็อกหลายปุ่ม
12. บล็อกกล่องราคา
13. รายการราคา บล็อก
14. เริ่มการให้คะแนน บล็อก
15. แถบความคืบหน้า
16. บล็อกหมายเลขเคาน์เตอร์
17. คลิกเพื่อทวีต Block
18. ช่วงชั่วโมงทำการ

บล็อกโปรดของ Kamal จากชุดโดยรวมคือ Image Hotspot ซึ่งช่วยให้ผู้ใช้สามารถตั้งค่าพื้นหลังของรูปภาพด้วย "ตัวชี้" เพื่อแสดงเนื้อหา Before After Image ซึ่งให้ผู้ใช้เปรียบเทียบภาพสองภาพโดยใช้แถบเลื่อน และ Photo Collage ซึ่งเป็นบล็อกแกลเลอรีแบบตารางของปลั๊กอิน สองรายการแรกมีเฉพาะในปลั๊กอินรุ่นโปรเท่านั้น ผู้สร้างปลั๊กอินกล่าวว่าเขาคิดว่าบล็อกทั้งหมดมีประโยชน์ แต่สิ่งเหล่านี้เป็นการสร้างที่สนุกที่สุด

ห้องสำหรับการปรับปรุง

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

ปัญหาที่เร่งด่วนที่สุดและน่าจะแก้ไขได้ง่ายที่สุดคือรูปแบบของปลั๊กอินสำหรับระยะขอบด้านซ้ายและขวาในทุกบล็อก ปลั๊กอินรีเซ็ตระยะขอบเหล่านี้เป็น 0 โดยค่าเริ่มต้น ขึ้นอยู่กับธีมที่ใช้งานบนไซต์ ซึ่งอาจเปลี่ยนบล็อกไปที่ขอบของหน้าจอแทนพื้นที่เนื้อหาที่ส่วนหน้า บางธีมใช้ระยะขอบซ้าย/ขวาเพื่อจัดแนวเนื้อหา นี่ไม่ใช่ปัญหากับ ACF Blocks เท่านั้น เป็นที่แพร่หลายในหมู่ปลั๊กอินที่มีเอาต์พุตส่วนหน้า

วิธีแก้ปัญหาอย่างรวดเร็ววิธีหนึ่งสำหรับปัญหามาร์จิ้นคือการห่อบล็อกของปลั๊กอินภายในบล็อกกลุ่มหลัก ซึ่งจะทำให้ระยะขอบกลับมาอยู่ภายใต้การควบคุมของธีม

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

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

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

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

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

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

Kamal เข้าใจดีว่าผู้ใช้ ACF Pro บางรายอาจพยายามสร้างบล็อคที่คล้ายกัน แต่รู้สึกว่าความรู้และความทุ่มเทของทีมเขาในการให้การสนับสนุนเป็นส่วนที่สำคัญที่สุดของสมการ “ACF Blocks ช่วยประหยัดเวลาและความพยายามในการสร้างบล็อกสำหรับองค์ประกอบการออกแบบเว็บทั่วไป” เขากล่าว

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