להשתמש ב-theme.json בתבניות קלסיות – אם אתם רוצים לרכז את כל ההגדרות והעיצובים של עורך הבלוקים בתבנית וורדפרס קלאסית, אפשר להוסיף theme.json – ואז מתפזרים פחות בין קבצים, לא חייבים לגעת ב-functions.php, ואפשר להגדיר צבעים ורוחבים במקום אחד. רק שימו לב, לפעמים יש התנגשות עם ה-CSS הקיים, אז אחרי שעושים שינוי בקוד, כדאי לבדוק שהכול נראה כמו שצריך.
איך להשתמש בקוביית ה-Query Loop – אם אתם רוצים להציג רשימות של פוסטים, עמודים או מוצרים באתר וורדפרס בלי לגעת בקוד, הבלוק Query Loop Block מאפשר לעשות בדיוק את זה: בוחרים איזה תכנים להציג, מסננים לפי קטגוריה, תגית או כל פרמטר אחר, ופשוט גוררים לעורך. אפשר לשלב כמה לופים בדף, להגדיר עיצוב, סינון ודפדוף – והכול בלי לשבור את הראש עם שאילתות מסובכות.
איך ליצור גלריית masonry – לפעמים יש לנו צורך בגלריה של תמונות שאינן באותם גדלים, ואז נרצה רשת של תמונות בגדלים משתנים, כמו ‘קיר לבנים’. העיצוב הזה נקרא masonry. לוורדפרס ישנו בלוק בשם גלריה, ואליו אפשר להוסיף אפשרות של masonry. לפי הפוסט, אפשר לעשות את עם קוד, או עם תוסף שמיישם בדיוק את הקוד שבפוסט. נסו ותהנו.
מדריך יסודי לשימוש בבלוק הקבוצה – הפוסט מתחיל בהסבר מתי נראה בלוק כזה ואיך ליצור אותו. אחרי זה הוא ממשיך לתרחישים יותר מורכבים של שימוש בבלוק הקבוצה, כך שגם למי שמכיר את השימוש הבסיסי יהיה אולי מה לקרוא פה.
חיכוכים ב-Site Editor – בפוסט הזה מפתח משתף חוויות מהשטח — לא מדריך מסודר, אלא תיעוד כן של עבודה עם לקוח אמיתי תוך כדי התמודדות עם העורך החדש של וורדפרס (FSE). הוא מתאר תסכולים קטנים שכולנו מכירים: למה העיצוב לא נראה כמו בעורך, איך שינוי קטן שובר משהו אחר, וכד’. הקריאה נותנת הצצה לחוויה האמיתית של בנייה ב־WordPress בשנת 2023— לא כמו שזה אמור לעבוד, אלא כמו שזה באמת קורה. אני אוהבת פוסטים שמראים את המאחורי הקלעים: השאלות, ההתלבטויות, והטעויות של אחרים, לא רק הפתרונות המסודרים.
עיצוב פנימי-עצמותי, תבניות, ומחשבות על עיצוב בוורדפרס – המאמר מציג שינוי גישה עיצובית בוורדפרס: במקום להסתמך על אינספור media queries שמתאימים כל רכיב לגודל מסך שונה, הרעיון הוא לעצב בצורה “אינהרנטית” (intrinsic) – שהאלמנטים יידעו איך להתאים את עצמם לכל הקשר, בכל מסך, בלי שנצטרך לנחש מראש את כל התרחישים. זה אומר להשתמש ב־CSS מודרני כמו clamp() וטכניקות של טיפוגרפיה וריווחים נזילים. בגוטנברג זה גם מאפשר ממשק פשוט יותר ופחות עומס על המשתמש. למפתחי תבניות יש שליטה בעיקר דרך theme.json, שם אפשר להגדיר ערכים נזילים לגודל גופן וריווחים – כך שהאתר מגיב כמו שצריך, בלי להסתבך בקוד מיותר.
איך לקסטם בקלות את עמוד החיפוש בוורדפרס – רוב בעלי האתרים לא נוגעים בכלל בעמוד תוצאות החיפוש, אבל דווקא בו יש הרבה מה לשפר – גם בעיצוב, גם בדיוק של התוצאות, וגם במהירות. זה נכון במיוחד לאתרי חנויות, אבל לא רק. אפשר להוסיף טופס חיפוש במקום קבוע, לשנות את עיצוב עמוד התוצאות בתבניות בלוקים או בקוד, ולשפר את התוצאות עצמן בעזרת תוספים כמו Relevanssi, Ivory Search או Better Search. יש גם תוספים קטנים שנותנים מענה לנקודות מאוד ספציפיות כמו הדגשת מילות חיפוש או סינון לפי קטגוריה. בקיצור – אם רוצים, יש הרבה מה להשקיע בעמוד הזה.
בלוק דינמי מול בלוק סטטי – יש שני סוגי בלוקים בוורדפרס: סטטיים ודינמיים. בלוק סטטי שומר את התוכן וה־HTML שלו ישירות בפוסט – כמו פסקה פשוטה – ולכן הוא מהיר לטעינה, אבל כל שינוי דורש עדכון ידני. לעומת זאת, בלוק דינמי נבנה בצד השרת בכל פעם שהדף נטען – כמו שם האתר שיכול להשתנות – ולכן הוא מתאים לתוכן שמתעדכן אוטומטית או מושפע מנתונים חיצוניים. מפתחי בלוקים צריכים לבחור לפי הצורך: קוד פשוט וביצועים עדיפים? סטטי. תוכן גמיש שצריך להישאר מעודכן? דינמי.
בלוק ששומר post meta – כדי לשלב המלצות (testimonials) בפוסט מסוג Product ולשלוט איך הן מוצגות, צריך להשתמש גם ב־post meta וגם בתוכן הבלוק. התוכן של ההמלצה נשמר כ־post meta כדי שיהיה אפשר לשלוף ולהציג אותו בדף הבית לפי פוסטים אחרונים, בעוד ששם המחבר והקישור לאתר שלו נשמרים כ־attributes של הבלוק, כי הם מוצגים רק בדף של המוצר עצמו. לכן יוצרים בלוק דינמי שמאפשר להזין את הנתונים דרך ממשק הבלוקים, שומר את ההמלצה ל־meta, ומציג אותה בצד הלקוח באמצעות קובץ PHP. המדריך מפרט איך לרשום את המטא, לסנף את הבלוק, לערוך את הממשק, להוסיף אינטראקטיביות, ולהגדיר את ההצגה בפרונט.
deprecate לבלוק – כשעושים שינוי בבלוק סטטי שכבר נמצא בשימוש – למשל שינוי בפונקציית save() – העורך עלול להציג שגיאה של “This block contains unexpected or invalid content”, כי המבנה החדש לא תואם למה שכבר נשמר. כדי לא להטריח את המשתמשים בהתאוששות ידנית של כל מופע של הבלוק, משתמשים ב־deprecation: שמירה של גרסאות ישנות של הבלוק, כדי שגם אם נשמרו לפי הפורמט הישן – הן עדיין יעבדו. אפשר גם להעביר נתונים משמות ישנים של שדות לשמות חדשים בעזרת פונקציית migrate. כל גרסה שומרים כקונסט בקובץ deprecated.js, וזה מאפשר לעורך לזהות את התוכן הישן ולהציג אותו בלי בעיה. פתרון פשוט שמאפשר לשפר בלוקים בלי לשבור דברים שכבר עובדים.
הערה: אספתי את כל הקישורים האלה כבר במרץ 2023, אבל רק עכשיו (יוני 2025) הגעתי ךתמצת ולפרסם אותם. לכן תיארכתי את הפוסט לתאריך שבו נאספו, כדי לשמור על הקשר לתקופה.
