5 วิธี Gutenberg สามารถทำให้ชีวิตบล็อกของคุณง่ายขึ้น

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

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

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

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

ระบบบล็อก

ตัวแก้ไข Gutenberg นั้นโดดเด่นที่สุดสำหรับการแนะนำบล็อกในระบบแก้ไข...

เรื่อง น่ารู้ : บรรณาธิการ Gutenberg ได้รับการตั้งชื่อตาม Johannes Gutenberg ซึ่งเป็นผู้คิดค้นแท่นพิมพ์แบบเคลื่อนย้ายได้เมื่อ 500 ปีที่แล้ว และแท่นพิมพ์แบบเคลื่อนย้ายได้ (แปลกใจใหญ่) นี้ใช้บล็อกเคลื่อนที่

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

ไม่น่าแปลกใจเลยที่ WordPress มองว่า Gutenberg เป็นก้าวแรกสู่วิธีการใหม่ในการสร้างเพจที่กำลังมาอย่างหลีกเลี่ยงไม่ได้

ในตอนแรกอาจดูเหมือนเครื่องมือใหม่ที่ซับซ้อน แต่เมื่อตรวจสอบอย่างใกล้ชิด การรับรู้ที่น่าทึ่งคือ: ไม่ใช่...

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

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

ด้านล่างนี้คือรายการบล็อกของ Gutenberg ทั้งหมดที่บล็อกเกอร์ทั่วไปสามารถใช้ได้:

• บล็อกย่อหน้า : นี่คือที่ที่คุณพิมพ์ข้อความปกติ
• บล็อกพาดหัว : ตำแหน่งทั่วไปสำหรับแท็ก h1, h2, h3, h4, h5 และ h6
• บล็อกรูปภาพ : นี่คือที่สำหรับเพิ่มแกลเลอรีขนาดเล็กของคุณ หรือรูปภาพเดียวที่คุณสามารถปรับแต่งให้เข้ากับเนื้อหาในหัวใจของคุณได้ (ซึ่งเราจะพูดถึงในภายหลัง)
• บล็อกฝัง ตัว : พื้นที่ที่เนื้อหามัลติมีเดียที่ฝังไว้ทั้งหมดจะไป (วิดีโอ YouTube ทวีต รูปภาพ ฯลฯ)
• Quote and pullover blocks : สถานที่ใส่คำพูดจากคนดัง — และอื่นๆ
• บล็อกโค้ด : บล็อกที่คุณสามารถเพิ่มโค้ดที่จัดรูปแบบไว้ล่วงหน้า โค้ดสั้น และ HTML ที่กำหนดเองได้
• บล็อค เลย์เอาต์ : ตัวคั่น, ตัวเว้นวรรค, อ่านเพิ่มเติม, คอลัมน์ และตัวแบ่งหน้า

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

การแก้ไขบล็อกข้อความโดย Block

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

ฟังก์ชั่นที่เรียบร้อยเหล่านี้รวมถึง:

ค้นหาและย้ายย่อหน้าได้ง่าย

การแนะนำของ Gutenberg ได้ลบการเลื่อนที่ไม่มีที่สิ้นสุดผ่านบทความยาว ๆ เพื่อค้นหาหัวข้อเฉพาะนั้น เน้นจุดด้านล่าง ใช้ Ctrl + X เลื่อนอีกครั้งเพื่อค้นหาตำแหน่งที่เหมาะสมก่อนวาง

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

ง่ายพอๆ กับการคลิกที่หัวข้อเฉพาะ และข้ามไปยังส่วนนั้นของสำเนาโดยตรง

นอกจากนี้ เมื่อผู้เขียนแก้ไขข้อความ จะมีกรณีที่การค้นหาย่อหน้าเพื่อทำการเปลี่ยนแปลงหรือย้ายไปยังส่วนอื่นของบทความอย่างหลีกเลี่ยงไม่ได้

ในกรณีเช่นนี้ ตัวแก้ไข Gutenberg ให้ผู้ใช้ลากและวางบล็อก หรือย้ายบล็อกไปยังตำแหน่งอื่น

นอกจากนี้ยังมีตัวเลือกให้ใช้ลูกศรชี้ลงหรือชี้ขึ้นที่ด้านซ้ายของบล็อกเพื่อเลื่อนขึ้นหรือลง

นี่เป็นตัวอย่างของการเปลี่ยนแปลงเล็กน้อย แต่สร้างความแตกต่างในกระบวนการ

การเพิ่มจุดยึดบนหัวเรื่อง

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

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

หรือบางครั้ง คุณอาจต้องแยกย่อหน้าออกเป็นสองจุดแยกกัน เนื่องจาก Yoast ตรวจพบว่าหัวเรื่องย่อยของคุณมีคำมากกว่า 300 คำ ซึ่งเป็นจำนวนขั้นต่ำ

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

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

เป็น H2 โดยค่าเริ่มต้น แต่คุณสามารถเปลี่ยนเป็น H3 หรือ H4 ได้อย่างง่ายดาย

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

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

เพียงเพิ่มข้อความที่คุณต้องการ สมมติว่า 'ข้อเสีย' และคุณสามารถเชื่อมโยงไปยังหัวข้อนี้ได้โดยตรงจากทุกที่ เพียงเพิ่ม #cons ให้กับ URL ของหน้าเฉพาะ คุณไม่จำเป็นต้องเพิ่ม id='cons' ใน HTML ของสำเนาของคุณ

การแก้ไข HTML ที่ง่ายขึ้น

ตัวอย่างที่สมบูรณ์แบบสำหรับกรณีนี้คือกรณีหนึ่งเมื่อคุณมีลิงก์ภายนอกที่สำคัญในบทความ และคุณต้องเพิ่มโค้ด 'nofollow' เพื่อหลีกเลี่ยงไม่ให้บอทรวบรวมข้อมูลเฉพาะส่วนนั้นของเนื้อหา

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

ในตอนนี้ คุณสามารถวางเมาส์เหนือย่อหน้านั้นพร้อมลิงก์ในโปรแกรมแก้ไขภาพ เปิดเมนู แล้วคลิกตัวเลือก 'แก้ไขเป็น HTML' เพื่อให้คุณเห็นย่อหน้านั้นในรูปแบบโค้ด

การจัดรูปแบบบล็อกย่อหน้า

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

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

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

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

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

การเพิ่มรูปภาพในบทความ

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

โชคดีสำหรับพวกเราส่วนใหญ่ และสำหรับผู้ใช้ใหม่ การเพิ่มรูปภาพในบล็อกโพสต์โดยใช้ Gutenberg นั้นเป็นเรื่องง่าย เป็นอีกครั้งที่เห็นได้ชัดว่านักพัฒนาเบี่ยงเบนไปจากวิธีการจัดรูปแบบ Microsoft Word-esque อย่างต่อเนื่อง

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

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

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

บล็อกมัลติมีเดีย

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

และดูเหมือนว่าพวกเขากำลังมาถูกทางแล้ว...

การฝังไม่เคยง่ายอย่างนี้มาก่อน...

นักพัฒนายังคงรักษาวิธีการฝังแบบเดิมไว้ โดยการคัดลอกและวาง URL เราทุกคนรู้จักทั้งคลาสสิกและตอนนี้ตัวแก้ไข Gutenberg จะแปลงเป็นการฝังโดยอัตโนมัติ

แต่กูเตนเบิร์กมีบล็อกพิเศษเฉพาะสำหรับการฝังแขนเสื้อ ตั้งแต่การฝัง Facebook และ YouTube ไปจนถึง Spotify และแม้กระทั่ง Slideshare Gutenberg นำเสนอความหลากหลาย

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

4 วิธีในการเพิ่มบล็อค

เป็นฟังก์ชันเล็ก ๆ แต่ก็ควรค่าแก่การสังเกต

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

ตัวเลือกที่สองคือการคลิกปุ่มเครื่องหมาย 'บวก' บนซ้าย มันเพิ่มบล็อกด้านล่างบล็อกที่คุณเลือกในปัจจุบัน

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

หมายเหตุสุดท้าย

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

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

และตามจริงแล้ว เวลาเท่านั้นที่จะบอกได้ว่าโครงการ Gutenberg นี้จะประสบความสำเร็จหรือไม่

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

มีคำถามมากมายที่ต้องถาม แต่คำถามหลักข้อหนึ่งได้แก่

• ผู้คนควรเริ่มคุ้นเคยกับ Gutenberg หรือไม่?
• มันควรจะเป็นส่วนหลักของ WordPress 5.0 หรือเพียงแค่ยังคงเป็นปลั๊กอิน?

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

อย่างไรก็ตาม คำตอบสำหรับคำถามที่สองนั้นซับซ้อนกว่าเล็กน้อย…

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

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

ดังนั้นคุณควรลองหรือไม่?

อย่างแน่นอน! และคราวนี้ ให้มองอย่างเป็นกลางและดูว่ามีอะไรให้ผู้ใช้ใหม่บ้าง และมีอะไรอีกบ้างที่สามารถปรับปรุงได้