Gutenberg 2.8: มีอะไรใหม่บ้าง?

เผยแพร่แล้ว: 2018-05-07
Gutenberg 2.8

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

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

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

หากคุณยังไม่ทราบคุณลักษณะของ Gutenberg ต่อไปนี้เป็นคุณลักษณะ 10 ประการของ Gutenberg ที่จะเปลี่ยนประสบการณ์การเขียนบล็อกของคุณ ตอนนี้เรามาดูกันว่า Gutenberg 2.8 แตกต่างจากรุ่นก่อนมากเพียงใด

มีอะไรใหม่ใน Gutenberg 2.8?

การเพิ่ม Spacer Block

เวอร์ชันใหม่เพิ่มบล็อกใหม่ที่เรียกว่า 'Spacer' เพื่อเพิ่มช่องว่างระหว่างสองช่วงตึก ก่อนหน้านี้ ปลั๊กอินเคยมีช่องว่างที่คล้ายกันระหว่างบล็อกทั้งหมด ตัวเว้นวรรคช่วยให้ผู้ใช้สามารถเพิ่มช่องว่างตามความกว้างที่ต้องการได้

สเปเซอร์ กูเตนเบิร์ก 2.8
สเปเซอร์ กูเตนเบิร์ก 2.8

จานสี

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

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

ฟุ้งซ่านน้อยลงขณะพิมพ์

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

รวมคุณสมบัติเพิ่มเติมของการเพิ่ม ref="noreferrer noopener" สำหรับลิงก์ target="_blank" ผู้ใช้สามารถเพิ่ม ref=”noreferrer noopeaner” สำหรับลิงค์ target=”_blank”

Drop Cap Indicator

บล็อกย่อหน้ามีคุณสมบัติที่ผู้ใช้สามารถเพิ่มตัวพิมพ์ใหญ่ลงในอักษรตัวแรกของย่อหน้าได้ เวอร์ชันนี้เพิ่มคุณลักษณะที่ระบุว่าย่อหน้าจะแสดง drop cap หรือไม่ เนื่องจากสามารถเพิ่ม drop cap ลงในบล็อกหลายย่อหน้าได้ นี่จึงเป็นส่วนเสริมที่เป็นประโยชน์ หากบล็อกมี drop cap จะแสดง "แสดงตัวอักษรเริ่มต้นขนาดใหญ่" และถ้าไม่มี "Toggle to show a large first letter"

คุณสมบัติใน Gutenberg 2.7

การแก้ไข Permalinks

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

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

Gutenberg 2.7
Gutenberg Permalink แก้ไขตัวเลือก

ตัวแบ่งหน้า

ตัว แบ่งหน้า เป็นคุณสมบัติใหม่ที่ช่วยคุณในการเพิ่มประสิทธิภาพและจัดทำดัชนีได้มาก คุณสามารถเลือกและกำหนดตัวแบ่งหน้าที่จุดใดก็ได้ของเอกสาร หากต้องการเพิ่มให้ไปที่ Blocks> Layout Elements> Page Break

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

Gutenberg 2.7
ตัวแบ่งหน้าใน Gutenberg

โต๊ะ

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

ก่อนหน้านี้บล็อกตารางจะอนุญาตให้ผู้ใช้เพิ่มเพียงสองแถวและคอลัมน์ แต่นี่เป็นส่วนเสริมที่ยอดเยี่ยมสำหรับ Gutenberg 2.7.0 เวอร์ชันล่าสุด ตอนนี้อนุญาตให้ผู้ใช้เพิ่มคอลัมน์จำนวนเท่าใดก็ได้ทีละคอลัมน์ โดยให้เพิ่ม Table Block ใหม่ คุณจะได้ตารางพื้นฐาน 2×2 ตอนนี้คุณคลิก 'แก้ไขตาราง' แล้วเลือกว่าต้องการ:

  • เพิ่มแถวก่อน/หลัง
  • ลบแถว
  • เพิ่มคอลัมน์ ก่อน/หลัง
  • ลบคอลัมน์

วิดีโอแสดงความสะดวกในการสร้างตารางที่สมบูรณ์ด้วยแถวและคอลัมน์จำนวนเท่าใดก็ได้

Gutenberg 2.7
การขยายตารางใน Gutenberg 2.7

บล็อกตัวแก้ไขคลาสสิกที่ดีกว่า

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

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

Gutenberg 2.7
Classic Block ตอนนี้มีแถบเครื่องมือที่สมบูรณ์แล้ว

การตรวจจับการเลื่อนที่ดีขึ้น

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

การกำหนดมิติให้กับรูปภาพ

บล็อกรูปภาพมีการเพิ่มเติมใหม่ในรูปแบบของ 'ขนาดรูปภาพ' ซึ่งช่วยให้ผู้ใช้สามารถเลือกค่าความกว้างและความสูงของภาพที่ต้องการได้ เวอร์ชันก่อนหน้ามีส่วนของรูปแบบเปอร์เซ็นต์ ซึ่งผู้ใช้สามารถเลือกรูปแบบเริ่มต้นได้เพียง 4 มิติ คือ 25%, 50%, 75% และ 100%

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

Gutenberg 2.7
การเปลี่ยนมิติของภาพ

ลิงค์อินเตอร์เฟส

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

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

Gutenberg 2.7
การเพิ่มและลบลิงค์

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

Gutenberg 2.7
การเพิ่มและลบลิงค์ใน Classic Block Gutenberg 2.7

สำหรับนักพัฒนาปลั๊กอิน

เวอร์ชันใหม่ยังมาพร้อมกับ Plugin Sidebar API ซึ่งนักพัฒนาปลั๊กอินสามารถใช้ในการพัฒนาปลั๊กอินเพิ่มเติมได้ ข้อมูลเพิ่มเติมเกี่ยวกับ Plugin Sidebar API ในการไปที่ตัวเลือกนี้ คุณต้องคลิกที่จุดแนวตั้งสามจุดที่มุมบนขวาของตัวแก้ไข เมื่อคุณคลิกเข้าไป คุณจะพบแถบ 'Hello World' นอกจากนี้ยังกล่าวถึงปลั๊กอิน

ด้วยการเพิ่มนักพัฒนาจะสามารถเข้าถึงแถบด้านข้างซึ่งพวกเขาสามารถทำงานพัฒนาปลั๊กอินได้

ดาวน์โหลด Gutenberg 2.8

มองไปข้างหน้า

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

รับ Ebooks พิเศษของเราบน WordPress & WooCommerce