כיצד ליצור תפריט ניווט בעמוד אחד באלמנטור

האם תרצה לגלות כיצד ליצור תפריט ניווט ב-One Page ב Elementor ?

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

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

מאמר זה יראה לכם כיצד.

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

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

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

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

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

בואו ניקח דוגמה.

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

ראשית, ערוך את הדף עם Elementor ובחר בקטע "שיעורים" (השתמש בדפדפן לנוחיותך).

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

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

מזהי CSS מתקשרים

אתה יכול להשתמש בכל ווידג'ט של Elementor שיש לו אפשרות להוסיף קישור לקריאת כל מזהה CSS שהוספת לקטעים. פשוט הדבק את מזהה ה-CSS בשדה הקישור. תוסיף את ה " # בתור תחילית.

אם ברצונך להשתמש בווידג'ט תפריט Nav, תוכל לשנות את התפריט שבו אתה משתמש. בשדה כתובת האתר של כל פריט בתפריט, הקלד את מזהה ה-CSS עם ה-"#" בתור קידומת.

קבל את Elementor Pro עכשיו!!!

סיכום

פה ! זה המאמר הזה שמראה לך איך צור תפריט מסך מלא ב-Elementor. אם יש לך חששות לגבי איך להגיע לשם, ספר לנו בפנים commentaires.

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

אבל בינתיים, שתף מאמר זה ברשתות החברתיות השונות שלך.

...