מדריכים/יצירת תוכן/בלוקים/לעצב את הכפתורים

לעצב את הכפתורים

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

להתאים אישית את סגנון הכפתורים

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

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

עיצוב כפתורים יחידים

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

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

עיצוב טקסט לכפתור

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

  1. ניתן להשתמש בתצוגת רשימה כדי כפתור מסוים בתוך הבלוק 'כפתורים'.
  2. יש להדגיש חלק מהטקסט של הכפתור שברצונך לעצב, או את כל הטקסט. 
טקסט של כפתור מודגש עם חץ שמצביע על אפשרויות העיצוב של הטקסט בסרגל הכלים.
  1. יש לבחור מאפשרויות העיצוב, כולל:
    • יישור טקסט (לשמאל, למרכז, לימין)
    • להוסיף קישור
    • מודגש
    • נטוי
    • הסמל 'עוד' כולל:
      • הדגשה: לשנות את צבע הטקסט והרקע של הטקסט בלבד. אפשר להשתמש בסגנונות כדי לשנות את הצבע של הכפתור.
      • קוד בשורה
      • תמונה בשורה
      • סגנון הקלט של המקלדת
      • מאפייני שפה
      • קו חוצה
      • כתב תחתי
      • כתב עילי
Copied to clipboard!