โหมดสว่าง: ธีมบล็อกใหม่ที่มีสีสันสดใส รูปแบบ และสไตล์บล็อกที่กำหนดเอง

Brian Gardner ผู้ก่อตั้ง StudioPress และผู้ร่วมสร้าง Genesis Framework มีธีมบล็อกใหม่ในไดเร็กทอรีชื่อ Bright Mode ธีมนี้มีจานสีที่สดใสพร้อมการไล่ระดับสีอย่างมีรสนิยม รูปแบบบล็อกที่ออกแบบมาอย่างสวยงาม 14 แบบ และรูปแบบสนุกๆ มากมายที่ซ่อนอยู่ในสไตล์บล็อกที่กำหนดเอง

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

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

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

“ฤดูร้อนปีที่แล้ว ฉันอ่านบทความที่เขียนโดย Justin Tadlock เกี่ยวกับรูปแบบบล็อกและไดเรกทอรีรูปแบบ (ซึ่งอยู่ในรุ่นเบต้าในขณะนั้น)” การ์ดเนอร์กล่าว “เขาเชื่อมโยงกับมัน และฉันใช้เวลาสองสามนาทีคลิกไปรอบๆ ในที่สุด ฉันก็เห็นรูปแบบที่ฉันคิดว่าเจ๋งและคลิกปุ่ม 'คัดลอกรูปแบบ' ฉันต้องการดูว่าทั้งหมดนี้ทำงานอย่างไร ดังนั้นฉันจึงเปิดโพสต์บนบล็อกของฉันและวางโค้ด Voila มันอยู่ที่นั่น ในขณะนั้นฉันรู้—ศักยภาพของ WordPress สมัยใหม่ปรากฏต่อหน้าฉัน”

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

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

"ฉันใช้เวลาหลายเดือนในการออกแบบ Bright Mode ซ้ำแล้วซ้ำเล่า ดังนั้นฉันจึงรู้สึกว่าจำเป็นต้องทำสองสิ่งให้สำเร็จ: ส่งมันและเปิดประตูทิ้งไว้เพื่อเพิ่มสิ่งใหม่ๆ" การ์ดเนอร์กล่าว

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

"สำหรับการแทรกรูปแบบโดยค่าเริ่มต้น ตัวอย่างเดียวที่อาจเป็นประโยชน์คือหน้าแรกของโหมดสว่าง ซึ่งเป็นเพียงรูปแบบที่ยินดีต้อนรับ จากนั้นจึงวนรอบกริดด้านล่าง" เขากล่าว “แน่นอน เมื่อฉันเพิ่มรูปแบบมากขึ้น นี่อาจเป็นส่วนหนึ่งของการอัปเดต”

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

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

“สีหลัก สีรอง และสีตติยภูมิผ่านการทดสอบความคมชัดทั้ง WCAG 2.0 ระดับ AA และ WCAG ระดับ AAA สำหรับสิ่งต่อไปนี้: ข้อความปกติ ข้อความขนาดใหญ่ วัตถุกราฟิก และส่วนประกอบส่วนต่อประสานผู้ใช้” การ์ดเนอร์กล่าว

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

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

แง่มุมหนึ่งของโหมดสว่างที่การ์ดเนอร์กล่าวว่าเขาชอบธีมนี้มากที่สุดคือวิธีการใช้ Cover Block ในหน้าเดียว มันดึงรูปภาพเด่นลงในบล็อกหน้าปก และยังมีสไตล์บล็อกแบบกำหนดเองสำหรับเงาและตัวเลือกความสูงเต็ม (ทางเลือกเป็นเพียงส่วนหัวสีดำที่มีชื่อ) "ฉันรู้สึกราวกับว่าสิ่งนี้นำเสนอสิ่งที่เป็นไปได้สำหรับ WordPress สมัยใหม่" การ์ดเนอร์กล่าว

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

แม้ว่าผู้เขียนธีมดั้งเดิมหลายคนยังคงต่อต้านบล็อกธีมที่มองเห็นได้ในไดเร็กทอรี Themes มากขึ้น Gardner มีสิทธิ์ได้รับงานประจำวันเป็น Developer Advocate ที่ WP Engine ซึ่งเขาได้รับค่าจ้างเพื่อมีส่วนร่วมกับชุมชนและช่วยให้ผู้ใช้เปลี่ยนไปใช้ ตัวแก้ไขบล็อกและการแก้ไขแบบเต็มไซต์

“โดยพื้นฐานแล้ว การก้าวให้ทันการพัฒนาของ Gutenberg และมีอะไรใหม่เกี่ยวกับ WordPress คือสิ่งที่ฉันได้รับค่าตอบแทนให้ทำ” การ์ดเนอร์กล่าว “โดยธรรมชาติแล้ว สิ่งนี้ทำให้ง่ายต่อการทดสอบกับธีม (เช่นที่เราทำกับ Frost) และให้ทรัพยากรกลับคืน เช่น ไซต์ที่เพิ่งเปิดตัวใหม่สำหรับ Builders ยิ่งไปกว่านั้น ฉันใช้เวลาว่างในตอนกลางคืนและวันหยุดสุดสัปดาห์เพื่อค้นหาว่าฉันสามารถสร้างสรรค์สิ่งต่าง ๆ ได้ไกลแค่ไหน”

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