ธีมใหม่ 20 ธีมใน WordPress 5.3

เผยแพร่แล้ว: 2019-12-20

เมื่อไม่กี่สัปดาห์ก่อน WordPress เวอร์ชันใหม่เปิดตัว WordPress 5.3 มีลักษณะเฉพาะ โดยส่วนใหญ่มาจากการปรับปรุง UX และ UI ทั้งหมดที่รวมอยู่ในตัวแก้ไขบล็อกและโดยธีมเริ่มต้นใหม่

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

ภาพรวมยี่สิบยี่สิบ

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

ธีมใหม่ 20 ธีมใน WordPress
ใหม่ ธีม WordPress ยี่สิบยี่สิบ

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

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

Anders Noren

ข้อเท็จจริงที่น่าสนใจ ประการหนึ่งเกี่ยวกับธีมเริ่มต้นของ WordPress ใหม่คือ ธีมนี้ไม่ได้ถูกสร้างขึ้นมาตั้งแต่ต้น ซึ่งต่างจากรุ่นก่อน—ซึ่งอิงตามธีมที่มีอยู่แล้วในที่เก็บ WordPress.org: Chaplin

ภาพโปรโมตของธีมแชปลิน
ภาพโปรโมตของธีม Chaplin สำหรับ WordPress

คุณลักษณะอื่นที่ทำให้ Twenty Twenty แตกต่างไปจากเดิมคือรูปแบบตัวอักษรที่มาพร้อมกับ Inter ซึ่งออกแบบโดย Rasmus Andersson เป็นแบบอักษรที่เปิดกว้างและฟรีซึ่งสร้างขึ้นเพื่ออำนวยความสะดวกในการอ่านข้อความ โดยเฉพาะอย่างยิ่งเมื่อขนาดแบบอักษรมีขนาดเล็กมาก

สกรีนช็อตของโฮมเพจของอินเตอร์ (แบบอักษรเปิด)
Inter คือรูปแบบตัวอักษรเริ่มต้นที่มาพร้อมกับ Twenty Twenty

วิธีการติดตั้งธีม Twenty Twenty ใหม่

ตามที่ได้กล่าวไปแล้ว ธีมนี้เป็นธีมเริ่มต้นใหม่ใน WordPress 5.3 ดังนั้น หากคุณกำลังสร้างการติดตั้ง WordPress ใหม่และใช้เวอร์ชันล่าสุด ธีมก็จะอยู่ที่นั่นแล้ว

ธีมยี่สิบยี่สิบเป็นธีมเริ่มต้นใน WordPress 5.3
ธีม 20 ธีมเป็นธีมเริ่มต้นใน WordPress 5.3

แต่ยังสามารถติดตั้งใน WordPress เวอร์ชันก่อนหน้าได้อีกด้วย เพียงไปที่ ลักษณะที่ ปรากฏ » ธีม » เพิ่มใหม่ และมองหาธีม "ยี่สิบยี่สิบ":

รวม Twenty Twenty ใน WordPress 5.3 . แล้ว
Twenty Twenty เป็นธีมอื่นๆ ที่ติดตั้งง่ายมาก

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

วิธีปรับแต่งยี่สิบ ยี่สิบ

ธีมสามารถปรับแต่งได้อย่างง่ายดายจากตัวปรับแต่งธีมในตัวของ WordPress คลิกที่ ลักษณะที่ ปรากฏ » ปรับแต่ง แล้วคุณจะเห็นตัวเลือกที่มีทั้งหมด:

การปรับแต่ง Twenty Twenty ใน WordPress
การปรับแต่ง Twenty Twenty ใน WordPress

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

ชุดสีเริ่มต้นยี่สิบยี่สิบชุด
ชุดสีเริ่มต้นยี่สิบยี่สิบชุด

โพสต์ลักษณะที่ปรากฏ

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

มุมมองเริ่มต้นของโพสต์ใน Twenty Twenty
มุมมองเริ่มต้นของโพสต์ WordPress ใน Twenty Twenty

และหลังจากชื่อภาพก็มีภาพเด่นซึ่งผสมผสานกับเนื้อหาไม่มากก็น้อย

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

เทมเพลตหน้าและโพสต์มีอยู่ในธีม
เทมเพลตหน้าและโพสต์มีอยู่ในธีม

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

เทมเพลตที่มีรูปภาพเด่นโดยใช้การพับครั้งแรกอย่างสมบูรณ์
เทมเพลตที่มีรูปภาพเด่นโดยใช้ส่วนพับแรกอย่างสมบูรณ์

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

เมนู

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

  • เมนูแนวนอน เป็นเมนูที่แสดงในภาพหน้าจอก่อนหน้าทั้งหมด ตัวเลือกจะปรากฏที่แถบด้านบนของเว็บไซต์ของคุณเสมอ
เมนูหลากหลายในธีมยี่สิบยี่สิบ
เมนูต่างๆ ในธีม Twenty Twenty
  • เมนูขยาย . มันคือ "เมนูที่ซ่อนอยู่" หากต้องการเปิดเผย คุณเพียงแค่คลิกที่ไอคอนจุดไข่ปลา (ถัดจากเมนูก่อนหน้า) และเมนูแบบขยายจะเลื่อนเข้ามาจากมุมขวา:
ขยายเมนูธีม 20 ธีม
ขยายเมนูธีม 20 ธีม

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

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

นี่ไม่ใช่สิ่งที่ใหม่สำหรับธีมนี้ (มีให้ใช้งานมาสักระยะแล้ว ในธีมทั้งหมด 20 ธีม) แต่ยังไงฉันก็ชอบมันอยู่ดี

วิดเจ็ตและการค้นหา

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

Twenty Twenty มาพร้อมกับพื้นที่วิดเจ็ตสองส่วนในส่วนท้าย ซึ่งสอดคล้องกับสองคอลัมน์ที่คุณเห็นในการจับภาพ
Twenty Twenty มาพร้อมกับพื้นที่วิดเจ็ตสองส่วนในส่วนท้าย ซึ่งสอดคล้องกับสองคอลัมน์ที่คุณเห็นในการจับภาพ

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

ช่องค้นหาแบบไดนามิกรวมอยู่ใน Twenty Twenty
ช่องค้นหาแบบไดนามิกรวมอยู่ใน Twenty Twenty

สรุป

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

ภาพเด่นโดย Ankhesenamun 96 บน Unsplash