10 WordPress บล็อกธีมพร้อมการแก้ไขเว็บไซต์เต็มรูปแบบ

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

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

การแก้ไขเว็บไซต์แบบเต็มคืออะไร

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

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

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

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

ในการสาธิตด้านบน ฉันมี:

1. เลือกบล็อกส่วนท้ายเป็นส่วนทั้งหมด
2. เปลี่ยนสีพื้นหลังโดยใช้ตัวแก้ไขบล็อก

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

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

ก้าวสู่ยุคใหม่ของ WordPress

แนวคิดของ FSE ยังคงสดใหม่ในสายตาของทุกคน

ฉันคิดว่ามันปลอดภัยที่จะบอกว่าในขณะนี้ FSE จะต้องดิ้นรนเพื่อแข่งขันกับผู้สร้างเว็บไซต์ที่ได้รับการขัดเกลาเช่น Elementor และ Visual Composer แต่ฉันแน่ใจว่าสิ่งต่าง ๆ จะเปลี่ยนไปอย่างมากด้วยการเปิดตัว WordPress 6.0 ขึ้นไป

สำหรับธีมบล็อก นักพัฒนาได้เริ่มทำงานในพื้นที่นี้แล้ว ในที่เก็บ WordPress มีธีมดังกล่าวมากกว่า 60 แบบ และอาจมีอีก 50 ชิ้นกระจายออกไปทั้งแบบพรีเมียมและโครงการโอเพ่นซอร์ส

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

วาบิ

Rich Tabor ได้สร้างผลิตภัณฑ์ WordPress มานานกว่าทศวรรษ คุณอาจรู้จักเขาจากปลั๊กอินอย่าง CoBlocks แต่ยังรวมถึงบริษัทธีม ThemeBeans ของเขาด้วย เมื่อมันเกิดขึ้น Rich ไม่เพียงแต่เป็นแฟนตัวยงของฟีเจอร์ใหม่ของ WordPress เท่านั้น แต่เขายังได้สร้างธีมการแก้ไขเว็บไซต์แบบสมบูรณ์ด้วยตัวเขาเอง ธีมวาบิ

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

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

ใช้ลิงก์ด้านล่างเพื่ออ่านเพิ่มเติมเกี่ยวกับธีมและดูการใช้งานจริง

* ปลั๊กอิน Gutenberg จำเป็นสำหรับรูปแบบที่กำหนดเอง

Tove

การได้เห็นธีมใหม่ที่ออกโดย Anders Noren เป็นเรื่องที่น่ายินดี และหากคุณเป็นแฟนตัวยงของแนวทางการออกแบบที่มีสไตล์ ธีม Tove จะสร้างความประทับใจให้กับคุณ! แต่ไม่เพียงแค่การออกแบบเท่านั้น

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

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

Blockpress

Blockpress ดูเหมือนจะเป็นหนึ่งในธีมบล็อกแบบ all-in-one แรกที่สนับสนุนการแก้ไขไซต์เต็มรูปแบบ และสร้างขึ้นโดยคำนึงถึงแนวทางปฏิบัติที่ดีที่สุด

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

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

Archeo

มันสมเหตุสมผลแล้วที่ Automattic จะสร้างธีม FSE มีบางส่วนในรายการนี้จากพวกเขา และรายการแรกคือ Archeo ธีมนี้สร้างขึ้นเพื่อใช้โดยนักเขียนที่ชื่นชอบเลย์เอาต์ที่เรียบง่ายพร้อมตัวอักษรขนาดใหญ่

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

Bricksy

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

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

 พูดถึงรูปแบบ ลองอ่านบทความนี้จาก Justin Tadlock ใน WP Tavern - WordPress ได้เพิ่มไดเร็กทอรี Patterns ซึ่งมีรูปแบบบล็อกที่สร้างโดยชุมชน ซึ่งคุณสามารถคัดลอกและวางลงในธีมที่มีอยู่ได้ เข้ากันได้อย่างสมบูรณ์กับธีม WordPress ใด ๆ

ลานสเก็ต

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

นักธรณีวิทยา

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

โอน่า มินิมอล

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

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

แบบฟอร์มการสมัครสมาชิกที่สะอาดพร้อมลิงก์โซเชียลนั้นสมบูรณ์แบบ รูปแบบอื่นๆ ได้แก่ บล็อกพอร์ตโฟลิโอ ฟีด Instagram และเค้าโครงโพสต์บล็อกแบบเต็มความกว้างที่ยอดเยี่ยม

Kemet

ความประทับใจของฉันที่มีต่อ Kemet คือมันเหมือนกับเฟรมเวิร์กมากกว่าแค่ธีมปกติ

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

การเงิน

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

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

จับ FSE

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

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

Gutena

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

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

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

เว่ย

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

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

น้ำลาวา

ธีมสปา / ความงามจาก Gutenverse มอบประสบการณ์หน้า Landing Page ที่ราบรื่นสุด ๆ และเพิ่มคุณสมบัติที่เป็นเอกลักษณ์มากมายให้กับเว็บไซต์ของคุณ ประการหนึ่ง WaterLava มีตัวสร้างแบบฟอร์มในตัว ซึ่งจะช่วยให้คุณไม่ต้องใช้งานปลั๊กอินเพื่อจุดประสงค์เดียวกัน

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

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

อนาคตของการพัฒนาธีม WordPress

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

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

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

แน่นอนว่าผู้ใช้ WordPress จำนวนมากยังคงใช้ธีมดั้งเดิมต่อไป แต่แนวคิดในการใช้ WordPress เป็นเครื่องมือสร้างเว็บไซต์แบบเนทีฟนั้นเป็นสิ่งที่ต้องคำนึงถึง