เตรียมพร้อมสำหรับ Gutenberg WordPress Editor

ปรับปรุงล่าสุด - 4 มกราคม 2021

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

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

น้ำพุแห่งความจริงจะหลั่งไหลออกมาจากมัน เหมือนกับดาวดวงใหม่ มันจะกระจายความมืดแห่งอวิชชา และทำให้แสงที่ไม่เคยรู้จักมาก่อนส่องสว่างในหมู่มนุษย์

– โยฮันเนส กูเตนเบิร์ก

Gutenberg WordPress Editor นำอะไรมาสู่ WordPress?

เราใช้ Quora, Medium, Ghost ฯลฯ เพื่อเขียนเนื้อหาของเรา สิ่งเหล่านี้มอบประสบการณ์การเขียนที่ยอดเยี่ยมให้กับนักเขียน ในทางกลับกัน โปรแกรมแก้ไข TinyMCE ที่เป็นค่าเริ่มต้นของ WordPress นั้นต้องการความลำบากในแบ็กเอนด์และปลั๊กอินของบุคคลที่สามจำนวนมากเพื่อให้ดูดี แต่ตอนนี้ ด้วยการแนะนำตัวแก้ไขใหม่ คุณสามารถได้รับประสบการณ์ใหม่บน WordPress ได้เช่นกัน นอกจากนี้ หากคุณเคยมีความรู้สึกว่าตัวแก้ไขปัจจุบันใน WordPress นั้นไม่สะดวกที่สุดสำหรับพวกเขาทั้งหมด ถึงเวลาแล้วที่คุณจะติดตั้ง Gutenberg Plugin สาธิต เนื่องจากปลั๊กอินยังอยู่ในระหว่างการพัฒนา คุณอาจไม่พบสิ่งที่กล่าวถึงที่นี่ เมื่อคุณดาวน์โหลด

รายละเอียดของคุณสมบัติ

บทนำของ Blocks

บล็อกเป็นส่วนที่แก้ไขแยกกันได้ในรูปแบบของแถวในตัวแก้ไข ตอนนี้คุณสามารถป้อนข้อความ รายการ ใบเสนอราคา รูปภาพ ฯลฯ ในรูปแบบของบล็อกต่างๆ และแก้ไขทีละรายการ

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

บล็อก	ฝัง
บล็อกทั่วไป	ฝังได้จาก Social Sites
การจัดรูปแบบบล็อก เค้าโครงบล็อก

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

การแก้ไขแต่ละบล็อก

ย่อหน้า

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

• เพิ่ม Drop Cap ให้กับตัวอักษรตัวแรก
• ปรับขนาดตัวอักษร
• เพิ่มสีพื้นหลัง
• เปลี่ยนสีข้อความ
• จัดตำแหน่งบล็อก
• เพิ่มรายการหัวข้อย่อยเป็นบล็อก

การเพิ่มราคาดึง

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

การแก้ไขเป็น HTML

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

แปลงบล็อกเป็นบล็อกที่นำกลับมาใช้ใหม่ได้

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

การแก้ไขภาพ

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

การแก้ไข CSS เพิ่มเติม

แถบเมนูตัวเลือกขั้นสูงทางด้านขวาของตัวแก้ไขมี คลาส CSS เพิ่มเติม และจะยังใช้เพื่อปรับแต่งข้อความ รูปภาพ และส่วนอื่นๆ เนื่องจากยังมีหนทางอีกยาวไกล ทีมพัฒนา Gutenberg จึงปรารถนาที่จะลดการใช้รหัสภายนอกลง เราหวังว่าเวลาจะมาถึงในไม่ช้า

การแก้ไขทั้งเอกสาร

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

การเพิ่มปุ่มเรียกร้องให้ดำเนินการ

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

รับปลั๊กอิน

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

หากคุณเป็นนักพัฒนาซอฟต์แวร์และต้องการมีส่วนร่วมในความพยายามของ Gutenberg Team โปรดลงทะเบียนที่ WordPress/ Gutenberg

ปิดหมายเหตุ

• Gutenberg WordPress Editor จะครบกำหนดในฤดูร้อนปี 2018 และคาดว่าจะเปิดตัวพร้อมกับ WordPress 5.0.0
• ตัวแก้ไขใหม่จะแทนที่ตัวแก้ไขปัจจุบันเป็นตัวแก้ไขเริ่มต้น
• Gutenberg สามารถปิดใช้งานได้ และคุณยังสามารถใช้ตัวแก้ไข TinyMCE แบบคลาสสิกได้
• Classic Editor จะยังคงเป็นปลั๊กอินใน WordPress และสามารถใช้สร้างเนื้อหาได้
• เนื้อหาที่สร้างบน Gutenberg จะเปลี่ยนไปตามธีม แต่ผู้ใช้สามารถเลือกใช้เนื้อหาตามที่บรรณาธิการสร้างได้
• ปลั๊กอิน Yoast SEO ทำงานได้ดีกับตัวแก้ไข และคาดว่าตัวแก้ไขใหม่จะรองรับปลั๊กอินยอดนิยมอื่นๆ ทั้งหมด
• อ่านคำถามที่พบบ่อยเพื่อทราบข้อมูลเพิ่มเติมเกี่ยวกับ Gutenberg

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