Gutenberg ส่งผลต่อธีม WordPress อย่างไร

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

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

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

ฉันควรทำอย่างไรแทนธีมที่มีตัวสร้างเพจ ไม่น่าจะเกิดขึ้นในอนาคตอันใกล้นี้ ยิ่งธีมมีตัวแก้ไขบล็อกนานเท่าใด ธีมก็จะยิ่งมีแนวโน้มที่จะใช้มากขึ้นเท่านั้น

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

ธีมควรได้รับการปรับให้เหมาะสม Gutenberg หรือไม่?

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

ธีม Gutenberg ได้รับการอัปเดตเพื่อรวมธีมที่ปรับให้เหมาะสม นี่เป็นรุ่นแรกของ WordPress 5.0 และมี ฟีเจอร์ Gutenberg . เพื่อแทนที่ตัวแก้ไขแบบคลาสสิก แพลตฟอร์มการแก้ไขเนื้อหาใหม่เรียกว่า Gutenberg ธีม StudioPress จำนวน 6 ธีมได้รับการเผยแพร่อีกครั้ง และประกอบด้วยฟีเจอร์ในตัวและการรองรับ Gutenberg ที่ได้รับการปรับปรุง Genesis Framework กลายเป็นวิธีที่ดีที่สุดในการสร้างเว็บไซต์ด้วย Gutenberg อย่างรวดเร็ว เราวางแผนที่จะอัปเกรดธีม StudioPress ทั้งหมดของเราเป็นการสนับสนุนขั้นสูงในอีกไม่กี่เดือนข้างหน้า ด้วยเหตุนี้ Genesis Framework จะได้รับการอัปเกรดเป็นเวอร์ชัน 2.8 ในไตรมาสแรกของปี 2019

Elementor Vs Gutenberg: ไหนดีกว่าสำหรับคุณ?

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

Gutenberg ทำอะไรใน WordPress?

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

การใช้แพลตฟอร์ม WordPress เป็นครั้งแรก มีตัวแก้ไขใหม่ชื่อ Gutenberg คุณลักษณะเช่นนี้จะเปลี่ยนแปลงวิธีการสร้างโพสต์ เพจ ผลิตภัณฑ์ และเกือบทุกอย่างในเว็บไซต์ของคุณอย่างมาก ฟีเจอร์นี้ถูกเพิ่มใน WordPress 5.0 ซึ่งเปิดตัวเมื่อวันที่ 27 พฤศจิกายน 2018 สิ่งแรกที่เราจะทำคือดูสถานะปัจจุบันและวิธีการทำงาน ตามด้วยข้อดีและข้อเสีย หลังจากการอัปเดตครั้งสำคัญครั้งต่อไป WordPress จะรวม Gutenberg เนื่องจากตัวแก้ไขยังอยู่ในช่วงเริ่มต้นของการพัฒนา จึงยังไม่สามารถใช้งานได้จริง หากคุณเพิ่งอัปเดตไซต์ WordPress เป็นเวอร์ชันล่าสุด คุณอาจสังเกตเห็นการแจ้งเตือนเกี่ยวกับ Gutenberg บนแดชบอร์ดของคุณ WordPress 5.0 ซึ่งสามารถเปิดตัวได้เร็วที่สุดในวันที่ 27 พฤศจิกายน 2018 หรือจนถึงวันที่ 22 มกราคม 2019 จะรวม Gutenberg ด้วย คุณควรจำไว้ว่าปลั๊กอินและธีมโปรดของคุณได้รับการอัปเดตเพื่อรองรับ Gutenberg แล้ว ดังนั้นจึงควรสังเกตว่านักพัฒนาของพวกเขากำลังดำเนินการอัปเดตให้เหมือนกัน

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

ทำไม Gutenberg ถึงดีกว่า Elementor?

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

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

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

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

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

ทางเลือกที่ดีที่สุดสำหรับ Elemento

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

การพัฒนาธีมกูเทนเบิร์ก

กระบวนการพัฒนาธีมของ Gutenberg นั้นแตกต่างจากการพัฒนาธีม WordPress แบบดั้งเดิมเล็กน้อย ในการสร้างธีมที่เข้ากันได้กับ Gutenberg คุณจะต้องใช้อินเทอร์เฟซตัวแก้ไขบล็อกใหม่และบล็อกโค้ดสำหรับการพัฒนาธีมโดยเฉพาะ สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการพัฒนาธีม Gutenberg โปรดดูแหล่งข้อมูลต่อไปนี้: https://developer.wordpress.org/block-editor/themes/ https://make.wordpress.org/core/handbook/designers-developers/developers/ ธีม/กูเทนเบิร์ก-ธีม-การพัฒนา/

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

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

ธีม Gutenberg เปล่า

ไม่มีสิ่งที่เรียกว่า " ธีม Gutenberg ที่ว่างเปล่า " Gutenberg เป็นโปรแกรมแก้ไขเนื้อหา ไม่ใช่ธีม

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

การเพิ่มเนื้อหาลงในหน้าเปล่าของคุณ

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