บทช่วยสอน WordPress Editor ใหม่: Gutenberg ทรงพลัง & ใช้งานง่าย

เผยแพร่แล้ว: 2019-03-18

ด้วยการเปิดตัวเวอร์ชันล่าสุด ในที่สุด WordPress ก็ได้ปลดล็อกโอกาสมากมาย! Gutenberg เป็นตัวแก้ไขใหม่ใน CMS มากที่สุดในโลก ซึ่งได้เพิ่มพลังให้กับ WordPress ในหลาย ๆ ด้าน

บรรณาธิการ WordPress Gutenberg
ตัวแก้ไข WordPress ใหม่ Gutenberg

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

Gutenberg คืออะไร

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

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

มันทำงานอย่างไร

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

หนึ่งสามารถใช้บล็อกเหล่านี้สำหรับ:

  • การเขียนข้อความ
  • รูปภาพ
  • วิดีโอและวิดีโอที่ฝังตัว
  • ตารางและวิดเจ็ต

ตอนนี้นักพัฒนามีโอกาสมากมาย ซึ่งช่วยให้พวกเขาปรับแต่งบล็อกเหล่านี้ในลักษณะที่สามารถเข้าถึงได้ผ่านปลั๊กอินใดๆ

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

คุณลักษณะและฟังก์ชันการทำงานที่คุณได้รับใน Gutenberg

1. การแก้ไข Permalinks และ Titles

แก้ไขลิงก์ถาวรอย่างง่ายดายด้วยโปรแกรมแก้ไข Gutenberg
แก้ไขลิงก์ถาวรอย่างง่ายดายด้วยโปรแกรมแก้ไข Gutenberg

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

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

2. การสร้างเค้าโครงใน Gutenberg

หากคุณต้องการสร้างเลย์เอาต์อย่างง่ายใน Gutenberg คุณต้องทำตามขั้นตอนที่อธิบายไว้ด้านล่าง:

บล็อกเลย์เอาต์ ตัวแก้ไข Gutenberg WordPress

ขั้นที่ 1: เริ่มแรก คุณต้องเขียนโพสต์ในโปรแกรมแก้ไขเอกสารใดๆ หรือเขียนลงในโปรแกรมแก้ไขโดยตรงก็ได้

ขั้นตอนที่ 2: เพียงวางโพสต์ลงในเครื่องมือแก้ไข แล้วโพสต์นั้นจะถูกแปลงเป็นบล็อก

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

ขั้นตอนที่ 4: สำหรับคนที่ต้องการแทรกวิดีโอจาก YouTube คุณสามารถเพิ่มวิดีโอได้โดยไม่ต้องยุ่งยาก เพียงเพิ่มบล็อกวิดีโอใหม่จากแท็บที่ชื่อ embeds วาง URL ที่ฝังของวิดีโอแล้วคลิกบนไอคอนฝัง

3. การสร้างคอลัมน์

ตอนนี้คุณสามารถปรับปรุงความน่าดึงดูดโดยรวมของเค้าโครงของคุณด้วยการแทรกคอลัมน์ต่างๆ หนึ่งสามารถสร้างหลายคอลัมน์ในครั้งเดียว นี่คือขั้นตอน:

หลายคอลัมน์ ตัวแก้ไข Gutenberg WordPress
หลายคอลัมน์ ตัวแก้ไข Gutenberg WordPress

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

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

4. การปรับแต่งแต่ละบล็อค

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

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

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

ข้อดีของการพึ่งพาบรรณาธิการใหม่

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

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

นี่คือคุณสมบัติพิเศษบางอย่างที่คุณจะได้รับใน Gutenberg

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

เพิ่ม/แก้ไขภาพอย่างง่ายดายด้วย Gutenberg
เพิ่ม/แก้ไขภาพอย่างง่ายดายด้วย Gutenberg

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

การจัดรูปแบบ CSS ขั้นสูงใน Gutenberg
การจัดรูปแบบ CSS ขั้นสูงใน Gutenberg

นี่คือบางส่วนที่เกี่ยวข้องกับ WordPress Editor เวอร์ชันปรับปรุง ซึ่งสามารถช่วยให้คุณพัฒนา WordPress ได้ดีที่สุด

ภาพเด่น: Yoast