לפעמים חסר באתר רכיב קטן ששום ווידג’ט מוכן לא פותר בדיוק. רוצים להציג שאלות לפי נושא, להוסיף לכל תשובה קישור משלה או להפוך מסמך קיים לעמוד שאפשר לעדכן בקלות. אפשר לחפש תוסף נוסף ואפשר לכתוב קוד. Angie מוסיפה ל־WordPress דרך שלישית: לתאר את הרכיב לסוכן AI מתוך מערכת הניהול ולהמשיך לעבוד על התוצאה בתוך האתר.
Angie פותחה ב־Elementor ופועלת גם בלוח הניהול של WordPress וגם בחלונית בתוך העורך. היא יכולה לבנות עמודים ורכיבים, לארגן תוכן ולבצע פעולות באתר. בניגוד לשיחה נפרדת שמסתיימת בקטע קוד להעתקה, כאן יש חיבור לכלים של WordPress. כדי להבין מה אפשר לעשות עם החיבור הזה, נעקוב אחר משימה אחת מהרעיון ועד לרכיב שאפשר להשתמש בו שוב.
מה Angie כבר יודעת כשפותחים את השיחה
Angie יכולה לקרוא את התבנית הפעילה ואת רשימת התוספים. היא מקבלת גם מידע על הגדרות Elementor ועל שדות מותאמים. כך היא יכולה להתייחס למבנה שכבר קיים באתר ולא רק לתיאור כללי של מה שרוצים לבנות. אם יש באתר שדה שמכיל את שם המרצה, למשל, אפשר להתחיל ממנו במקום להקים מקום נוסף שבו נשמר אותו מידע.
ההקשר הזה עוזר בעיקר באתר ותיק. בדרך כלל כבר יש בו צבעים שנבחרו, תבניות חוזרות ודרך מסוימת לערוך תוכן. אין סיבה שרכיב חדש ייראה כאילו הגיע מאתר אחר. אפשר לבקש מ־Angie להתאים אותו לסגנון הקיים ולבחון את התוצאה לצד הרכיבים השכנים.
עם זאת, היא אינה יודעת מדוע התקבלה כל החלטה. תוסף מותקן לא בהכרח נמצא בשימוש. שדה שמופיע במערכת יכול להיות שריד לתהליך ישן. לכן כדאי לציין איזה עמוד עורכים ואיזה תוכן משמש היום בפועל. אלה פרטים קצרים שחוסכים ניחושים מיותרים בהמשך.
ווידג’ט חדש או שימוש במה שכבר יש?
לפני שיוצרים משהו מאפס, פותחים את רשימת הרכיבים של Elementor. אזור שאלות רגיל עשוי להסתדר היטב עם אקורדיון קיים. Angie יכולה לעזור בעבודה על התוכן והפריסה גם בלי לייצר עבורו רכיב חדש. ווידג’ט מותאם נעשה מעניין כשצריך התנהגות שלא מתקבלת מהאפשרויות הקיימות או כשאותו שילוב צפוי לחזור בעמודים רבים.
ניקח אתר של מרכז תרבות כדוגמה. בכל עמוד פעילות מופיעות שאלות על גיל המשתתפים, משך המפגש והציוד שכדאי להביא. הפעם רוצים גם חלוקה לנושאים וקישור ישיר לכל שאלה. המידע משתנה מפעילות לפעילות, אבל המבנה אמור להישאר זהה. זו סיבה מעשית לשקול רכיב חוזר במקום לעצב את אותו אזור בכל עמוד מחדש.
המבחן הפשוט הוא מה יקרה בעוד חודש. מי שיתקן את שעות הפעילות צריך למצוא שדה ברור בעורך. הוא לא אמור לחפש משפט בתוך קטע קוד ארוך. לכן הגדרת הרכיב צריכה לכלול גם את פקדי העריכה שלו: הוספת שאלה, שינוי תשובה, בחירת נושא וסידור הפריטים. החלק הזה חשוב לא פחות מהמראה החיצוני.
בונים אזור שאלות שאפשר לערוך באמת
כדי ליצור ווידג’ט מותאם ל־Elementor צריך שהתוספים Elementor ו־Angie יהיו מותקנים ופעילים. אפשר להתחיל מחלונית Angie בעורך או מלוח הניהול. כדאי לפתוח את העמוד שבו מתכננים להשתמש ברכיב כדי לראות אותו בהקשר הנכון, מתחת לכותרת ובתוך הרוחב האמיתי של התוכן.
הבקשה הראשונית אינה צריכה לכלול עשרות אפשרויות עיצוב. בדוגמה שלנו מספיק לתאר אזור שאלות המחולק לנושאים ולבקש שכל שאלה ותשובה יהיו ניתנות לעריכה בנפרד. מוסיפים כמה פרטי התנהגות: האם אפשר לפתוח שתי תשובות יחד, איך בוחרים נושא ואיך משתפים קישור לשאלה מסוימת. אפשר להתחיל בשלוש שאלות לדוגמה ולבדוק את המבנה לפני הזנת יתר התוכן.
תנו לרכיב שם שמתאר את תפקידו. שאלות לפי נושא יהיה קל יותר למצוא בהמשך מאשר רכיב חדש מספר שתיים. אם מתכננים כמה מופעים שלו באותו עמוד, ציינו זאת מראש. הקישור הישיר לכל שאלה צריך לזהות אותה בלי להתבלבל עם שאלה ברכיב השכן. אפשר לבדוק זאת בעזרת שני מופעים קטנים, עוד לפני שמשקיעים בעיצוב ובכל הטקסטים.
כאשר נוצר ווידג’ט חדש, העבודה נכנסת למצב Test Mode. זהו מצב הבדיקה של Angie לרכיבים ולקטעי קוד. מסגרת ורודה וחיווי בתחתית המסך מסמנים שנמצאים בו. בשלב הזה אפשר להסתכל על הרכיב בתוך העמוד ולבקש תיקונים לפני שמעבירים אותו לשימוש באתר החי.
עכשיו לוחצים על הרכיב ובודקים את לשונית התוכן שלו. האם לכל תשובה יש שדה משלה? האם אפשר להוסיף שאלה בלי לפנות שוב לסוכן? כדאי לשנות את סדר הפריטים ולהחליף תשובה קצרה בפסקה ארוכה. הבדיקות האלה מגלות מהר אם נוצר ווידג’ט שימושי או רק תצוגה שנראית משכנעת עם הטקסט הראשוני.
לאחר מכן עוברים לעיצוב. עדיף לבקש תיקון נקודתי שאפשר לזהות: להגדיל את המרווח בין השאלה לתשובה, ליישר את סמל הפתיחה או לתת לשאלה הפעילה רקע עדין. בקשה כללית לשפר את העיצוב עלולה לשנות כמה דברים יחד ולהקשות על הבחירה. אין צורך להתחיל מחדש אם רוב הרכיב כבר מתאים.
כדאי להפריד גם בין הגדרות שחוזרות בכל האתר לבין בחירות מקומיות. צבע הטקסט יכול להישען על הצבעים הקיימים ב־Elementor. לעומת זאת, ייתכן שבעמוד אחד רוצים לפתוח מראש את התשובה הראשונה ובעמוד אחר להשאיר הכול סגור. במקרה כזה מבקשים פקד מתאים לכל מופע של הרכיב, במקום לשנות את ההתנהגות בקוד בכל פעם שעולה צורך חדש.
לסיום בודקים את הקישור הישיר. פותחים כתובת שמפנה לשאלה מסוימת בחלון חדש ורואים אם התשובה המבוקשת באמת נפתחת. אם נדרש גם סינון לפי נושא, מוודאים שהשאלה אינה נשארת מוסתרת מאחורי מסנן אחר. זהו פרט שקל לפספס כשבודקים כל אפשרות בנפרד.
מהמסמך אל שדות התוכן
אפשר לצרף ל־Angie קבצים מסוג PDF, CSV, TXT, DOCX ו־JSON. כך ניתן לעבוד עם חומר שכבר קיים במקום להעתיק אותו פסקה אחר פסקה. בדוגמה של מרכז התרבות, מסמך השאלות יכול לשמש בסיס לתוכן שיופיע ברכיב. הקובץ נותן את המידע; עדיין צריך להחליט איך הוא מתחלק באתר.
מסמך שנכתב לקריאה רציפה לא תמיד מתאים להדבקה לתוך אקורדיון. תשובה עשויה להישען על פסקה קודמת או להזכיר טבלה שנמצאת בעמוד אחר. כדאי לבקש חלוקה ראשונית לשאלות ולתשובות ולעבור עליה לפני ההכנסה לעורך. כל תשובה צריכה להיות מובנת גם למי שפתח רק אותה.
פרטים שנראים שוליים יכולים לשנות את המשמעות. אם השתתפות ילדים אפשרית רק בליווי מבוגר, אסור שהקיצור ישאיר רק את המשפט על התאמה לילדים. גם הפיכת רשימה לפסקה עלולה לטשטש הבדל בין ציוד שחייבים להביא לבין ציוד שמסופק במקום. בשלב הזה משווים את המשמעות למקור ולא מסתפקים בכך שהטקסט נקרא יפה.
בקובץ CSV נוח לעבוד כשכל שורה מייצגת שאלה אחת והעמודות מופרדות בבירור. למשל: נושא, שאלה ותשובה. לא כדאי להשאיר לסוכן לנחש אם תא ריק פירושו שאין תשובה או שהמידע עדיין חסר. קודם מנסים כמה שורות עם מאפיינים שונים. רק אחרי שהחלוקה עובדת ממשיכים ליתר הקובץ.
שלושת המצבים שמסבירים מה המבקרים רואים
אחד המקומות המבלבלים בעבודה עם Angie הוא הפער בין מה שרואים בזמן עריכה לבין מה שמופיע באתר. לרכיב יש מצב משלו, לצד מצב הפרסום של העמוד. לכן רכיב חדש שמופיע אצל העורך אינו בהכרח זמין למבקרים.
| מצב הרכיב ב־Angie | המשמעות בעבודה |
|---|---|
| Test environment only | הרכיב זמין במצב בדיקה בלבד ועדיין לא פורסם לשימוש באתר החי. |
| Test & Live Not Synced | יש גרסה חיה ולצדה שינויים חדשים שנראים רק במצב בדיקה. |
| Live & Synced | גרסת הרכיב שפורסמה תואמת לגרסה שבמצב הבדיקה. |
כשהרכיב מוכן, אפשר לגשת אל Angie ואז Snippets בלוח הניהול ולבחור Publish to Live עבורו. לאחר הפרסום הוא זמין לשימוש בעמודים נוספים. ניתן לחפש אותו לפי שמו ברשימת הווידג’טים ולגרור אותו לעמוד כמו רכיב אחר.
אם יוצאים ממצב הבדיקה בלי לפרסם, הרכיב החדש עשוי להיעלם מהתצוגה. אין פירוש הדבר שהוא נמחק. חזרה למצב הבדיקה מאפשרת לגשת אליו שוב. ההבחנה הזאת חשובה במיוחד כשממשיכים לעבוד ביום אחר ולא זוכרים אם כבר פורסמה הגרסה האחרונה.
Test Mode נועד לבדיקה של הרכיבים וקטעי הקוד שמנוהלים בדרך הזאת. אין סיבה להניח שכל פעולת ניהול אחרת ש־Angie מבצעת ממתינה באותו מצב. יצירת טיוטה, שינוי הגדרה ופרסום קטע קוד הן פעולות שונות. כדאי לקרוא את הפעולה שמוצגת לפני שממשיכים ולא להסיק ממסגרת הבדיקה דבר על האתר כולו.
איך מתקנים גרסה שלא הצליחה
לא כל שיפור באמת משפר. לפעמים שינוי בריווח פותר את המסך הצר אבל מקלקל את התצוגה במחשב. Angie שומרת היסטוריית גרסאות של קטעי הקוד שהיא יוצרת או עורכת. אפשר לפתוח את Code Revisions של הרכיב או לבקש בשיחה להציג את היסטוריית השינויים שלו.
בהיסטוריה רואים גרסאות קוד עם תאריך ותיאור השינוי. בחירה בגרסה מציגה את הקוד שלה ואינה מחליפה מיד את הגרסה הפעילה. אם רוצים לחזור אליה, משתמשים בפעולת השחזור. השחזור יוצר רשומה חדשה בהיסטוריה ומאפשר לבדוק את התוצאה במצב בדיקה לפני פרסומה.
שמות ברורים עוזרים גם כאן. תיאור כמו התאמת השאלות למסך צר שימושי יותר ממספר גרסה לבדו. כשמבצעים שינוי אחד בכל פעם קל להבין מה כדאי לשחזר. היסטוריית הקוד אינה תחליף להיסטוריה של תוכן העמוד, והיא גם לא מבטלת אוטומטית כל שינוי שנעשה בהגדרות WordPress.
הבדיקה האחרונה נעשית מחוץ לעורך
אחרי הפרסום פותחים את כתובת העמוד הרגילה בחלון שבו לא מחוברים לניהול. בודקים את פתיחת התשובות ואת המעבר בין הנושאים. משתמשים גם במקלדת: עוברים לשאלה באמצעות Tab ומנסים להפעיל אותה. הסימון שמראה היכן נמצאים צריך להיות גלוי, והתשובה צריכה להיפתח בלי לחייב שימוש בעכבר.
בטלפון כדאי לנסות את השאלה הארוכה ביותר ולא רק את הראשונה. שימו לב אם סמל הפתיחה דוחק את הטקסט, אם קישור בתשובה חורג מהרוחב או אם כותרת הנושא נעלמת בזמן גלילה. אלה תיקונים שאפשר לתאר ל־Angie במדויק ולהחזיר לסבב קצר של עבודה.
אם משתמשים בווידג’ט בכמה עמודים, פותחים גם מופע נוסף שלו. תיקון בקוד המשותף עשוי להשפיע על כולם, בעוד שינוי תשובה בעמוד מסוים אמור להישאר מקומי. כדאי לוודא שההפרדה הזאת נשמרת לפני שמתחילים לשכפל את הרכיב ברחבי האתר.
העבודה עם Angie נשארת בתוך שגרת העבודה של WordPress. היא אינה מחייבת להתחיל אתר מחדש או להחליף את שיטת העריכה כולה. ההבחנה הזאת עוזרת למי שמשווה בין האפשרויות לבניית אתרים עם AI: כאן המוקד הוא עבודה בתוך אתר קיים והרחבת הכלים שלו.
שאלות שעולות בזמן העבודה עם Angie
למה הווידג’ט נעלם כשסגרתי את מצב הבדיקה?
ייתכן שהוא עדיין נמצא במצב Test environment only. רכיב כזה אינו מוצג מחוץ למצב הבדיקה. חוזרים אל Angie ואז Snippets ומפעילים שוב את מצב הבדיקה כדי להמשיך לעבוד עליו. מפרסמים אותו רק כשהגרסה המתאימה מוכנה.
האם צריך ליצור מחדש את הרכיב לכל עמוד?
לא. ווידג’ט מותאם שפורסם זמין ברשימת הרכיבים של Elementor וניתן להשתמש בו שוב. כדאי ליצור אותו מראש עם שדות תוכן נפרדים, כדי שבכל עמוד יהיה אפשר להזין שאלות אחרות בלי לשנות את הקוד המשותף.
האם אפשר לעבוד עם Angie בלי לדעת PHP?
אפשר לתאר רכיב ולעבוד על התוכן והעיצוב בלי לכתוב PHP בעצמכם. אבל אם הרכיב מפעיל תהליך מורכב או תלוי בנתונים ממערכת נוספת, מראה תקין לבדו אינו מספיק כדי לבדוק אותו. במקרה כזה צריך להבין את החיבור או להיעזר במי שיכול לבדוק את פעולתו.
