קורס עיצוב אתר WIX

תפריט האתר

עיצוב תפריט האתר

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

 

הוספת תפריט לאתר

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

 

איך נוסיף תפריט לאתר:

  1. לחיצה על הכפתור "+" (ADD).

  2. לחיצה על הפתור "MENU".

  3. לחיצה על סוג התפריט שנרצה או גרירה שלו למקום המיועד.

 

איך נוסיף תפריט מותאם אישית:

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

 

מיקום תפריט האתר

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

 

איך נציב נכון את התפריט בראש האתר:

  1. לאחר הוספת תפריט נגרור אותו לתוך ראש האתר.

  1. כל פריט שמוצב בראש האתר מוצמד אליו אוטומטית.

  2. הפריט צריך להיות קטן בגודלו מהחלק העליון.

  3. תופיע תווית שתאשר שהפריט הוצמד: "ATTACH TO HEADER".

  4. המערכת אוטומטית תגרום לכך שהפריט יוצג בכל דפי האתר.

 

התאמת גודלו ומיקומו של התפריט:

  1. נלחץ על התפריט, מכול צדדיו יופיעו 8 נקודות.

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

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

 

עיצוב תפריט האתר

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

 

חשוב לשים לב ל-3 מצבים שונים בעיצוב כפתורי התפריט:

  1. רגיל (Regular) - המצב הרגיל בו נמצאים כפתורי התפריט.

  2. ריחוף (Hover) - כאשר מרחפים/עוברים עם העכבר מעל כפתורי התפריט.

  3. לחוץ (Clicked) - כאשר הכפתורים נלחצו/נבחרו.

 

איך מעצבים את תפריט האתר:

  1. ללחוץ על תפריט האתר.

  2. ללחוץ על האייקון "Design".

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

  4. ניתון לבחור עיצוב מותאם אישית: "Customize Design".

 

עיצוב מותאם אישית "Customize Design"

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

 

האפשרויות בעיצוב מותאם אישית:

  1. עיצוב רקע התפריט והכפתורים (הטאב "Fill Colors & Opacity"): ניתן לעצב את רקע הכפתור, רקע תפריט המשנה וצבע הקו המפריד בין הכפתורים.

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

  3. עיצוב גבולות התפריט (הטאב "BORDERS"): ניתן לעצב צבע הגבול וקביעת העובי שלו.

  4. עיצוב פינות התפריט (הטאב "CORNERS"): ניתן לעצב גודל הזווית של הפינות, ניתן לתת לכל פינה זווית אחרת.

  5. עיצוב הצל של התפריט (הטאב "SHADOW"): ניתן לקבוע את זוית הצל, המרחק, הגודל, רמת הטשטוש.

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

 

איך מיישרים את הטקסט בכפתורים:

  1. לוחצים על תפריט האתר.

  2. לוחצים על האייקון "LAYOUTS".

  3. צריך לבחור אחת מהאופציות הבאות:

  4. שמאל (LEFT) - מיישר לשמאל את הטקסט בתוך הכפתורים.

  5. מרכז (CENTER) - מיישר למרכז את הטקסט בתוך הכפתורים.

  6. ימין (RIGHT) - מיישר לימין את הטקסט בתוך הכפתורים.

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

  8. האופציה הזאת אפשרית רק בתפריט אופקי.

 

איך משנים את תצורת הכפתורים בתפריט:

  1. לוחצים על תפריט האתר.

  2. לוחצים על האייקון "LAYOUTS".

  3. יצירת כפתורים בגודל זהה בתפריט: "All tabs are the same size".

  4. מתיחת הכפתורים לאורך כל התפריט: "Tabs fill the whole menu" כאשר פונקציה זאת מכובה ניתן ליישר את הכפתורים עצמם לצדדים של התפריט או למרכז.

 

סדר הכפתורים בתפריט האתר

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

 

איך נסדר את הכפתורים בתפריט:

  1. לחיצה על קטגוריית הדפים בחלק העליון של האתר "PAGES MENU".

  2. יש לגרור את הדפים למעלה או למטה והם ישתנו בהתאם בתפריט.

  3. גרירת דף ומשיכתו ימינה מציבה את הדף תחת דף אחר (תפריט משנה), הדף לא יוצג בתפריט הראשי.

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

 

איך נסדר שתפריט האתר יהיה מימין לשמאל:

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

  • כל כפתור שנרצה שיוצג בצד היותר ימני נגרור אותו יותר למטה.

 

כפתורי האתר חורגים מאורך התפריט

אורך התפריט מגביל את כמות הכפתורים שנוכל לשים עליו, אנחנו יכולים להרחיבו או להקטינו בהתאם לצרכי העיצוב (האורך המקסימלי הוא 980 פיקסלים), אם נחרוג מאורך התפריט שקבענו הכפתורים האחרונים ברשימה יכנסו תחת כפתור שיקרא "MORE" ויהפכו לכפתורי משנה תחת כפתור זה, ריחוף מעל כפתור ה-"MORE" יציג את הדפים.

 

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

 

איך מגדירים את כפתור ה- "MORE" בתפריט:

  1. לוחצים על תפריט האתר.

  2. לוחצים על האייקון "LAYOUTS".

  3. בחלק התחתון מופיעה הכותרת: "SHOW A TAB THAT SAYS:"

  4. בחלק מתחתיו נכניס מילה מתאימה בעברית שתחליף את "MORE".

  5. אם אורך התפריט עולה על אורך כפתורי האתר, כפתור ה-"MORE" יעלם אוטומטית.

 

איך נמנעים מהופעת כפתור ה-"MORE" בתפריט:

אם לא נרצה שכפתור ה-"MORE" ישתרבב לנו לתוך התפריט, יש כמה פעולות שנוכל לבצע בכדי למנוע זאת.

  • מספר דפים קטן: נציב רק את הדפים הכי חשובים בתפריט הראשי.

  • תפריטי משנה: את הדפים הפחות חשובים נציב בתפריטי המשנה.

  • בניית קטגוריות: תחת דף ראשי נציב את כל הדפים הקשורים אליו.

  • שמות דפים קצרים: ניתן שמות לדפים בני מילה אחת או שתיים.

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

  • אורך כפתור: ביטול האפשרות "ALL TABS ARE THE SAME SIZE"

  • מתיחה: נמתח את התפריט לכל רוחב האתר.

  • פינוי מקום: לא נשים באותו הקו שלו אובייקטים כמו: הלוגו, מספר הטלפון וכו'.

  • ריווח: בזמן עיצוב הכפתורים נקטין את הרווח בין הכפתורים בפונקציית ה-"SPACING".

 

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

 

תצורת כפתורי התפריט

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

 

כפתור "תפריט רגיל"

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

 

איך מגדירים "כפתור רגיל":

  1. לחיצה על "ADD PAGES" בקטגוריית הדפים שלנו.

  2. לחיצה על החלק "PAGE".

  3. יפתח לנו דף חדש אוטומטית ונצטרך לבחור לו שם.

  4. יש להקיש על הכפתור "DONE".

 

הגדרת "כפתור קישור חיצוני"

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

 

איך מגדירים "כפתור קישור חיצוני":

  1. לחיצה על "ADD PAGES" בקטגוריית הדפים שלנו.

  2. לחיצה על החלק "LINK".

  3. תפתח לנו תיבת אפשרויות שבה נבחר את סוג הקישור:

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

    • קישור עוגן: ניתן לעבור ישירות לכל עוגן שהצבנו בכל דף באתר שלנו. עוד על קישורי עוגן.

    • מייל: יעלה תוכנת המייל במחשב עם המייל שבקישור, ניתן גם להוסיף נושא למייל.

    • מסמך: יפתח ישירות מסמך שהלעתם למערכת כמו: WORD, EXCEL, PDF, וכו'.

    • ראש האתר: יעלה לראש האתר בדף הספציפי בו נמצא הגולש.

    • החלק התחתון באתר: ירד לחלק התחתון של האתר בדף הספציפי בו נמצא הגולש.

 

הגדרת "כפתור כותרת"

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

 

איך מגדירים "כפתור כותרת":

  1. לחיצה על "ADD PAGES" בקטגוריית הדפים שלנו.

  2. לחיצה על החלק "MENU HEADER".

  3. יפתח לנו דף חדש אוטומטית ונצטרך לבחור לו שם.

  4. יש להקיש על הכפתור "DONE".

  5. נגרור מתחתיו דפים שנרצה שיהיו בתפריט המשנה שלו.

 

תפריט אופקי או אנכי

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

 

תפריט אופקי

התפריט המקובל ברוב האתרים, מופיע בצורה אופקית לרוחב האתר ולרוב בחלקו העליון.

  • יותר נוח לקריאה ע"י הגולשים שקוראים אופקית מימין לשמאל (בעברית) ומשמאל לימין (באנגלית).

  • הגולשים רגילים לתפריטין אופקיים ומחפשים אותם.

  • מוגבל בכמות הכפתורים לרוחב האתר.

 

תפריט אנכי

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

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

  • כל הכפתורים הם בגודל אחיד וזה נותן מראה יותר איכותי.

  • אפשר להציג את כול הפתורי האתר, בתפריט אופקי הכפתורים הם בתפריט המשנה.

קורס עיצוב אתר וויקס

שירותי אתר WIX

בניית דפי נחיתה WIX
קורס WIX
תבנית אתר WIX
בדיקת אתר WIX
בניית חנות וירטואלית WIX
שדרוג / שיפוץ אתר WIX
פרסום אתר WIX
בניית אתר מותאם למובייל
קידום אתר WIX
תמיכה לאתר WIX
בניית אתר WIX
מה זה אתר WIX ?
מומחים לשיווק באינטרנט

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

אודות "שיווקום"

פתרונות שיווק לעסקים

יצירת קשר מהיר

טלפון: 054-3165353
מייל: 
shivukom@gmail.com

  • Facebook Social Icon

© כול הזכויות שמורות לאתר "שיווקום"

כפתור יצירת קשר - וואטסאפ