ภาพรวมของธีม WordPress เริ่มต้นปี 2021

ทุกๆ ปี ทีมงาน WordPress จะเผยแพร่ธีมเริ่มต้นใหม่ การอัปเกรดนี้มักจะแสดงคุณลักษณะล่าสุดบางอย่างที่แพลตฟอร์มมีให้ และธีม WordPress เริ่มต้นในปี 2021 ก็ไม่มีข้อยกเว้น

เป้าหมายทั้งหมดของธีม Twenty Twenty-One คือการมอบประสบการณ์ที่ดีที่สุดสำหรับผู้ใช้ Block Editor ในบทความนี้ เราจะพูดถึงสิ่งที่นำเสนอและแสดงให้คุณเห็นในการดำเนินการ มาดำน้ำกันเถอะ!

บทนำสู่ธีม WordPress เริ่มต้นปี 2021

Twenty Twenty-One มาพร้อมกับ WordPress 5.6 เมื่อวันที่ 8 ธันวาคม 2020 ดังนั้นเราจึงมีเวลาเพียงเล็กน้อยที่จะดูว่ามีอะไรให้บ้าง ใช้ธีม Seedlet เวอร์ชันดัดแปลงที่มีตัวแปร CSS ที่ซ้อนกัน ฟอนต์ในเครื่องที่มีสไตล์เป็นกลาง และจานสีที่จำกัด การออกแบบที่ทันสมัยของธีมนี้มีรูปแบบบล็อกใหม่หลายแบบ พร้อมด้วยภาพเลเยอร์ที่ชวนให้นึกถึงบอร์ด Pinterest ซึ่งทำให้เหมาะสำหรับเว็บไซต์พอร์ตโฟลิโอ

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

• แท็กชื่อ
• องค์ประกอบ HTML5
• โลโก้และพื้นหลังส่วนหัวที่กำหนดเอง
• เมนูการนำทางสองเมนู (หนึ่งในส่วนหัวและเมนูรองสำหรับส่วนท้าย)
• ค่าที่ตั้งไว้ล่วงหน้าสำหรับบล็อก
• บล็อกปกแบบกำหนดเอง
• รูปแบบโพสต์ที่กำหนดเองได้หลายรูปแบบ

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

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

เนื่องจากในแวบแรก Twenty Twenty-One นั้นดูไม่โอ้อวดนัก เรามาลองดูกันว่ามันทำงานอย่างไร

The Twenty Twenty-One Theme in Action

Twenty Twenty-One มาพร้อมกับหน้าที่สร้างไว้ล่วงหน้าสี่หน้าซึ่งคุณสามารถใช้เป็นเทมเพลตสำหรับเนื้อหาหลักของเว็บไซต์ของคุณ ในส่วนนี้ เราจะตรวจสอบแต่ละหน้าทั้งจากส่วนหน้าและส่วนหลัง

หน้าแรก

ดังที่เราได้กล่าวไว้ก่อนหน้านี้ เทมเพลตโฮมเพจของธีม WordPress เริ่มต้นในปี 2021 ใช้รูปแบบบล็อกที่ทำให้ดูเหมือนบอร์ด Pinterest มาก:

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

พื้นที่นี้ประกอบด้วยสองคอลัมน์ที่มีรูปแบบทับซ้อนกัน ซึ่งทำให้รูปภาพทางด้านขวาปรากฏบนสองคอลัมน์ทางด้านซ้าย:

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

ตัวแก้ไขยังทำให้ง่ายต่อการเปลี่ยนสีพื้นหลังเริ่มต้นของทั้งหน้าหรือแต่ละส่วนด้วยการคลิกเพียงไม่กี่ครั้ง:

หากคุณเลื่อนลงไปอีกเล็กน้อย คุณจะเห็นส่วนสามคอลัมน์ที่มีข้อมูลพื้นฐานเกี่ยวกับธีม คอลัมน์เหล่านี้กล่าวถึงรูปแบบและกรอบภาพซ้อนทับกัน ซึ่งเราได้พูดถึงไปแล้ว:

คอลัมน์สุดท้ายพูดถึงรูปแบบ ดังที่เราได้กล่าวไว้ก่อนหน้านี้ ธีม Twenty Twenty-One มาพร้อมกับชุดรูปแบบบล็อกที่สร้างไว้ล่วงหน้า องค์ประกอบทั้งหมดที่คุณเห็นในหน้าแรกมีให้ในรูปแบบ:

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

หน้าเกี่ยวกับและติดต่อ

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

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

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

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

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

ฟังก์ชันหนึ่งที่ขาดหายไปจากธีม Twenty Twenty-One คือแบบฟอร์มการติดต่อสำหรับหน้า ติดต่อ เริ่มต้น:

อย่างไรก็ตาม นั่นไม่ใช่คุณลักษณะที่เรามักคาดหวังว่าจะพบในธีม WordPress เริ่มต้น พิจารณาปลั๊กอินแบบฟอร์มติดต่อฟรีมากมายที่มีให้ คุณจะไม่พลาดในธีมนี้

บล็อก

หนึ่งในแง่มุมที่เราโปรดปรานของ Twenty Twenty-One คือสไตล์บล็อก ธีมนี้ใช้ฟอนต์ธรรมดาๆ ที่อ่านง่าย และหน้า บล็อก ช่วยให้รูปภาพเด่นแต่ละรูปดึงดูดความสนใจที่ควรได้รับ:

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

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

TT1 บล็อกและบล็อกการทดลอง

แม้ว่าจุดสนใจหลักของเราที่นี่คือธีมเริ่มต้นของ WordPress ปี 2021 แต่เราคิดว่าอาจเป็นประโยชน์ที่จะชี้ให้เห็นถึงธีมคู่กัน TT1 Blocks:

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

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

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

บทสรุป

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

ด้วยธีม WordPress เริ่มต้นปี 2021 อาจมีการเปลี่ยนแปลง การออกแบบที่ทันสมัยและการผสานรวมกับ Block Editor อย่างราบรื่นทำให้เป็นโซลูชันที่ยอดเยี่ยม หากคุณสะดวกที่จะใช้เครื่องมือนั้น หากคุณกำลังทำงานกับพอร์ตโฟลิโอหรือบล็อก เราขอแนะนำให้คุณตรวจสอบ Twenty Twenty-One

คุณมีคำถามเกี่ยวกับธีม Twenty Twenty-One หรือไม่? พูดคุยเกี่ยวกับพวกเขาในส่วนความคิดเห็นด้านล่าง!

ภาพเด่นผ่าน Soloma / shutterstock.com