Search
Close this search box.

יצירת קישור עוגן באלמנטור

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

מה הוא קישור עוגן

קישור עוגן הוא קישור לרכיב בתוך עמוד. קישור רגיל אמור להפנות את הגולש לעמוד אחר, ואילו קישור עוגן (anchor link) – מעביר את הגולש לקומה אחרת באותו עמוד. לדוגמה כפתור שיוביל לרכיב הרשמה שנמצא בתחתית העמוד.

יצירת קישור עוגן

יצירת קישור עוגן מורכבת מ2 שלבים:

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

כאן תוכלי למצוא את השדה להזנת מזהה (ID CSS).

על המזהה להיות באנגלית וללא רווחים. תוכלי לתת – או _ כדי להפריד בין מילים. לדוגמה contact-us-floor

כעת ניצור את הקישור כווידג'ט כפתור רגיל.

בשדה של הקישור נכתוב סולמית (#) ומיד – ללא רווחים – את המזהה שנתנו לקומת היעד. לדוגמה:

#contact-us-floor

עכשיו בעת לחיצה על הקישור – הגולש יועבר לקומת היעד שהגדרת.

המון הצלחה!