Help Center / Editor V4 / Elements / רכיב כפתור

רכיב כפתור

עדכון אחרון: September 2, 2025

מי יכול להשתמש בתכונה זו:
מאמר זה מיועד למשתמשי עורך v4. אם אתה משתמש בעורך v3, עיין במאמר הרלוונטי כאן: ווידג’ט כפתור

הוספה ומחיקה של הרכיב

כדי לגשת ולהשתמש בווידג’ט:

  1. בעורך Elementor, לחץ על +.
    כל הרכיבים הזמינים מוצגים.

  2. לחץ או גרור את הרכיב לקנבס. למידע נוסף, ראה הוספת רכיבים לעמוד.

כדי למחוק את הווידג’ט:

  1. בקנבס, בחר את הרכיב על ידי לחיצה עליו.
  2. לחץ על מקש המחיקה במקלדת שלך. למידע נוסף, ראה מחיקת רכיבים מעמוד.

מהו רכיב הכפתור?

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

מקרה שימוש נפוץ

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

במקום להשתמש בכוכבים עבור הדירוגים שלהם, ג’יימי מחליט להשתמש בסימני דולר עבור דירוג הערך ובלבבות עבור דירוג התגובה שלהם. בנוסף, הם מחליטים שהערך ידורג 1-5, בעוד התגובה תדורג 1-10.

מקרי שימוש נוספים

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

הוספת רכיב כפתור: שלב אחר שלב

  1. הוסף את רכיב הכפתור לקנבס. לפרטים, ראה הוספת רכיבים לעמוד.

    האפשרויות עבור רכיב הכפתור מופיעות בפאנל השמאלי.

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

  5. פתח את שדה גודל.
  6. הגדר את הרוחב ל200 ואת הגובה ל50.

  7. לחץ על לשונית עיצוב.
    בואו נשנה את סגנון הטקסט כך שיתאים לשאר האתר.

  8. פתח את שדה טיפוגרפיה.
  9. השתמש בתפריט הנפתח משפחת גופנים כדי לבחור Sora. לפרטים, ראה לשונית עיצוב – טיפוגרפיה.
  10. השתמש בתפריט הנפתח משקל גופן כדי לבחור 600.
  11. השתמש בשדה גודל גופן כדי לבחור 16.
    העיצוב דורש רקע שקוף.

  12. פתח את קטע רקע.
  13. לחץ על דוגמת הצבע כדי לפתוח את בורר הצבעים. לפרטים, ראה שימוש בבורר הצבעים.

  14. הגדר את השקיפות ל־0%.
    עכשיו בואו נעצב את הכפתור. במקרה זה אנחנו רוצים כפתור מעוגל עם גבול לבן.

  15. פתח את קטע גבול.
  16. לחץ על סמל התאמת גבולות.

  17. הזן 50 בשדה המספר עבור כל הפינות.

  18. לחץ על סימן הפלוס ליד גבול.

  19. השתמש בשדה המספר כדי להגדיל את רוחב הגבול ל2.

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

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

  23. לחץ על הדוגמה ליד צבע כדי לפתוח את בורר הצבעים.
  24. שנה את מספר הצבע Hex ל־#FFFFFF ואת השקיפות ל־100%.
    כשמשתמשים מרחפים מעל הכפתור הוא הופך לבן.

    הכפתור מוכן.

הגדרות עבור רכיב הכפתור

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

לשונית כללי

הטקסט שמופיע בכפתור.

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

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

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

כרטיסיית עיצוב

ראה את המאמרים הבודדים על אפשרויות עיצוב:

בעמוד זה

שתף מאמר זה

Hosted with