8 Gutenberg Tutorials สำหรับนักพัฒนา

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

บันทึกย่อ

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

เพราะถ้าคุณต้องการเจาะลึกการพัฒนา Gutenberg จริงๆ คุณจะต้องเริ่มใช้ JavaScript ด้วย อย่างที่ Matt Mullenweg กล่าวไว้เมื่อสองสามปีก่อน คุณกำลัง “เรียนรู้จาวาสคริปต์ อย่างลึกซึ้ง” เรามีบทความดีๆ สองสามบทความที่คุณสามารถดูได้เพื่อดูว่าเนื้อหาประเภทใดที่เหมาะกับคุณ

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

1. เพจกูเตนเบิร์กอย่างเป็นทางการ

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

2. Gutenberg.News

แม้ว่าจะไม่ใช่บทช่วยสอนทางเทคนิค แต่ Gutenberg.news ก็รวบรวมเนื้อหาที่สูงกว่า/มีคุณภาพจากในเว็บไว้ในที่เดียว ฉันวิ่งไปที่นั่นเป็นครั้งคราวเพื่อดูว่ามีอะไรใหม่และจบลงที่ช่องคลิกทุกครั้ง พวกเขามีบทแนะนำสำหรับนักพัฒนาซอฟต์แวร์และผู้ใช้ผสมกัน แต่คุณจะพบกับ tuts เช่น การสร้าง Custom Gutenblocks ด้วย Rich-text Component และทวีตพร้อมลิงก์ไปยัง Github repos ที่สามารถสอนวิธีแปลงรหัสย่อที่มีอยู่ของคุณเป็นบล็อก Gutenberg

3. คู่มือการพัฒนากูเทนเบิร์ก

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

4. หลักสูตรการพัฒนา Gutenberg ของ Zac Gordon

ไม่ใช่สิ่งที่ดีที่สุดทั้งหมดในชีวิตที่ได้มาฟรี และหลักสูตรการพัฒนา Gutenberg อันน่าทึ่งของ Zac Gordon ก็เป็นเครื่องพิสูจน์ถึงสิ่งนั้น หนึ่งในครั้งแรกที่สำคัญ (ถ้าไม่ใช่คนแรก) หลักสูตร AZ กับประสบการณ์การแก้ไข WP ใหม่ หลักสูตรได้รับการอัปเดตด้วยข้อมูลใหม่เมื่อ Gutenberg ได้รับการอัปเดต ดังนั้นอย่ากลัวที่จะต้องจ่ายเงิน $79 สำหรับบางสิ่งที่จะล้าสมัย Zac เป็นที่รู้จักกันดีในชุมชน WordPress และหลักสูตรนี้จะแสดงให้คุณเห็นอย่างชัดเจนว่าทำไม มีแม้กระทั่งวิดีโอสอนตัวอย่างที่คุณสามารถใช้ได้ ด้วยวิธีนี้คุณจะรู้ว่าคุณกำลังทำอะไรอยู่ล่วงหน้า

5. บล็อกของ Zac Gordon

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

6. วิธีเตรียมปลั๊กอินสำหรับ Gutenberg

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

7. ปฏิกิริยาฟูลสแต็ค

นักพัฒนา Gutenberg ทุกคนควรคุ้นเคยกับ React อย่างที่ฉันได้กล่าวไว้ก่อนหน้านี้ Fullstack React เป็นหนึ่งในโปรแกรมที่ฉันโปรดปรานในการทำความคุ้นเคยกับไลบรารี เป็นโปรแกรม 30 วัน และคุณจะต้องผ่านพื้นฐานต่างๆ ที่จำเป็นต่อการใช้ห้องสมุด แม้ว่าความคุ้นเคยกับ JavaScript นั้นน่าจะดีที่สุด แต่ฉันเข้าไปข้างในโดยที่ไม่สามารถเขียนฟังก์ชันและเข้าใจว่าเกิดอะไรขึ้น แม้ว่าจะมีหลักสูตรที่ต้องเสียค่าบริการ แต่คุณสามารถดาวน์โหลดหนังสือทั้งเล่มได้ฟรีเป็น PDF (ความยาวมากกว่า 300 หน้า) ดังนั้นคุณจึงสามารถดูว่าคุณต้องการใช้เล่มนี้เพื่อดำน้ำในสภาพแวดล้อมของ Gutenberg หรือไม่

8. ปฏิกิริยาสมัยใหม่กับ Redux

Gutenberg ยังใช้คอนเทนเนอร์ JavaScript Redux ที่ Udemy Stephen Grider มีหลักสูตรที่จะสอนวิธีใช้คอนเทนเนอร์สุดโปรดของ Gutenberg กับห้องสมุดโปรด เป็นที่ยอมรับว่าราคามาตรฐาน 179.99 ดอลลาร์นั้นค่อนข้างแย่ อย่างไรก็ตาม Udemy เสนอส่วนลดจำนวนมากสำหรับหลักสูตรเป็นประจำ (ในขณะที่ฉันเขียนสิ่งนี้ มีการลดราคาอย่างบ้าคลั่งในราคา $10.99 เป็นต้น) หากราคาสูงกว่าที่คุณต้องการจ่ายในตอนนี้ หากคุณรอได้สักนิด คุณอาจจะได้ข้อตกลงกับมัน ที่กล่าวว่าฉันได้เรียนหลักสูตร React และ React Native ของ Grider เป็นการส่วนตัว ดังนั้นฉันจึงสามารถรับรองได้ว่าหลักสูตรนี้ ควร ดีเพียงใด

ไป "ไส้" กันเถอะ

นั่นมันกุเต็นปุน เข้าใจไหม? อย่างจริงจังแม้ว่า Gutenberg เป็นอนาคตของ WordPress ไม่ว่าคุณจะชอบวิธีใหม่ในการสร้างเนื้อหาหรือได้ติดตั้งปลั๊กอิน Classic Editor เพื่อให้เป็นแบบเก่า ได้ที่นี่ และหากคุณเป็นนักพัฒนา WordPress คุณจะต้องรับมือกับมัน ไม่ยากเลยที่จะศึกษาต่อและดูทิศทางของ Gutenberg ที่กำลังดำเนินไป ใด ๆ ของบทเรียนดังกล่าวข้างต้นจริงๆควรจะได้รับคุณ (หรือไส้คุณ) ในแบบของคุณอย่างเต็มที่โลภอำนาจและการขยายของบรรณาธิการ

บทช่วยสอนหรือแหล่งข้อมูลใดของ Gutenberg ที่คุณใช้เพื่อเตรียมตัวสำหรับยุคใหม่ของการพัฒนา WordPress?

บทความภาพโดย 32 Pixels / shutterstock.com