ธีมแห่งอนาคต: กรอบการออกแบบและธีมหลัก

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

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

ภาพเด่น? สิ่งเหล่านี้ได้รับความนิยมจากธีมของ นิตยสาร เมื่อทศวรรษที่แล้ว

คุณคิดว่ารูปแบบโพสต์มาจาก Tumblr หรือไม่? Matt Mullenweg ผู้ร่วมสร้าง WordPress สอนเราถึงวิธีสร้างโพสต์ที่แยกจากกันในธีมของเราในปี 2004 แต่พวกมันมีมาก่อนนั้น

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

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

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

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

WordPress จำเป็นต้องมี Front-End Design Framework หรือไม่?

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

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

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

โอ้ ฉันเห็นบาง BEM เหตุใดองค์ประกอบย่อยนี้จึงไม่เป็นไปตามรูปแบบการตั้งชื่อเดียวกัน รอ. นั่นคือคลาสยูทิลิตี้ 38 ตัวอักษรหรือไม่?

สิ่งที่ WordPress ขาดอยู่เสมอคือระบบการออกแบบส่วนหน้าที่เป็นสากล บางครั้งมันก็เป็นสิ่งที่ดี อนุญาตให้ผู้เขียนธีมใช้เฟรมเวิร์กที่ต้องการได้ ผู้แต่งธีมคนใดก็ตามที่อยู่ในเกมมานานพอจะบอกคุณว่า ความยืดหยุ่นแบบนั้นเยี่ยมมาก... จนกว่าจะไม่เป็น เช่นนั้น คุณเคยลองเพิ่มคลาสตามบริบทให้กับวิดเจ็ตหรือไม่? แล้วการเพิ่มคลาสยูทิลิตี้ให้กับ wrapper แบบฟอร์มความคิดเห็นล่ะ คุณจะต้องใช้แอสไพริน หรือสอง

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

แทบจะเป็นไปไม่ได้เลยที่จะใช้เฟรมเวิร์กระดับยูทิลิตี้อย่าง Tailwind CSS ในธีมโดยไม่สร้างฟีเจอร์หลักขึ้นมาใหม่

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

WordPress ต้องการเฟรมเวิร์กการออกแบบส่วนหน้าที่แข็งแกร่ง

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

Gutenberg ผลักเราบางส่วนไปในทิศทางนี้ แต่ก็ยังไปได้ไม่ไกลพอ ด้วยการแก้ไขเว็บไซต์เต็มรูปแบบในอนาคต จำเป็นต้องมีแนวทางแบบองค์รวมมากขึ้นในการแก้ไขปัญหานี้

เราต้องการนักออกแบบส่วนหน้าในการสนทนามากกว่าสิ่งอื่นใด ไม่มีทาง . .has-subtle-pale-green-background-color ควรจะเป็นคลาสยูทิลิตี้เหนือสิ่งอื่นใดเช่น .bg-pale-green , .bg-green-100 หรือแม้แต่ .background-pale-green ถ้าคุณ ต้องการที่จะละเอียดมากขึ้น ไม่มีแนวคิดเรื่องการเพิ่มประสิทธิภาพที่เข้าสู่การตัดสินใจนั้น ในช่วงเวลาที่นักพัฒนาใช้การเชื่อมต่ออินเทอร์เน็ตแบบกิกะบิต เป็นเรื่องง่ายที่จะลืมไปว่าโลกส่วนใหญ่กำลังเดินตามอย่างช้าๆ

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

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

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

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

อนาคตแบบธีมเดียวเป็นไปได้หรือไม่?

Rich Tabor สร้างข้อโต้แย้งว่า WordPress หลักสามารถให้ธีมหลักเดียวในบทความของเขา A Look at WordPress Themes of the Future แนวคิดก็คือผู้เขียนธีมจะถูกผลักไสให้สร้างธีมย่อยสำหรับธีม "หลัก" นี้

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

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

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

ธีมจะต้องโดดเด่นด้วยจานสี การออกแบบตัวอักษร และความแปลกใหม่ในสไตล์ของตัวเอง ซึ่งเป็นการกลับมาของ CSS Zen Garden ในขนาดที่ใหญ่กว่ามาก

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

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