FSE Outreach Round #2: การสร้างโฮมเพจแบบกำหนดเองด้วย Site Editor ของ Gutenberg

Anne McCarthy ประกาศการทดสอบรอบที่สองสำหรับโปรแกรม Full Site Editing (FSE) Outreach การทดสอบขอให้ผู้ใช้สร้างหน้าแรกจากตัวแก้ไขไซต์ของปลั๊กอิน Gutenberg เปิดรับข้อเสนอแนะจนถึงวันที่ 5 มีนาคม

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

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

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

ในที่สุด ฉันได้สร้างโฮมเพจที่กำหนดเองสำหรับร้านอาหารชื่อ The Grilled Cheese — ฉันจะเปิดร้านอาหารนี้ในโลกแห่งความเป็นจริงอย่างแน่นอน ถ้าฉันออกจากชุมชน WordPress

มันง่ายพอสมควร ทั้งหมดบอกว่าฉันใช้เวลาประมาณสองชั่วโมงในการเล่นรอบ ๆ กับแนวคิดที่หลากหลายก่อนที่จะมาถึงขั้นตอนนี้ ในการสร้างสิ่งที่ฉันพอใจจะใช้เวลาอีกสองสามชั่วโมง

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

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

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

ระบุจุดปวด

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

นอกเหนือจากปัญหาการเว้นวรรคทั่วไปที่กล่าวถึงก่อนหน้านี้ ฉันยังระบุสิ่งกีดขวางหลายจุดขณะสร้างหน้าแรกแบบกำหนดเอง

ความกว้างสูงสุด

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

ก่อนหน้านี้ฉันได้เขียนเกี่ยวกับความต้องการเฟรมเวิร์กการออกแบบ ซึ่งผู้เขียนธีมปรับแต่งได้ Tailwind CSS มีระบบความกว้างสูงสุดที่มีความยืดหยุ่นสูง WordPress จำเป็นต้องเริ่มยืมแนวคิดจากกรอบการออกแบบที่ทันสมัยเหล่านี้

เพิ่มไอคอนบล็อก

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

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

บล็อกแบบสอบถาม

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

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

อีกแง่มุมที่สับสนของบล็อก Query คือตัวกรองคำหลัก เท่าที่ฉันทราบ WordPress ไม่เคยใช้คำศัพท์ "คำหลัก" นอกเหนือจากปลั๊กอิน SEO ดูเหมือนว่าจะไม่มีบริบทสำหรับสิ่งที่ตัวกรองนี้ทำ ฉันเดาว่ามันทำงานเหมือนคำค้นหา

สไตล์สากลสำหรับบล็อกทั้งหมด

เมื่อเปลี่ยนไปใช้แผง Global Styles ฉันสังเกตเห็นว่าบางบล็อคหายไปเมื่อใช้สไตล์กับระดับบล็อก โดยเฉพาะอย่างยิ่ง ฉันต้องการปรับสไตล์สำหรับบล็อกความคิดเห็นล่าสุด

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

ไม่มีคอลัมน์เต็มความกว้าง

สำหรับเนื้อหาของหน้าแรกของฉัน ฉันพยายามสร้างบล็อกคอลัมน์แบบเต็มความกว้าง อย่างไรก็ตาม คอลัมน์ทั้งสองแต่ละคอลัมน์มีขนาดจำกัดแม้จะเพิ่มขึ้น 66.67% และ 33.33% ตามลำดับ

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

รูปภาพเด่น

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

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