Wix Editor: הוספה והגדרה של כפתור אייקון

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

שלב 1 | הוספת כפתור האייקון

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

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

  1. הקליקו על אייקון ההוספה בצד שמאל של ה-Editor.
  2. הקליקו על Button (כפתור).
  3. הקליקו על Icon Buttons (כפתורי אייקון).
  4. הקליקו על הכפתור או גררו אותו כדי להוסיף אותו לעמוד.
חלונית ההוספה באדיטור. טאב הכפתורים לאחר שנבחר, והסמן עובר מעל כפתורי האייקון השונים.

שלב 2 | הגדרת הטקסט או האייקון של הכפתור

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

כדי להגדיר את הטקסט והאייקון של הכפתור:

  1. הקליקו על כפתור האייקון.
  2. הקליקו על Change Text & Icon (שינוי הטקסט והאייקון).
  3. הקליקו על What does the button show? (מה הכפתור מציג?) ובחרו באפשרות מהתפריט הנפתח: 
    • Text and icon: מציג טקסט וגם אייקון על הכפתור. המשיכו בהגדרה לפי האפשרויות: 
      • What does it say?: הכניסו את הטקסט שאתם רוצים שיופיע על הכפתור.
      • Choose icon: הקליקו על אייקון ההחלפה כדי לבחור באייקון חדש לכפתור. אתם יכולים להשתמש במדיה החינמית ש-Wix מציעה, או להעלות מדיה משלכם.
    • Icon only: הציגו רק אייקון על הכפתור. המשיכו בהגדרה עם האפשרויות הבאות: 
      • Choose icon: הקליקו על אייקון ההחלפה כדי לבחור באייקון חדש לכפתור. אתם יכולים להשתמש במדיה החינמית ש-Wix מציעה, או להעלות מדיה משלכם.
      • What's the alt text?: הכניסו תיאור לאייקון בטקסט האלטרנטיבי.
    • Text only: הציגו רק טקסט על הכפתור. הכניסו את הטקסט שאתם רוצים שיופיע על הכפתור תחת What does it say?
    • Nothing: יצירת כפתור שקוף שלא מופיעים עליו טקסט או אייקון. הכניסו תיאור של הכפתור בטקסט האלטרנטיבי תחת What's the alt text?
חלונית הגדת הכפתור. נבחר להציג גם טקסט וגם אייקון.

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

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

  1. בחרו את כפתור האייקון.
  2. הקליקו על אייקון הלינק .
  3. בחרו סוג לינק בצד שמאל.
  4. בהתאם לסוג הלינק שבחרתם, הוסיפו את המידע הרלוונטי.
  5. הקליקו על Done (סיימתי). 
שימו לב:
אם לינק ה-URL שלכם מכיל תו לא נתמך, תוצג הודעת השגיאה הבאה: Check the URL and try again. כדי לעקוף את האימות, השתמשו בשירות קיצור לינקים כמו bit.ly או goo.gl
חלונית הלינק באדיטור. סוג הלינק שנבחר הוא אימייל וכל הפרטים הוכנסו.
טיפ:
לפרטים נוספים על סוגי הלינקים שאפשר להוסיף.

שלב 4 | עריכה של כפתור האייקון

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

כדי לערוך את כפתור האייקון:

  1. בחרו בכפתור
  2. הקליקו על אייקון העיצוב .
  3. בחרו באחד מהעיצובים המוכנים או הקליקו על Customize Design כדי לשנות עיצוב קיים.
  4. תחת Customize Design (עיצוב מותאם אישית) בחרו במצב הכפתור מהתפריט הנפתח:
    • Regular: (רגיל) המראה הרגיל של הכפתור באתר לפני שהגולשים מקליקים עליו או עוברים מעליו.
    • Hover: (עם סמן מעל) המראה של הכפתור כשהסמן של העכבר מוצב עליו. 
5. הקליקו על אחד מהטאבים כדי לשנות את העיצוב:
חלונית העיצוב באידטור. נבחר מצב תצוגה רגיל, והסמן עובר מעל אפשרות שינוי צבע הרקע.

זה עזר לך?

|