עיצוב כותרת עליונה במעוף+


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

כותרת עליונה

הוראות להגדרת כותרת עליונה :
  1. נכנסים לאתר המבוקש.
  2. לוחצים על כניסת חברים ומתחברים עם שם משתמש וסיסמא
  3. יש להפעיל את כפתורי הניהול על מנת שנוכל לראות את שמות הרכיבים (שמות הרכיבים תמיד יהיו מתחת לרכיב בתוך תיבה בצבע כחול)


  4. לחיצה על תיבת רכיב :"כותרת עליונה ציבורי " (יכול להיות גם ""כותרת עליונה פנימי") תפתח תפריט – יש ללחוץ על "עריכה"


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

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



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



  8. לאחר סיום העריכה יש ללחוץ על כפתור "שמור" על מנת שהשינויים ייכנסו לתוקף.

כעת נוכל לראות שהכותרת העליונה חולקה למספר האזורים שביקשנו. כל חלק הפך לרכיב בפני עצמו.
לכל רכיב שנוצר בתוך הכותרת יש שם: חלק ראשון/חלק שני/ חלק שלישי בהתאם למספר החלקים שבחרנו. 
(בתמונה - חלוקה לשלושה איזורים כשהלוגו באמצע).




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


---------------------------------------------------------------------------------------------------------

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


כל אחד מהחלקים בכותרת, מתנהג כרכיב באתר.

ממליצים לצפות בוובינר:  ניהול רכיבים בעמוד הבית באתרי מעוף+.


כיצד מגדירים מציג לרכיב:
  1. לחיצה על הרכיב. לדוג' חלק ראשון.
  2. בחירה ב- עריכה
  3. בשדה 'מציג' ניתן לקבוע את צורת התצוגה של הרכיב 
מציגים נפוצים לכותרת העליונה:

כותרת עליונה: תמונות מתחלפות - מספר תמונות מתחלפות/תמונה אחת סטטית.
 ניתן להגדיר את מהירות החלפת התמונות וכיוון ההחלפה (מימין לשמאל \ משמאל לימין).

מסיכה עם סליידר:  
מציג זה מוגדר מ-2 שכבות:
1. שכבה עליונה - מכילה את הלוגו ועם מעוניינים בעיטורים נוספים (עיצוב חופשי של הלקוח).
שאר הרקע של המסיכה שקוף על מנת שיוכלו לראות את השכבה שמתחתיה.
גודל שכבה זו קובע את גודל הכותרת העליונה.
כלומר, אם המסיכה העליונה תהיה בגובה 250 פיקסלים, גם התמונות שיוצגו מתחתיה יוצגו באותו הגובה.
2. שכבה תחתונה - תמונות מתחלפות בניהולו של מנהל האתר.

דוגמאות:







אפשרויות עיצוב מתקדמות למציג

לאחר שבחרנו ב'מציג' הרצוי, יש לנו אפשרות להגדיר לו פרמטרים שונים.
נוכל לראות את טבלת הפרמטרים תחת השדה 'פרמטרים למציג': 




  • כיוון הסליידר מימין לשמאל – במידה ויש יותר מתמונה אחת יש אפשרות שהתמונות יופעלו בתצורת "סליידר", אם נרצה שכיוון חילוף התמונות יהיה מימין לשמאל יש להוסיף :
    True
    אם לא – נשאיר את התיבה ריקה.
  • כן להתחלה אוטומטית –  במידה ונרצה שהדפדוף יעשה ידנית על ידי המשתמש / נרצה להציג רק תמונה סטטית אחת יש למלא בתיבה False

  • מהירות מעבר - זו מהירות החלפת התמונות (כל 1000 יחידות מציינות שנייה אחת). לדוג', כל 2 שניות = 2000.
  • אפקט מעבר – כיצד נרצה שהתמונה תתחלף. יש להזין בתיבה את הבחירה או להשאיר ריק אם רוצים מצב ברירת מחדל – משמאל לימין.
  • מספר פריטים לתצוגה במעבר אחד – במידה ורוצים שיותר מתמונה אחת תוצג בכל חילוף.
    לדוג', כך תראה אופציה של 4 תמונות:

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

---------------------------------------------------------------------------------------------------------

הוספת פריטים לרכיב

  1. לחיצה על שם הרכיב תפתח תפריט – נלחץ על סעיף "כל הפריטים" על מנת לערוך \ להוסיף פריטים שיופיעו ברכיב.



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




הוספת תמונה
  • כאשר מעלים תמונה יש להעניק לה כותרת ולשייך לה תחום ( מומלץ ליצור תחום ייעודי לתמונות הכותרת העליונה על מנת שלא יופיעו ברכיבים אחרים באתר). 


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


בהצלחה! :)


אין תוצאות