ה-GUI (Graphic User Interface) נועד לאפשר שינוי תוכן מהיר ונוח כגון: טקסטים, תמונות, קישורים.
על מנת להיכנס ל-GUI יש להיכנס תחילה לממשק הניהול -> Hybrid -> עריכת קוד -> חיפוש ההיבריד הרלוונטי
למשל חיפוש ההייבריד "סליידר" \ "קטגוריות מעוצבות"
לאחר מכן לחיצה על כפתור GUI מתוך ההייברידים שברשימה.
לעיתים לוקח לאלמנט מעט זמן לעלות לכן אם זיהיתם שהוא לא עלה היטב מומלץ לרענן את הדף.
המצב ההתחלתי שלאחר טעינת ממשק העריכה (GUI) הינו בחירת השינוי בכל המסכים.
במידה וזהו המצב הרצוי, יש לבחור את המודול אותו נרצה לשנות.
במידה וזה לא המצב הרצוי, יש תחילה לבחור את המסך שבו רוצים שיחול השינוי (דסקטופ\לפטופ וכו') ולאחר מכן לבחור את המודול אותו רוצים לערוך.
מצבים אפשריים (מימין לשמאל):
- כל המסכים
- כל המסכים פרט למובייל
- דסקטופ
- לפטופ
- טאבלט
- מובייל
המצבים "כל המסכים" ו-"כל המסכים פרט למובייל" יציגו את מה שמוצג בדסקטופ בלבד.
אותו מודול\חלק שנבחר יסומן ברקע כהה ובחלקו התחתון של העמוד יפתח ממשק העריכה עם שדות הרלוונטיים לאותו מודול שנבחר.
מרגע שנבחר מודול, אין אפשרות לעבור לשינוי במסכים אחרים (יסומנו באפור) אלא אם נלחץ "בטל" (או שמור שיבצע שמירה וירענן את ממשק העריכה).
מרגע זה, כל שינוי שנבצע, בין אם לתמונה או לטקסט, יחול באותו רגע אולם יש לשמור את השינוי כדי שיחול באופן קבוע (ריענון\סגירה\מעבר לעמוד אחר ללא שמירה יבטלו את השינויים שבוצעו).
לאחר שינוי של כל שדה, כפתור ה"שמור" יצבע בירוק ונוכל לבצע שמירה. כל עוד כפתור זה בצבע לבן, לחיצה עליו לא תעשה כלום.
בחלקו השמאלי של ממשק העריכה (מתחת ללוגו של קונימבו), נמצא כפתור "הצג שדות לקידום". לחיצה על כפתור זה תפתח שדות נוספים שפחות רלוונטיים לפן הויזואלי ויותר לפן הקידומי.
בין השדות שיפתחו - "טקסט שיופיע במעבר עכבר (טולטיפ)" ו-"טקסט במקרה שהתמונה לא נטענת".
עבור סליידרים
בנוסף לכתוב מעלה, לסליידרים יש מספר הגדרות נוספות שמאפשרות לנו להתאים את הסליידר לצורך שלנו.
לאחר לחיצה על מודול בסליידר, בנוסף לשדות המפורטים מעלה, יופיעו שני שדות נוספים:
- "מיקום החלק בתוך האלמנט" - יציג את המיקום הנוכחי בקרוסלה של אותו מודול שלחצנו עליו. בחירת מיקום אחר מתוך הרשימה שבשדה, תעביר את אותו מודול למיקום הנבחר ותבצע שמירה אוטומטית ברגע הבחירה.
- "הצג חלק" - יופיע בצ'קבוקס. שדה זה יופיע עם "וי" כי החלק מוצג. הורדת ה"וי" ושמירה תסתיר את אותו חלק. שדה זה לא יופיע במידה ויש באותו סליידר שני מודולים\חלקים. במידה ונרצה להחזיר את החלק, ניגש ל"הגדרות סליידר".
הגדרות סליידר
כדי לגשת לאיזור זה, יש תחילה לבחור מודול\חלק ורק אז ללחוץ על "הגדרות סליידר".
באיזור זה יופיעו מספר שדות:
- מספר תמונות בסליידר - שדה זה אחראי על כמה מודולים\חלקים יהיו בסליידר. ברגע שנשנה שדה זה ונבצע שמירה, נוכל לשים לב שהתווסף מודול לסליידר שלנו. אין אפשרות להציג פחות משני חלקים.
- מספר אייטמים - אחראי על כמה מודולים\חלקים יוצגו בו-זמנית באותו השורה (רלוונטי לקרוסלות מותגים וכו' ולא לסליידר של באנרים שמציג תמונה בכל פעם).
- בולטים - יציג\לא יציג את הבולטים של הסליידר.
- הפעלה אוטומטית של הקרוסלה - יקבע האם הקרוסלה תתחיל לעבוד אוטומטית ברגע שהעמוד יטען או רק לאחר שהמשתמש ילחץ על אחד החיצים\יעביר לבד.
- הפסקה בין תזוזות הקרוסלה - יקבע כמה זמן יעבור בין מודול למודול - יש להכניס ערך בשניות. לא יקבע את מהירות ההחלפה אלא רק כמה זמן יעבור בין החלפה להחלפה.
- עצירת קרוסלה במעבר עכבר - יקבע האם הקרוסלה תעצור ברגע שהעכבר עליה או לא.
השינוי העיקרי בגרסה החדשה מאפשר לעדכן תוכן למספר מסכים בו זמנית (דסקטופ+לפטופ+טאבלט+מובייל) ולא כפי שהיה בעבר שהיה צורך לעדכן את התוכן (תמונה / טקסט) בנפרד לכל מדיה / מסך.
הערה חשובה-
במידה ועדכנתם תמונות במצב "כל המסכים" / מצב " שלושה מסכים" והתמונות לא מתעדכנות-
עליכם להגדיר את התמונה בכל מצב מסך בנפרד ( דסקטופ, לפטופ, טאבלט, מובייל)
לשימושכם מצורף מדריך מצולם :)
סליידר -
קטגוריות מעוצבות -