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

הוספת טקסט לתפריט ניווט נפתח במובייל של אלמנטור

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

תוכן השיעור:

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

הוספת טקסט לכפתור ספוילר/המבורג בתפריט נפתח באלמנטור

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

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

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

ה-Class שאתם צריכים להוסיף זה ה-Class הבא top-header-nav וללא ההוספה הקוד הזה האפשרות הזאת לא תעבוד. עוד נקודה שחשוב לציין היא שהקוד הבא אמור לעבוד בצורה טובה באתרים בעברית ולא בטוח שזה יעבוד באתרים באנגלית.

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

במידה ואתם מנסים להכניס את הקוד באתרים שנבנו בעברית והקוד מעל לא עובד לכם כמו שצריך אז אתם יכולים לנסות ולהכניס את הקוד הבא במקום הקוד שמופיע מעל אתם יכולים לשנות את התווית של after ל-before או לשנות את padding-right לאפשרות של padding-left.

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

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

יוחאי ירמיהו

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

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

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

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

    כלי נגישות