WP סקול » יצירת חלק עליון / תפריט דביק באלמנטור

יצירת חלק עליון / תפריט דביק באלמנטור

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

תוכן השיעור:

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

יצירת הדר (Header) דביק באלמנטור

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

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

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

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

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

איך להפוך את הרקע לשקוף לאחר שמתחילים לגלול?

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

החלק הזה הוא קצת יותר מורכב למי שאין ידע טכני ב-CSS אבל אתם יכולים לבחור את החלק העליון וללכת למתקדם, לאחר מכן תחת הלשונית של מתקדם תהיה לכם האפשרות להכניס CSS Classes ושם תכניסו את הערך הבא: “top-header“.

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

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

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

כאשר הערך הוא 1 אז לא תהיה שקיפות בכלל לאזור של החלק העליון כאשר הוא דביק.

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

יוחאי ירמיהו

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

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

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

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

    כלי נגישות