WP סקול » עיצוב תפריט ניווט באלמנטור והתאמה למובייל

עיצוב תפריט ניווט באלמנטור והתאמה למובייל

נכתב ע"י יוחאי ירמיהו

אין גישה לסרטון

אופס, השיעור הזה מיועד רק לסטודנטים לבניית אתרים

סרטון השיעור המצולם פתוח רק לחברים בקורס ואם מעניין אותך להצטרף לקהילה הנפלאה שלנו ניתן לראות פרטים מתחת :-)

עוד לא צפיתם בהדרכה? זה בחינם!

יש לי הצעה מעניינת יצרתי הדרכה מלאה של למעלה משעתיים שתלמד אותך איך לבנות אתר מ-0 בחינם כולל רכישת אחסון ודומיין. נשמע מעניין? אשמח לשלוח לך אותה למייל.

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

הפתעות שאסור להחמיץ

הקדמה לבניית אתרים

במודול זה נלמד את כל הדברים החשובים כמו: מה זה וורדפרס, זכויות יוצרים, נגישות וכו’…

  • 9 שיעורים שילמדו אתכם כל מה צריך לדעת לפני שלומדים בניית אתרים
  • תמיכה לשאלות בעמודי השיעורים
  • גישה לקבוצת הפייסבוק של הקורס
  • גישה לכל החיים (בכפוף לתקנון)
  • גישה לעדכונים ושיעורים חדשים
  • 100% החזר כספי ל-30 ימים

מחיר המודול מבצע מטורף

29 ש”ח (המחיר כולל מע”מ)

יצירת אפיון לאתר

רוצים לבנות אתרים ברמת על? הכל מתחיל מאפיון טוב ומציאת מילות מפתח.

  • 7 שיעורים שילמדו אתכם לאפיין אתר כמו המקצוענים (כולל מחקר מילות מפתח)
  • תמיכה לשאלות בעמודי השיעורים
  • גישה לקבוצת הפייסבוק של הקורס
  • גישה לכל החיים (בכפוף לתקנון)
  • גישה לעדכונים ושיעורים חדשים
  • 100% החזר כספי ל-30 ימים

מחיר המודול מבצע מטורף

29 ש”ח (המחיר כולל מע”מ)

רכישת אחסון ודומיין

אחד השלבים החשובים בעת הקמת אתר הוא רכישת אחסון ודומיין. למדו איך לעשות זאת.

  • 13 שיעורים שילמדו אתכם איך מעלים אתר לאוויר (כולל האותיות הקטנות)
  • תמיכה לשאלות בעמודי השיעורים
  • גישה לקבוצת הפייסבוק של הקורס
  • גישה לכל החיים (בכפוף לתקנון)
  • גישה לעדכונים ושיעורים חדשים
  • 100% החזר כספי ל-30 ימים

מחיר המודול מבצע מטורף

29 ש”ח (המחיר כולל מע”מ)

תוכן השיעור:

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

הוספת תפריט ניווט לאתר + התאמה למובייל

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

על מנת למרכז את התפריט לחלק האמצעי של העמודה נוכל לבחור את ההגדרות של העמודה ותחת האפשרות של “יישור אנכי” לבחור את האפשרות של “אמצע”.

בהגדרות תוכן של התפריט נוכל לשנות את הדברים הבאים:

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

בהגדרות של סגנון תפריט נוכל לשנות את הדברים הבאים:

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

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

יוחאי ירמיהו

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

שאלות ותשובות לשיעור

שאלות ותשובות

    באסה, היכולת לשאול שאלות בשיעור פתוחה רק למשתמשים שרכשו את הקורס

    כלי נגישות