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

ก่อนที่จะเริ่ม

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

ตัวอย่างการจัดอันดับ gutenberg wordpress.jpeg

ฉันจะไม่หยุดเรื่องนี้และทดสอบเพื่อรับความรู้สึก

การนำเสนออินเทอร์เฟซ

ในการใช้ Gutenberg คุณต้อง เขียน บทความ (แน่นอน) อย่างที่คุณเคยทำมาแล้ว นั่นคือ " บทความ> เพิ่ม".

gutenberg presentation.jpeg

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

wordpress.jpeg เวอร์ชันเก่า

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

calypso editor wordpress.jpeg

ตำแหน่งขององค์ประกอบ

ส่วนการสำรองข้อมูล

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

ส่วนสำรอง gutenberg.jpeg

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

การควบคุมขั้นสูง gutenberg.jpeg

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

หมวดหมู่ gutenberg และภาพที่ first.jpeg

ส่วนบล็อก

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

เมื่อคุณวางเคอร์เซอร์บนย่อหน้าของคุณเพื่อเข้าถึงฟังก์ชันของบล็อกที่เลือกคุณต้องคลิกที่แท็บบล็อกทางด้านขวา

บล็อก gutenberg wordpress.jpeg

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

ตัวเลือกการจัดรูปแบบ

การจัดรูปแบบจะปรากฏขึ้นเหนือแต่ละบล็อก

formatting.jpeg ตัวเลือก

นอกจากนี้คุณยังจะแสดงตัวเลือกเค้าโครงที่ด้านบนโดยคลิกที่ตัวเลือกตัวแก้ไขจากนั้นคลิกที่ "ตั้งค่าแถบเครื่องมือที่ด้านบนสุด"

แสดงตัวเลือกการจัดรูปแบบที่ด้านบน jpeg

วิธีเพิ่มบล็อกที่กำหนดเอง

คุณไม่ จำกัด เฉพาะการใช้บล็อกย่อหน้า หากต้องการเพิ่มบล็อกเพิ่มเติมคุณต้องคลิกที่ไอคอน + ที่ด้านซ้ายบน

บล็อกต่าง ๆ gutenberg.jpeg

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

นั่นคือทั้งหมดสำหรับบทช่วยสอนนี้เราจะดำเนินการต่อในบทต่อไปโดยนำทุกสิ่งที่เราสังเกตเห็นในบทช่วยสอนนี้ไปปฏิบัติ