วิธีเริ่มต้นกับ Gutenberg

หากคุณสงสัยเกี่ยวกับตัวแก้ไข WordPress ใหม่ Gutenberg โพสต์นี้เหมาะสำหรับคุณ

Gutenberg เป็นเด็กใหม่ในบล็อกสำหรับ WordPress Editor ได้รับการพัฒนาบน GitHub โดยใช้ WordPress REST API , JavaScript และ React ตัวแก้ไขให้ความรู้สึกทันสมัย ​​ทำงานง่าย และเจียมเนื้อเจียมตัวมาก การเปรียบเทียบ Gutenberg กับ Classic Editor ก็เหมือนกับการเปรียบเทียบบ้าน 2 หลัง โดยหลังหนึ่งมีเฟอร์นิเจอร์จำนวนมากและอีกหลังแทบไม่มีเลย แม้ว่าคุณจะรู้สึกว่าสไตล์มินิมอลนั้นดูน่ากลัวไปหน่อย แต่เมื่อคุณเริ่มใช้ Gutenberg ประสบการณ์โดยรวมก็น่าพึงพอใจ

แน่นอน Gutenberg มีข้อเสีย และหากคุณมีประสบการณ์มากเกี่ยวกับ Classic Editor คุณอาจรู้สึกว่าการทำงานกับ Gutenberg ดูเหมือนเป็นการถอยหลัง

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

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

ก้าวแรก

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

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

โครงสร้างทั่วไปและบล็อก

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

ปุ่มเพิ่มบล็อกใหม่

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

การจัดการบล็อก

เมื่อคุณเพิ่มบล็อกแล้ว คุณสามารถย้ายบล็อกไปเหนือเนื้อหา ขึ้นและลงด้วยลูกศร และอื่น ๆ

แถบด้านข้าง

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

ก้าวไปข้างหน้า

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

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

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

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

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

คุณสมบัติพิเศษ

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

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

สำหรับบรรณาธิการ

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

ธีม 42

ดูว่ามีอะไรเกิดขึ้นบ้าง โครงการใหม่ของเราใช้โปรแกรมแก้ไขภาพใหม่ของ WordPress, The 42 Theme จะเผยแพร่บนเว็บไซต์ Aspen Grove Studios เร็วๆ นี้ รวมถึงใน WordPress Repository

สรุปแล้ว

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

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