วิธีใช้ WordPress Gutenberg Blocks

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

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

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

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

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

ตัวแก้ไขบล็อก Gutenberg

ในเดือนพฤศจิกายน 2018 WordPress ได้เปิดตัวตัวแก้ไขบล็อกใหม่ที่เรียกว่า Gutenberg

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

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

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

Gutenberg เป็นมากกว่าบรรณาธิการ

Gutenberg กำลังปฏิวัติวิธีการสร้างเพจ โพสต์ และผลิตภัณฑ์ ทำให้ WordPress มีข้อได้เปรียบเหนือตัวเลือก CMS อื่นๆ

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

วิธีใช้ตัวแก้ไขบล็อก Gutenberg

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

การอ่านที่เกี่ยวข้อง: คู่มือการใช้ Gutenberg ในโลกแห่งความเป็นจริง

วิธีเพิ่มเนื้อหาใน Gutenberg

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

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

การเพิ่มบล็อกใน Gutenberg

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

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

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

การแก้ไขบล็อกใน Gutenberg

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

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

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

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

วิธีเผยแพร่โพสต์บน WordPress ด้วย Gutenberg

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

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

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

เมื่อคุณแน่ใจว่าทุกอย่างดูดี คุณก็พร้อมที่จะเผยแพร่เนื้อหาของคุณ

คุณรู้แล้วตอนนี้

ตัวแก้ไขบล็อก WordPress Gutenberg ใหม่กำลังปฏิวัติวิธีการสร้างหน้า โพสต์ และผลิตภัณฑ์ต่างๆ ด้วย Gutenberg คุณสามารถออกแบบเว็บไซต์ของคุณด้วยสายตาโดยไม่ต้องรู้วิธีเขียนโค้ด ตอนนี้คุณรู้พื้นฐานของ Gutenberg แล้ว วิธีสร้างโพสต์ และวิธีเผยแพร่

ต้องการลองใช้ตัวแก้ไขบล็อก Gutenberg หรือไม่? ขับเคลื่อนเว็บไซต์ของคุณด้วยโฮสต์เว็บระดับมืออาชีพที่ออกแบบมาสำหรับ WordPress

ดูแผนโฮสติ้ง WordPress ที่มีการจัดการเต็มรูปแบบของเราเพื่อเริ่มต้นวันนี้

แหล่งข้อมูลที่เกี่ยวข้อง

• วิธีทำความเข้าใจ WordPress Gutenberg: นอกเหนือจากตัวแก้ไข
• คู่มือ WordPress Gutenberg
• เกิดอะไรขึ้นถ้า Gutenberg Editor ใหม่ของ WordPress ไม่เหมาะกับคุณ