בית הספר לוורדפרס » יצירת תפריט ניווט באתר וורדפרס

יצירת תפריט ניווט באתר וורדפרס

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

Video

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

אורך השיעור: 10:45 דקות

קורסים המכילים את השיעור וידאו:

תוכן השיעור:

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

יצירת תפריט ניווט בוורדפרס

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

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

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

יצירת עמוד עם קישור מותאם

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

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

אפשרויות תצוגה לתפריטים

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

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

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

אפשרויות תצוגה לעמוד תפריטים

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

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

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

הצטרפו לקהילות המובילות של בוני האתרים בישראל

זה הזמן להצטרף לקהילה שלנו ולקבל סיוע ותמיכה בקבוצות המובילות בארץ לבוני אתרים בוורדפרס (-:

קורסים מקיפים ומומלצים ללימוד בניית אתרים

לבנות אתר ב-10 ימים

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

  • לבנות אתר ב-10 ימים 56 שיעורים שילמדו אותך הכל על בניית אתרים
  • בונוס 1: לבנות אתר מתבנית מוכנה לאנשים עסוקים שלא רוצים להשקיע 10 ימים
  • בונוס 2: גיבוי, שחזור, ותחזוקה לאתר איך לבצע גיבויים ולתחזק אתר ללא תקלות
  • בונוס 3: אלמנטור קונטיינר (Container) איך ליצור תוכן באמצעות אלמנטור קונטיינר
  • בונוס 4: אחסון אתרים ב-Cloudways אחסון אתרים על גבי חברות השרתים המובילות בעולם
  • בונוס 5: קלאודפלייר + מייל עסקי בחינם איך להשתמש בקלאודפלייר + יצירת מייל עסקי בחינם
  • בונוס 6: לעבור אחסון ולהישאר בחיים איך להעביר אתר מאחסון אחד לאחר ללא תקלות
  • בונוס 7: יצירה וניהול של רשימות תפוצה ברב מסר איך ליצור סדרות מיילים ואוטומציות שיכניסו כסף על אוטומט
  • תמיכה לשנה לשאלות בעמודי השיעורים
  • גישה לקבוצת הפייסבוק
  • גישה לכל החיים
  • תעודה הכשרה בסיום הלימודים (קובץ PDF)
  • גישה לעדכונים ושיעורים חדשים
  • 100% החזר כספי ל-14 ימים
למידע נוסף

רכשו את הקורס 1076 סטודנטים לפניך (-:

מסלול וורדפרס Expert

למעלה מ-10 קורסים מלאים ומעל 700 שיעורים שילמדו אותך הכל על בניית אתרים ברמה הגבוהה ביותר בארץ.
  • בניית אתר ב-10 ימים איך לבנות אתר במהירות שיא
  • וורדפרס Beginner לימוד בניית אתרים למתחילים – (2,250 ₪)
  • וורדפרס Tool Kit הצעת מחיר + אפיון + צ'ק ליסט + התנהלות עם לקוחות
  • וורדפרס Next Level מחיר 2,500 ₪
  • וורדפרס SEO התאמת אתרים לגוגל – (750 ₪)
  • : אלמנטור Ninja הקורס שיהפוך אותך לנינג'ה באלמנטור – (999 ₪)
  • אלמנטור PRO + אנימציות יצירת אתרים מורכבים ואנימציה – (550 ₪)
  • וורדפרס Rocket שיפור מהירות לאתר – (999 ₪)
  • וורדפרס Security חיזוק אבטחה לאתר – (750 ₪)
  • וורדפרס Global בניית אתרים דו לשוניים בכל השפות – (750 ₪)
  • בונוס 1: גיבוי, שחזור, ותחזוקה לאתר תחזוקת אתרים ומניעת בעיות ותקלות
  • בונוס 2: אנליטיקה ומעקב לאתר גוגל אנליטיקס, סרץ קונסול ויאנדקס מטריקה
  • בונוס 3: איך לקבל יותר פניות מהאתר הוספת כפתורי יצירת קשר + שיפור המרות
  • בונוס 4: קלאודפלייר + מייל עסקי בחינם שימוש בקלאודפלייר ויצירת מייל עסקי בחינם
  • בונוס 5: התקנת אתר על המחשב איך להשתמש במחשב ולחסוך עלויות אחסון
  • בונוס 6: Cloudways אחסון אתרים בחברות השרתים המובילות בעולם
  • בונוס 7: לעבור אחסון ולהישאר בחיים איך להעביר אתר מאחסון אחד לאחר ללא תקלות
  • בונוס 8: אופטימיזציה לתמונות איך להעלות תמונות שיעזרו לאתר להתקדם בגוגל
  • בונוס 9: יסודות העיצוב לבוני אתרים כל מה שצריך לדעת כדי לעצב את האתר המושלם
  • בונוס 10: זכויות יוצרים בדיגיטל איך להימנע מתביעה משפטית כאשר בונים אתר
  • בונוס 11: 20 אלף בחודש מבניית אתרים איך למצוא לקוחות ולייצר הכנסה מבניית אתרים
  • בונוס 12: משיחת מכירה לכסף בחשבון איך לשפר את התהליך מכירה ולסגור יותר עסקאות
  • בונוס 13: התנהלות עם לקוחות + ניהול פרויקטים איך מתנהל פרויקט בניית אתרים כולל תחזוקה לאתר
  • בונוס 14: יצירה וניהול של רשימות תפוצה ברב מסר איך ליצור סדרות מיילים ואוטומציות שיכניסו כסף על אוטומט
  • 758 שיעורים למתחילים + למתקדמים
  • תמיכה לשנה לשאלות בעמודי השיעורים
  • גישה לקבוצת הפייסבוק של הקורס
  • גישה לכל החיים
  • תעודה הכשרה בסיום הקורס (קובץ PDF)
  • גישה לעדכונים ושיעורים חדשים
  • 100% החזר כספי ל-14 ימים
למידע נוסף

רכשו את הקורס 764 סטודנטים לפניך (-:

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

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

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

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

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

4 שאלות

  1. לנה
    לנה

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

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

      היי לנה, את מתכוונת באתר חדש שיצרת עם תבנית ניהול?

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

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

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

      1. לנה
        לנה

        לא בטוחה שהסברתי את עצמי נכון,
        יצרתי תפריט, הוספתי אליו לדוגמה 3 עמודים מתוך 5 שיש באתר. בגרסת מחשב/לפטופ התפריט מופיע למעלה כמו שצריך עם שלושת העמודים שהגדרתי. כשאני מסתכלת מתצוגת טאבלט/נייד הוא גם מופיע למעלה, אבל הבעיה היא שמופיעים בו כל חמשת העמודים הקיימים באתר, וגם כל עמוד נוסף שאני יוצרת אוטומטית מתווסף לשם, נראה שאין לי שליטה על העמודים שיופיעו בתפריט בגרסת טאבלט/נייד. רק בגרסת מחשב.
        כשהחלפתי מתבנית Astra לתבנית אחרת הבעיה נפתרה אבל הייתי רוצה להישאר עם תבנית אסטרה ולהיות מסוגלת לפתור את הבעיה.
        אגב, שאלה נוספת, התמיכה של אסטרה היא רק למי שמשדרג נכון? כי מצאתי אצלם רק צ'אט אוטומטי והוא לא עונה לי על הבעיה.

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

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

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

          באלמנטור יש לך יותר שליטה אז אני שמח לשמוע שזה הסתדר.

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

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