בית הספר לוורדפרס » הוספת תבנית תפריט צדדי (Sidebar) באלמנטור

הוספת תבנית תפריט צדדי (Sidebar) באלמנטור

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

Video

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

אורך השיעור: 3:46 דקות

איך לבנות אתר בחינם בשעה וחצי?

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

תוכן השיעור:

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

הוספת עמודה של תפריט צדדי לעמוד

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

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

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

תפריט Sidebar שנטען באמצעות ווידג'ט

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

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

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

    הפתעות במחיר מנצח

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

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

    קורסים מובילים

    וורדפרס Beginner

    וורדפרס Beginner

    הקורס המושלם ללימוד העולם של בניית אתרים (מותאם למתחילים ללא ידע)

    • קורס וורדפרס Beginner קורס בניית אתרים למתחילים
    • קורס וורדפרס Tool Kit הצעת מחיר + אפיון + צ’ק ליסט + התנהלות עם לקוחות
    • בונוס 1: התקנת אתר על המחשב איך להשתמש במחשב ולחסוך עלויות אחסון
    • בונוס 2: גיבוי, שחזור, ותחזוקה לאתר תחזוקת אתרים ומניעת בעיות ותקלות
    • בונוס 3: אנליטיקה ומעקב לאתר גוגל אנליטיקס, סרץ קונסול ויאנדקס מטריקה
    • בונוס 4: קלאודפלייר + מייל עסקי בחינם שימוש בקלאודפלייר ויצירת מייל עסקי בחינם
    • בונוס 5: קורס Cloudways אחסון אתרים בחברות השרתים המובילות בעולם
    • 303 שיעורים למתחילים
    • תמיכה לשאלות בעמודי השיעורים לשנה
    • גישה לקבוצת הפייסבוק
    • גישה לכל החיים
    • תעודה הכשרה בסיום הקורס (קובץ PDF)
    • גישה לעדכונים ושיעורים חדשים
    • 100% החזר כספי ל-30 ימים
    למידע נוסף
    וורדפרס Next Level

    וורדפרס Next Level

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

    • קורס וורדפרס Next Level בניית אתרים למתקדמים
    • קורס וורדפרס SEO התאמת אתרים לגוגל
    • קורס: אלמנטור Ninja הקורס שיהפוך אותך לנינג’ה באלמנטור
    • קורס: אלמנטור PRO + אנימציות יצירת אתרים מורכבים ואנימציה
    • קורס וורדפרס Rocket שיפור מהירות לאתר
    • קורס וורדפרס Security חיזוק אבטחה לאתר
    • קורס וורדפרס Global בניית אתר דו לשוניים בכל השפות
    • בונוס 1: קלאודפלייר + מייל עסקי בחינם שימוש בקלאודפלייר ויצירת מייל עסקי בחינם
    • בונוס 2: אנליטיקה ומעקב לאתר גוגל אנליטיקס, סרץ קונסול ויאנדקס מטריקה
    • בונוס 3: איך לקבל יותר פניות מהאתר הוספת כפתורי יצירת קשר + שיפור המרות
    • בונוס 4: קורס Cloudways אחסון אתרים בחברות השרתים המובילות בעולם
    • בונוס 5: גיבוי, שחזור, ותחזוקה לאתר תחזוקת אתרים ומניעת בעיות ותקלות
    • 387 שיעורים למתקדמים
    • תמיכה לשנה לשאלות בעמודי השיעורים
    • גישה לקבוצת הפייסבוק של הקורס
    • גישה לכל החיים
    • תעודה הכשרה בסיום הקורס (קובץ PDF)
    • גישה לעדכונים ושיעורים חדשים
    • 100% החזר כספי ל-30 ימים
    למידע נוסף
    וורדפרס Expert

    באנדל וורדפרס Expert

    באנדל עם הקורס למתחילים + הקורס למתקדמים במחיר משתלם במיוחד

    • קורס וורדפרס Beginner קורס בניית אתרים למתחילים
    • קורס וורדפרס Tool Kit הצעת מחיר + אפיון + צ’ק ליסט + התנהלות עם לקוחות
    • קורס בניית אתר ב-10 ימים איך לבנות אתר במהירות שיא
    • קורס וורדפרס Next Level בניית אתרים למתקדמים
    • קורס וורדפרס SEO התאמת אתרים לגוגל
    • קורס: אלמנטור Ninja הקורס שיהפוך אותך לנינג’ה באלמנטור
    • קורס: אלמנטור PRO + אנימציות יצירת אתרים מורכבים ואנימציה
    • קורס וורדפרס Rocket שיפור מהירות לאתר
    • קורס וורדפרס Security חיזוק אבטחה לאתר
    • קורס וורדפרס Global בניית אתר דו לשוניים בכל השפות
    • בונוס 1: גיבוי, שחזור, ותחזוקה לאתר תחזוקת אתרים ומניעת בעיות ותקלות
    • בונוס 2: אנליטיקה ומעקב לאתר גוגל אנליטיקס, סרץ קונסול ויאנדקס מטריקה
    • בונוס 3: איך לקבל יותר פניות מהאתר הוספת כפתורי יצירת קשר + שיפור המרות
    • בונוס 4: קלאודפלייר + מייל עסקי בחינם שימוש בקלאודפלייר ויצירת מייל עסקי בחינם
    • בונוס 5: התקנת אתר על המחשב איך להשתמש במחשב ולחסוך עלויות אחסון
    • בונוס 6: קורס Cloudways אחסון אתרים בחברות השרתים המובילות בעולם
    • 587 שיעורים למתחילים + למתקדמים
    • תמיכה לשאלות בעמודי השיעורים לשנה
    • גישה לקבוצת הפייסבוק
    • גישה לכל החיים
    • תעודה הכשרה בסיום הקורס (קובץ PDF)
    • גישה לעדכונים ושיעורים חדשים
    • 100% החזר כספי ל-30 ימים
    למידע נוסף

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

    יוחאי ירמיהו

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

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

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

    4 שאלות

    1. אוראל רוזנראוך
      אוראל רוזנראוך

      היי יוחאי,

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

      1. יוחאי ירמיהו
        יוחאי ירמיהו

        היי אוראל, את מתכוונת שהוספת את הווידג’ט של הסיידבר?

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

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

        1. אוראל רוזנראוך
          אוראל רוזנראוך

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

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

          1. יוחאי ירמיהו
            יוחאי ירמיהו

            היי אוראל, לגבי התוסף של הפוסטים קשה לי לדעת.

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

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

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

            אם את מסתבכת אז יש לך פרטים על איך להשתמש באפשרות הזאת בשיעור הבא:
            https://wp-school.co.il/elementor-blog-template/

            הצגת פוסטים לפי קטגוריה

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

    כלי נגישות