בפוסט הזה אספתי כמה קישורים כלליים על בלוקים – בעיקר תיאורי שימוש מעניין בבלוקים – וכמה וכמה מדריכים. תהנו!
כללי
יש הרבה תוספים שמוסיפים סוגי בלוקים לאתר. תוסף מציאת הבלוקים הזה מראה את כל הבלוקים שיש בהם שימוש באתר, מספר הפעמים שכל בלוק נמצא בשימוש, ובאילו דפים או פוסטים.
לאוטומטיק יש מאגר בגיטהאב של בלוקים ניסיוניים. ג’סטין טדלוק צולל לתוכו בפוסט הזה.
איך להמיר טקסטים ישנים לבלוקים בגוטנברג – מאמר של CSS-Tricks על המרה לא טריוויאלית
מדריכים
ערוץ של 12 סרטונים קצרים (~10 דקות) על בניית בלוקים. הגעתי לזה דרך המלצה של WPShout.
המדריך הזה מלמד איך ליצור בלוקים עם ריאקט. כבר בתחילת המדריך הוא מציין שאין בהכרח צורך ללמוד ריאקט כדי לתכנת בלוק – יש מספיק כלים שמספקים מעקף – אבל הוא עדיין ממליץ ללמוד מהמדריך. זה עשוי להיות שימושי. הוא מדמה את זה ליצירת meta box-ים משלנו במקום להשתמש בתוסף. מאחר שאני פעם כתבתי meta box-ים במו ידיי, זה מדבר אליי 🙂
Block Editor Handbook – המדריך הרשמי ליצירת בלוקים של וורדפרס.אורג
בפוסט הקודם הבאתי כמה מקורות שמסבירים מה זה שבלונות בלוקים. הפוסט הזה מראה איך לבנות מקבץ בלוקים (Block Pattern) בקוד.
הפוסט הזה מראה איך ליצור את פרויקט הגוטנברג הראשון שלך באמצעות החבילה <a href="https://github.com/ahmadawais/create-guten-block" target="_blank" rel="noreferrer noopener">create-guten-block</a>.
לפתח ולבדוק בלוקי גוטנברג באופן מבודד – BlockBook היא סביבת פיתוח לבלוקים של גוטנברג שמאפשרת לפתח בלוקים באופן מבודד.
הפוסט הזה לא מראה קוד של כתיבת בלוק אלא מציע שיטות שעוזרות לבניית הבלוק הראשון: לבדוק איך צוות הפיתוח של גוטנברג עושה דברים, לבדוק בעורך הבלוקים מה אפשר למחזר, להתעמק בתיעוד, להשתמש בחבילת @wordpress/create-block ביצירת שלד חדש, ועוד עצות רבות וטובות.