מרכז התמיכה של Wix
    ראשי
  1. יצירת האתר
  2. Editor X
  3. הוספת אלמנטים ב-Editor X
    4. Editor X: הוספה והתאמה אישית של כפתורים

Editor X: הוספה והתאמה אישית של כפתורים

זמן קריאה: 8 דקות
Editor X עובר ל-Wix Studio, הפלטפורמה החדשה שלנו לסוכנויות ופרילנסרים.פרטים נוספים על Wix Studio
כפתורים הם דרך מעולה לעודד את הגולשים לבצע את הפעולות הרצויות לכם. ב-Editor X, אתם יכולים להוסיף כפתורים עם טקסט, אייקון או שניהם אם צריך. יש לכם שליטה מלאה על העיצוב והפריסה כך שאתם יכולים ליצור את המראה המדויק שאתם צריכים. 

בעמוד המידע הזה נסביר איך להפיק את המרב מכפתורים:

הוספת כפתור

כשאתם מוסיפים כפתור חדש, אתם יכולים לבחור עיצוב משתי קטגוריות: 
  • Basic Buttons: כפתורים שמציגים טקסט בלבד ויש להם מראה יותר "מינימלי".
  • Styled Buttons: כפתורים שמציגים גם טקסט וגם אייקונים, ומציעים אפשרויות מתקדמות של התאמה אישית (למשל, רקעים של תמונות, מעברי צבע ועוד).

כדי להוסיף כפתור:

  1. הקליקו על Add  בפינה השמאלית העליונה של Editor X. 
  2. הקליקו על Button.
  3. דפדפו בין העיצובים וגררו כפתור בסיסי או כפתור מעוצב אל העמוד.
צריכים רעיונות?
עיינו במדריכים הבאים בנושא כפתורים:

התאמה אישית של כפתורים בסיסיים

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

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

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

מילון מונחי עיצוב

אפשרויות (Option)
הסבר
איך משתמשים
מילויי רקע (Background Fills)
הוספה של מילויים שונים כמו צבעים, תמונות, דפוסים ומעברי צבע כדי ליצור אפקטים מהממים וצבעוניים בכפתור. 
  • הקליקו על תיבת הצבע של כל אחת מהשכבות, בחרו את סוג המילוי והזיזו את הפס כדי לשנות את רמת השקיפות.
  • שנו את הסדר של שכבות המילוי על ידי גרירה למעלה ולמטה ברשימה. 
גבולות (Borders)
התאמה אישית של מסגרת הכפתור כדי להבליט אותו. תוכלו לשנות את כל הצדדים של הכפתור או כל צד בנפרד בהקלקה על אייקון המנעול. 
  • הקליקו על השדה Width והכניסו את הרוחב בפיקסלים או שנו אותו באמצעות פס ההזזה.
  • הקליקו על הרשימה הנפתחת Style ובחרו סגנון למסגרת.
  • הקליקו על תיבת הצבע Fill, בחרו את צבע המסגרת ושנו את רמת השקיפות באמצעות פס ההזזה. 
פינות (Corners)
שינוי הפינות של הכפתור למעוגלות או מרובעות יותר. תוכלו לשנות את כל הפינות או כל פינה בנפרד בהקלקה על אייקון המנעול. 
הקליקו על שדה הפיקסל בפינה והכניסו את מספר הפיקסלים הרצוי.
הצללה (Shadows)
הוספת שכבות של הצללה לכפתור ושינוי הצבע, הגודל ואפשרויות נוספות לכל אחת מהשכבות.
  • הקליקו על תיבת הצבע של כל אחת משכבות ההצללה ובחרו את הצבע, הסוג, הזווית, הגודל, המרחק ורמת הטשטוש. אחר כך, הזיזו את הפס כדי לשנות את רמת השקיפות של ההצללה.
  • כדי לשנות את הסדר של שכבות ההצללה גררו אותן מעלה ומטה. 

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

שינוי הפריסה של הכפתור.
  • הקליקו על התפריט הנפתח Choose what to show ובחרו אם אתם רוצים להציג טקסט, אייקון או גם וגם.
  • בחרו את היישור, המיקום והמרווחים של הטקסט ו/או האייקון (מה שרלוונטי).
  • בחרו כמה שטח ריק יהיה מסביב לטקסט ו/או לאייקון.

אפשרויות לעיצוב הטקסט

אפשרויות (Option)
הסבר
איך משתמשים
הצגת טקסט (Show Text)
הצגה או הסתרה של טקסט בכפתור.
הקליקו על המתג כדי להציג או להסתיר את הטקסט בכפתור.
ערכת נושא (Theme)
בחירת ערכת נושא לטקסט של הכפתור.
בחרו ערכת נושא לטקסט מהתפריט הנפתח.
פונטים (Fonts)
בחירת פונט לטקסט הכפתור.
הקליקו על התפריט הנפתח ובחרו פונט.
גודל הגופן (Font Size)
שינוי הגודל של טקסט הכפתור.
הזיזו את הפס או הכניסו מספר כדי להגדיל או להקטין את הפונט.
עיצוב הטקסט (Text Formatting)
הוספת עיצוב לטקסט. 
  • עצבו את הטקסט באמצעות האפשרויות: מודגש, נטוי, קו תחתון, קו חוצה, צבעים, אות רישית, כיוון הטקסט ויישור.
מרווח בין תווים (Character Spacing)
שינוי המרווח בין תווי הטקסט.
הזיזו את הפס או הכניסו מספר כדי להגדיל או להקטין את המרווח.
הצללה (Shadows)
הוספת הצללה לטקסט. אפשר להוסיף יותר מהצללה אחת.
הקליקו על Add a shadow כדי להוסיף הצללה חדשה. הקליקו על האייקון התאמה אישית של ההצללה כדי לשנות את העיצוב.

אפשרויות לעיצוב האייקון

אפשרויות (Option)
הסבר
איך משתמשים
הצגת אייקון (Show icon)
הצגה או הסתרה של אייקון בכפתור.
הקליקו על המתג כדי להציג או להסתיר את האייקון בכפתור.
גודל (Size)
שינוי גודל האייקון.
הזיזו את הפס או הכניסו מספר כדי להגדיל או להקטין את האייקון.
צבע (Color)
שינוי צבע האייקון.
הקליקו על תיבת הצבע ובחרו צבע.
סיבוב (Rotation)
סיבוב האייקון.
כדי לסובב את האייקון, גררו את ידית האחיזה או הכניסו את מספר המעלות בתיבת הטקסט.

זה עזר לך?

|

בעמוד מידע הזה

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