האם אי פעם היית באתר וגילית שתפריט ניווט תמיד גלוי בחלקו העליון?
באופן עקרוני, תפריטי הניווט מוצגים באופן שייעלם בעת גלילת הדף. תפריטי הניווט הגלויים תמיד צפים וכך לא משנה איך המשתמש גולל למטה.
במדריך זה, נראה לך כיצד ליצור בקלות תפריט צף בבלוג הוורדפרס שלך.
אם עדיין לא יצרת אתר או בלוג בוורדפרס, אנו מזמינים אותך להתייעץ כיצד להתקין בלוג וורדפרס ב-7 שלבים, אז, איך למצוא, להתקין ולהפעיל WordPress נושא בבלוג שלך
אם זה נעשה, בואו ניכנס למה שמעסיק אותנו היום.
שיטת 1: כיצד להוסיף תפריט צף בוורדפרס באמצעות תוסף
שיטה זו קלה יותר ומהירה. אם עדיין לא הגדרת את תפריטי הניווט, תוכל למד כיצד לעשות זאת.
הדבר הראשון שעליך לעשות הוא להתקין ולהפעיל את התוסף " תפריט דביק (או כל דבר!) אנחנו גלולים ". אם אינך יודע להתקין תוסף, אתה יכול לקרוא את המדריך שלנו.
לאחר ההפעלה, עליך לבקר " הגדרות »תפריט דביק כדי להגדיר את ההגדרות של תוסף זה.
ראשית, עליך להזין את מזהי ה- CSS של תפריט הניווט שברצונך לצוף.
יהיה עליך להשתמש בכלי ה"אימות "של הדפדפן שלך כדי למצוא את ה- CSS המשמש.
עבור לאתר האינטרנט שלך והעבר את העכבר לתפריט הניווט. לאחר מכן עליך ללחוץ באמצעות לחצן העכבר הימני ולבחור "בדוק".
המשך לגלות יותר כיצד להתאים אישית את נושא WordPress עם צהוב עיפרון
זה יחלק (כברירת מחדל) את מסך הדפדפן שלך ותוכל לראות את קוד המקור של תפריט הניווט שלך. עליכם למצוא קו הדומה לזה:
בדוגמה זו, מזהה ה- CSS של תפריט הניווט שלנו הוא " ניווט באתר ".
המשך והזן את מזהה ה- CSS של התפריט בהגדרות התוסף כדלקמן "# אתר ניווט".
האפשרות הבאה בהגדרות התוסף היא להגדיר את הרווח בין החלק העליון של המסך לתפריט הניווט הצף. אתה יכול להשתמש בהגדרה זו אם התפריט שלך חופף לפריט שאתה לא רוצה להסתיר. אחרת, התעלם מהגדרה זו.
לאחר מכן עליך ללחוץ על התיבה ממש לצד האפשרות: "סרגל סרגל מנהל". זה מאפשר לתוסף להוסיף מקום לסרגל הכלים של וורדפרס שנוסף למשתמשים מחוברים.
האפשרות הבאה בדף ההגדרות מאפשרת להסתיר את תפריט הניווט אם משתמש מבקר באתר שלך באמצעות מסך קטן יותר, כגון מכשיר נייד.
תוכלו לבדוק כיצד מוצג תפריט זה במכשירים ניידים וטאבלטים. אם אינך אוהב את זה, באפשרותך להוסיף 780 פיקסלים.
גלה גם כיצד ליצור תפריט מותאם עבור וורדפרס נייד
אל תשכח ללחוץ על " שמור הגדרות כדי לשמור את השינויים שלך.
עכשיו אתה יכול לבקר באתר שלך כדי לראות את תפריט הניווט הצף שלך בפעולה.
שיטה 2: כיצד להוסיף תפריט ניווט באופן ידני
שיטה זו דורשת הוספת קוד CSS מותאם אישית לשלך וורדפרס.
קודם כל אתה צריך לבקר " מראה> התאמה אישית להפעלת Customizer WordPress.
לחץ על CSS נוסף בחלונית השמאלית, הוסף את קוד ה- CSS הזה.
# ניווט באתר {background: #fff; גובה: 60px; z-index: 170; margin: auto 0; border-bottom: 1px #dadada מוצק; רוחב: 100%; עמדה: קבוע; העליון: 0; משמאל: 0; מימין: 0; text-align: center; }
החלף " # ניווט באתר על ידי המזהה של תפריט הניווט ולחץ על הכפתור « Enregistrer ".
עכשיו אתה יכול לבקר באתר שלך כדי לראות את תפריט הניווט הצף שלך בפעולה.
אם תפריט הניווט שלך מופיע בדרך כלל אחרי כותרת האתר, קוד CSS זה יכול לחפוף את כותרת האתר ואת הכותרת.
ניתן לכוונן זאת בקלות על ידי הוספת שוליים באזור הכותרת שלך באמצעות הקוד הבא:
.site מיתוג {-top margin: 60px; }
כאן מסתיים ההדרכה שלנו, כעת תוכל ליצור או להוסיף תפריט צף באתר האינטרנט שלך.
אם אתה מחפש אחר תוספים וורדפרס שיאפשר לך לנהל את התפריטים, הנה כמה תוספים וורדפרס פרימיום המוקדש למשימה זו.
1. גיבור תפריט
תוסף זה מאפשר לך ליצור תפריט וורדפרס מותאם אישית משלך בכמה שלבים פשוטים למדי. בפרט, הוא מאפשר ליצור בקלות ובאינטואיטיביות תפריט וורדפרס אלגנטי ומקצועי. מתפריט המגה העשיר ביותר בתכונות, ועד לתפריט הנפתח הפשוט ביותר, ה התוסף וורדפרס HeroMenu מגדיר כל סוג של תפריט ומפעיל אותו תוך מספר דקות.
מבחינת תכונות הוא מציע בין היתר: פונקציונלי לחלוטין במחשב, טאבלט וסמארטפון, קל לשימוש, תוכן הניתן להתאמה אישית, CSS מותאם אישית להוסיף סגנונות תפריט משלך, מעצב תפריטים מגה, דפדפנים נתמכים: כרום, פיירפוקס, ספארי , אופרה, IE9 ועוד.
הורד | הדגים | אירוח אתרים
2. תפריט חלקלק
תפריט חלקלק אינו רק תוסף תפריט עבור וורדפרס. ניתן להשתמש בו ליצירת רמות תפריט מרובות בצורה בלתי מוגבלת, כמו גם סרגל צדדי עם תוכן עשיר, אפשרויות סגנון מרובות ואפקטים מונפשים.
כל רמת תפריט ניתנת להתאמה אישית עם צבעי רקע, תמונות, קטעי וידאו, גופנים מותאמים אישית ועוד. תוסף זה מגיב לחלוטין ויש לו מעל 45 אנימציות לפריטי התפריט.
הורד | הדגים | אירוח אתרים
3. 8Degree תפריט טוס
8Degree Fly Menu הוא א התוסף וורדפרס premium המאפשרת לך להוסיף תפריט קנבס לאתר שלך, על מנת לתת לו מראה שמדגיש את המידע שלך בצורה פשוטה. הוא משתמש בתכונת ברירת המחדל של תפריט וורדפרס כדי ליצור את התפריטים שלו.
תוכלו להוסיף אלמנטים נוספים לפריטי ברירת המחדל של התפריט, כגון סמלים, סיסמאות בתפריט, כותרת קיבוץ פסאודו ותיאור ארוך. זה מגיע גם עם עורך WYSIWYG שיעזור לך לתפוס את התיאור הארוך שלך בצורה ידידותית למשתמש.עם עורך זה אתה יכול גם להשתמש בקודדים קצרים.
הורד | הדגים | אירוח אתרים
משאבים מומלצים אחרים
אם ברצונך להתקדם ביצירה או בהתאמה אישית של התפריטים של הבלוג שלך או של האתר שלך, אנו ממליצים לך להתייעץ עם הקישורים למטה.
- כיצד להוסיף סגנון בתפריטי הניווט שלך
- כיצד להוסיף את המאפיין title בתפריטים וורדפרס
- 8 תוספי וורדפרס ליצירת מגנמו בבלוג שלך
סיכום
פה ! זהו זה עבור הדרכה זו, אני מקווה שזה יאפשר לך להוסיף תפריט צף לבלוג הוורדפרס שלך. אנו מזמינים אתכם ל שתף מאמר זה עם חבריך ברשתות החברתיות שלך.
אם יש לך הצעות או הערות, הן יתקבלו בברכה. ואם אתה חדש ב- WordPress, התייעץ עם זה משאב.
...
שלום,
קודם כל, תודה על הדרכה זו שעושה את העבודה בצורה מושלמת!
אך לא משנה כמה חיפשתי ברשת, לא מצאתי את התשובה לשאלתי:
איך אוכל לעשות זאת, ברגע שנוצר התפריט הצף (ב- CSS או עם סיומת, מה שלא יהיה), כך שהקטעים שלי יוצגו אחרי התפריט ולא מאחורי התפריט?
זה מעצבן במיוחד במקרה שלי מכיוון שמדובר בדף מקוון ופריטים בתפריט שלי מתייחסים לפיכך לחלקים של הדפים, שבכל פעם עולים מאחורי התפריט שלי ...
הוא מדבר אליך?
תודה מראש!
תהיתי אם אפשר להפוך את תוכן העניינים של דף ל"דביק "...
שלום,
מעולם לא נבדק. אני לא יכול לענות לך.
שלום; היי
ניסיתי עם ערכת נושא שהורדת (וולסטריט) אבל תוך כדי ההוראות שלך שום דבר לא משתנה ... אני לא יודע מה חסר ...
אני אוהב את זה והלוואי שיכולתי להשתמש בזה ...
merci
ראול
שלום,
נסה להשבית את כל התוספים האחרים של WordPress וראה את התצוגה הבאה.
תודה על המדריך שלך, פשוט כמו שלום כל מה שאתה צריך לדעת!
שלום,
שמח שעזרתי.