Whatsapp

עריכת גריד שורות

עריכת גריד שורות מאפשרת לשנות, לעדכן ולהוסיף אלמנטים בגריד שייבחר.

 

מבנה הגריד - שני חלקים עיקריים:

כאשר עובדים עם גריד שורות, חשוב להבין שהוא מחולק לשני חלקים נפרדים: החלק הראשי של הגריד והשורות הבודדות. כל חלק נערך בנפרד ויש לו אפשרויות עריכה שונות.

בחלק זה נלמד כיצד לערוך את השורות.

בעמוד זה

  • מהו גריד שורות?
  • חשוב לקרוא לפני שמתחילים!
  • יצירת גריד שורות
  • הוספת / הסרת שורות
  • עריכת גריד שורות
  • טוב לדעת!
  • ככה זה נראה !

מהו גריד שורות?

גריד שורות הוא רכיב גמיש המאפשר להציג מידע וחומרים ויזואליים בפורמט מסודר ואטרקטיבי. הרכיב מורכב ממערך של שורות, כאשר כל שורה יכולה להכיל שילוב של טקסט, תמונות, כפתורים וסרטונים. גריד השורות יכול להיראות בצורות שונות בהתאם לעיצוב שנבחר.

מבנה הגריד - שני חלקים עיקריים:

כאשר עובדים עם גריד שורות, חשוב להבין שהוא מחולק לשני חלקים נפרדים: החלק הראשי והשורות הבודדות. כל חלק נערך בנפרד ויש לו אפשרויות עריכה שונות.

חשוב לקרוא לפני שמתחילים!

כדי להבטיח שהאתר שלכם ייראה מעולה ושהעבודה במערכת תהיה חלקה, ריכזנו עבורכם 4 כללים שחובה להכיר לפני שמתחילים עריכה במערכת. קריאה של דקה תחסוך לכם זמן יקר בהמשך!

1

כפתור השמירה הוא החבר הכי טוב שלכם

 המערכת לא שומרת אוטומטית. בכל סיום פעולה או עדכון שדה, הקפידו ללחוץ על כפתור השמירה האדום שבצד שמאל למעלה.

 

זכרו: לא לחצתם? השינוי לא קרה. הקפידו לשמור אחרי כל עדכון שדה או העלאת תמונה

2

ניקוי טקסטים (חובה לכל מי שמעתיק תוכן!)

העתקתם תוכן מ-Word או מהאינטרנט? הדביקו אותו קודם בכתבן (Notepad) ורק אז באתר, כדי לשמור על עיצוב נקי ופונטים אחידים. 

3

ההמלצה שלנו - עבדו בשתי לשוניות

מומלץ להשאיר לשונית אחת של מערכת הניהול ולשונית שנייה של האתר פתוחה, כדי לרענן ולראות את השינויים בלייב מיד לאחר השמירה.

4

גדלים ומשקלים

האתר שלכם ייחודי – ייתכן ששדות מסוימים במערכת לא יופיעו באתר כי הם אינם חלק מהתבנית העיצובית שלכם.

5

לא כל שדה הוא חובה

האתר שלכם ייחודי, לכן ייתכן שפיצ'רים מסוימים במערכת לא יופיעו באתר – מילאתם שדה והוא לא מוצג? זה כנראה לא חלק מהעיצוב שלכם.

 

קראתם? הבנתם? אתם מוכנים לצאת לדרך!

יצירת גריד שורות

מבנה הגריד - שני חלקים עיקריים:

כאשר עובדים עם גריד שורות, חשוב להבין שהוא מחולק לשני חלקים נפרדים: החלק הראשי והשורות הבודדות. כל חלק נערך בנפרד ויש לו אפשרויות עריכה שונות.

 

בחלק זה נלמד כיצד ליצור גריד שורות.

 

בכדי להוסיף ולערוך את השורות עצמן יש להמשיך מטה במדריך.

1

יצירת גריד שורות

בחירת העמוד הרלוונטי בו רוצים ליצור את גריד השורות. לאחר מכן, לחיצה על "הוספת רכיב חדש", בחירת "גריד שורות" ומתן שם לגריד.

כניסה להוספת רכיב חדש

הוספת גריד השורה

2

עריכת החלק הראשי של הגריד

לחיצה על כפתור העיפרון יפתח פופ-אפ שמאפשר לערוך את החלקים הראשיים של הגריד - כותרות, כפתור וטקסט.

למעבר למדריך להזנת לינק יחסי באתר

בחירת הגריד הרלוונטי ולחיצה על כפתור העיפרון

עריכת הגריד (כותרות, כפתור וטקסט)

הוספת / הסרת שורות

מבנה הגריד - שני חלקים עיקריים:

כאשר עובדים עם גריד שורות, חשוב להבין שהוא מחולק לשני חלקים נפרדים: החלק הראשי של הגריד והשורות הבודדות. כל חלק נערך בנפרד ויש לו אפשרויות עריכה שונות.
בחלק זה נלמד כיצד להוסיף או להסיר את השורות.

1

הוספת שורה חדשה

פתח את הגריד הרלוונטי וזהה אותו לפי האינדיקציה "גריד שורות". לחץ על כפתור "הוסף שורה חדשה" (סימן + סגול) בתחתית הגריד. השורה תתווסף ותהיה מוכנה לעריכה.

בחירת הגריד הרלוונטי

הוספת שורה

2

הסתרת השורה

אתר את השורה שברצונך להסתיר ולחץ על המתג הירוק שלצידה כדי לשנותו ל"לא פעיל". בדוק את העמוד באתר לוודא שהגריד לא "נשבר" לאחר ההסתרה.

הסתרת השורה

3

מחיקת שורה

לחץ על סמל פח האשפה ליד השורה שברצונך למחוק ואשר את הפעולה. זכור שמחיקה היא בלתי הפיכה ועלולה לשבש את הגריד. מומלץ להסתיר את השורה תחילה ולבדוק את התצוגה לפני המחיקה הסופית.

מחיקת שורה

עריכת גריד שורות

עריכת גריד שורות מאפשרת לשנות, לעדכן ולהוסיף אלמנטים בגריד שייבחר.

 

מבנה הגריד - שני חלקים עיקריים:

כאשר עובדים עם גריד שורות, חשוב להבין שהוא מחולק לשני חלקים נפרדים: החלק הראשי של הגריד והשורות הבודדות. כל חלק נערך בנפרד ויש לו אפשרויות עריכה שונות.

בחלק זה נלמד כיצד לערוך את השורות.

1

עריכת גריד ראשי

בחירת הגריד הרלוונטי ולחיצה על סימן העיפרון של גריד ראשי.

בחירת גריד האב הרלוונטי ולחיצה על סימן העיפרון לעריכה

2

הגדרות כותרות

עריכת הכותרת הראשית וכותרת המשנה של הגריד, עם אפשרות להציג או להסתיר.

עריכת כותרות ראשיות של הגריד

3

כפתורים כלליים לגריד

עריכת הכפתורים הכלליים של הגריד. כאן נזין את הטקסט שיופיע על הכפתור, את הקישור של הכפתור (קישור מלא או יחסי), והאם ייפתח בחלונית חדשה או לא.

למעבר למדריך לקישור יחסי >

עריכת הכפתורים הכלליים של הגריד

4

עריכת שורות בודדות

לחיצה על סימן ה-+ ליד שם הגריד (גריד האב), ולאחר מכן על סימן העיפרון בקוביה הרצויה.

עריכת שורות בודדות

5

עריכת תוכן השורה - כותרות וכפתורים

עריכת כותרות הקוביה והכפתור שלה. ניתן להשתמש בכפתור נוסף במקרה הצורך (בהתאם לעיצוב ונראות האתר).

עריכת כותרות וכפתור ראשון

עריכת כפתור נוסף

6

עריכת תוכן השורה - טקסט וודיאו

עריכת התוכן הטקסטואלי שנמצא בשורה ע"י הזנת קטע טקסט בשדה הטקסט בגריד. בהזנת טקסט בשדה מסוג זה, שכולל יכולות עיצוביות, יש להזין טקסט נקי מעיצובים נוספים.

לצפייה בהנחיות להזנת טקסט נקי >.

 

בנוסף, ניתן להשתמש בשדה הוידאו בשורה זו, ולהזין בו קטע קוד embed מותאם לסרטוני וידאו.

יש לזכור כי אופציה זו אפשרית במידה וניתנה התייחסות לוידאו בתבנית העמוד.

עדכון טקסט בשדה טקסט

הוספת וידאו לשורה

7

עריכת תמונות וגלריית תמונות לשורה

ניתן לעדכן תמונה לצד הטקסט, ובמידת הצורך להעלות את התמונות במידות שונות עבור גרסת הדסקטופ ועבור גרסת המובייל. אם קיימת תמונה באחד מהשדות, יש למחוק אותה קודם כל ע"י אייקון פח האשפה, ורק אז ללחוץ על כפתור בחירת התמונה החדשה מהתיקיות במחשב.

יש לוודא שפרופורציות התמונות תואמות למסמך החיתוכים שהועבר על ידי מנהל/ת הפרויקט. 

 

בנוסף, ניתן להחליט כי במקום תמונה לצד התוכן, תוצג גלריה מתחלפת אוטומטית. נלחץ על כפתור "צור גלריה" שמיד יהוך לכפתור "ערוך גלריה", ואז ניכנס לפופ עפ עריכת הגלריה. שם, נוכל להעלות תמונות מהמחשב, לשלוט על סדר התמונות ע"י גרירה, לסמן תמונות מסוימות או את כולן ולהוריד למחשב / למחוק אותן. בסיום העריכה יש לשמור.

*חשוב - בעת מחיקת תמונה, לא ניתן לשחזר או לבטל את הפעולה. מומלץ ראשית לשמור את התמונה לגיבוי ורק לאחר מכן למחוק אותה.

הוספת תמונה לצד התוכן בגרסת דסקטופ ומובייל

הוספת גלריית תמונות לצד התוכן

טוב לדעת!

ישנם מספר חלקים בעריכת גריד שורות אשר מוגדרים כחלקים מתקדמים יותר. כמו:

1

Class

Class הוא חלק בעריכת הגריד הראשי אשר משמש את המתכנתים שלנו, ולכן אין לגעת בו!

2

פתיחת וידאו וטקסט בפופ אפ

יש אופציה להגדיר פתיחת סרטון וידאו בפופ אפ ע"י סימון הצ'קבוקס. זה אומר שבאתר עצמו, נראה תמונה preview וכפתור של play, שיפתח את הסרטון המלא בפופ אפ על גבי המסך.

 

בנוסף, יש אופציה להגדיר טקסט נוסף שייפתח בפופ אפ ולא יוצג בשורה עצמה. לשם כך, נסמן גם את הצ'קבוקס וגם נזין את הטקסט בשדה המותאם לפופ אפ.

אופציה זו רלוונטית רק לתבניות שבהם הוגדרה התנהגות זו מראש.

פתיחת וידאו בפופ אפ

פתיחת טקסט בפופ אפ

ככה זה נראה !

1

התוצאה הסופית שמתקבלת

סקשן גריד שורה בודד

סקשן 2 גרידי שורה