אלמנטור חינם

איך מוסיפים כפתור לאתר באלמנטור?

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

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

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

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

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

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

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

בואו נעצב קצת את הכפתור החדש

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

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

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

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

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

ליד "עיגול פינות" תוכלו לשחק עם המספרים. ככל שהמספר יהיה יותר גבוה, הפינות יהיו יותר עגולות. תוכלו להתחיל מ-1 ולעלות עם החצים עד שתגיעו לרמת העיגול הרצויה עבורכם.

זהו זה לשיעור הזה. עכשיו יש לכם תמונה ראשית עם כותרת ראשית, כותרת משנה וכפתור. כל הכבוד.

בשיעור הבא תכירו עוד אלמנט מאלמנטור – אלמנט האייקונים.

לחצו כאן לשיעור הבא

וובלרנר – לומדים את הרשת

2 מחשבות על “איך מוסיפים כפתור לאתר באלמנטור?”

  1. אם אני רוצה שהכפתור יוביל לעמוד אחר באתר, איך אני עושה את זה?

    1. WebLearner

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

לתגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *