Favicon עבור Wix
Wix מאחסן את ה-favicon שלך בלוח המחוונים של האתר תחת הגדרות > פרטי אתר > Favicon, ומחדיר אותו לכל דף שפורסם באופן אוטומטי. העלה ריבוע PNG של לפחות 100×100 פיקסלים - 512×512 הוא אידיאלי לתצוגה חדה. לתמיכה ב-PWA ו-apple-touch-icon, משתמשים מתקדמים יכולים להוסיף קוד מותאם אישית באמצעות Wix Velo. השתמש ב-favicon generator כדי ליצור PNG מוכן להעלאה מהלוגו או המותג שלך.
ה-favicon שלך הוא אחד ממרכיבי המותג הגלויים ביותר באתר Wix - הוא מופיע בכרטיסיית הדפדפן, בסרגל הסימניות ובהיסטוריית שורת הכתובת. Favicon חד וניתן לזיהוי עוזר למבקרים לזהות ולחזור במהירות לאתר Wix שלך. Wix מטפל בהזרקת favicon באופן אוטומטי ברגע שאתה מעלה את התמונה, כך שהמאמץ הנדרש הוא מינימלי.
כדי להוסיף או לשנות את סמל ה-Wix שלך, היכנס ללוח המחוונים של Wix ונווט אל הגדרות > פרטי אתר. גלול לקטע Favicon (לפעמים מסומן באתר Icon או Tab Favicon בהתאם לגרסת Wix שלך). לחץ על אזור ההעלאה או על התמונה הממוזערת של הסמל הקיים כדי לפתוח את מנהל המדיה. העלה את הריבוע שלך PNG ואשר.
Wix ממליץ על גודל favicon מינימלי של 100×100 פיקסלים, אבל זו קומה, לא יעד. לקבלת התוצאה החדה ביותר, העלה 512×512. Wix מקטין את התמונה לצורך תצוגת כרטיסיות, והתחלת ממקור גדול יותר פירושו פחות אובדן איכות בגדלים קטנים. ה-favicon generator מייצא 512×512 PNG מושלם מכל לוגו תוך שניות.
פורמט PNG הוא הבחירה הטובה ביותר להעלאות של Wix favicon. הוא תומך בשקיפות, מה שמבטיח שהסמל שלך ייראה נקי מול ערכות נושא של דפדפן בהירות וגם כהות ללא תיבת רקע צבעוני או לבן. אין צורך בקבצי ICO — Wix ממיר את ה-PNG שלך ומגיש אותו עם סוג MIME הנכון.
Wix Studio (השכבה המקצועית של Wix) ממקם את הגדרת favicon באותו מיקום תחת הגדרות > פרטי אתר. Studio גם מאפשר הזרקת קוד מותאם אישית מתקדמת יותר בקטע `<head>` אם אתה צריך SVG favicons או apple-touch-icon תגיות. נווט אל הגדרות > קוד מותאם אישית כדי להוסיף סקריפטים ראשיים בפרויקטים של Wix Studio.
לאחר העלאת ה-favicon שלך במרכז השליטה של Wix, עליך לפרסם מחדש את האתר שלך כדי שהשינוי יעלה לאוויר. לחץ על פרסם בפינה השמאלית העליונה של העורך. Wix מפיץ את ה-favicon החדש בכל הדפים בדומיין המותאם אישית שלך. שינויים שנשמרו בלוח המחוונים אך לא פורסמו אינם גלויים למבקרים.
Wix מטפל בהזרקת התג '<link rel='icon'>' באופן אוטומטי - אינך צריך להוסיף שום קוד. Wix גם מזריק כניסה בסיסית של apple-touch-icon לשמירה של iOS במסך הבית על ידי שינוי גודל ה-favicon שהעלית למידות הנדרשות. עבור 180×180 apple-touch-icon מותאם אישית (שונה מה-favicon), השתמש בהזרקת קוד מותאם אישית של Wix Velo.
רקעים שקופים נשמרים על ידי Wix כאשר אתה מעלה PNG עם ערוץ אלפא. אם לסמל שלך יש רקע מוצק, הוא יציג תיבה צבעונית בלשוניות דפדפן במצב כהה. ייצא את הלוגו שלך ללא מילוי רקע לפני ההעלאה. אתה יכול לוודא שהשקיפות פועלת כהלכה באמצעות favicon tester אשר מציג את הסמל על רקע בהיר וכהה כאחד.
Wix Velo (פלטפורמת הפיתוח JavaScript בתוך Wix) מאפשרת התאמה אישית מתקדמת של favicon. באמצעות `wixLocation` ואירועי עמוד של Velo, אתה יכול להחדיר באופן דינמי תגיות קישור favicon שונות לכל עמוד. זה שימושי עבור אתרי מסחר אלקטרוני עם מיתוג ספציפי למוצר או עבור אתרים מרובי קטגוריות שבהם כל חלק משתמש בסמל אחר.
אם אתה משתמש בתבנית Wix שנוצרה לפני ש-Wix הציג תמיכה מקורית ב-favicon, ייתכן שהגדרות ה-favicon יופיעו במיקום אחר או שלא יהיו כלל. במקרים אלה, השתמש בהזרקת הקוד המותאם אישית של Wix: הגדרות > קוד מותאם אישית > הוסף קוד > הצב קוד ב-`<head>` של כל עמוד, והוסף ידנית את התג `<link rel='icon' href='URL'>` עם קישור ל-favicon המתארח שלך.
אתרי Wix ADI (Artificial Design Intelligence) מגדירים Favicon אוטומטית מנכסי המותג שלך אם תספק אותם במהלך אשף ההגדרה. אתה יכול לעקוף את ה-favicon שנבחר ב-ADI בכל עת באמצעות ההגדרות > פרטי אתר > נתיב Favicon. סמלים שנוצרו על ידי ADI הם לרוב סמלי לוגו ברזולוציה נמוכה - מומלץ להחליף אותם באייקון ייעודי.
לאחר פרסום Wix favicon שלך, פתח את הדומיין החי שלך בחלון דפדפן פרטי/גלישה בסתר כדי לראות את הסמל המעודכן ללא מטמון של דפדפן מקומי. אם ה-favicon הישן עדיין מופיע בגלישה רגילה לאחר יום, סביר להניח שמדובר בקובץ השמור של הדפדפן ולא בבעיה של Wix. רענון קשה (Ctrl+Shift+R או Cmd+Shift+R) מאלץ את הדפדפן למחוק את הסמל השמור.
לעסקים שרוצים תמיכה בהתקנת PWA באתר Wix שלהם - הוספת האתר למסך בית נייד עם סמל אפליקציה בגודל מלא ומסך פתיחה - ל-Wix מוגבלות יכולות מקוריות של PWA. השתמש בהזרקת הקוד המותאם אישית של Wix כדי להוסיף תג '<link rel='manifest'>' המצביע על קובץ site.webmanifest שמתארח חיצונית המכיל סמלים 192×192 ו-512×512 PNG. ראה web app manifest guide להגדרת המניפסט המלאה.
איך זה עובד
- 1
צור סמל 512×512 PNG
השתמש ב-[favicon generator](tool:favicon-generator) עם הלוגו או סימן המותג שלך כמקור. הורד את ה-512×512 PNG מהחבילה - זה הגודל הנכון עבור Wix.
- 2
פתח את הגדרות > פרטי אתר
בלוח המחוונים של Wix שלך (לא בעורך), נווט אל הגדרות > פרטי אתר וגלול מטה כדי למצוא את הקטע Favicon.
- 3
העלה את ה-PNG שלך
לחץ על אזור ההעלאה או על תמונת ה-favicon הקיימת, בחר את ה-512×512 PNG שלך ממנהל המדיה Wix או מהמכשיר שלך, ואשר. שמור את ההגדרות.
- 4
פרסם את האתר שלך
לחץ על הלחצן פרסם בעורך Wix. Wix מחדיר את תג ה-favicon המעודכן בכל הדפים בדומיין המותאם אישית החי שלך.
- 5
אמת בחלון גלישה בסתר
פתח את הדומיין החי שלך בחלון דפדפן פרטי/סתר. ה-favicon החדש אמור להופיע בכרטיסייה. השתמש ב-[favicon tester](utility:favicon-tester) לבדיקה חיצונית מהירה.
נסה עכשיו
צור Favicon מוכן ל-Wix
מחולל פביקוןשאלות נפוצות
איפה הגדרת ה-favicon ב-Wix?+
הגדרות > מידע אתר > Favicon (התווית המדויקת עשויה להיות 'Tab Favicon' או 'Site Icon' בהתאם לגרסת Wix או לתבנית שלך). העלה ריבוע PNG, שמור ולחץ על פרסם כדי להחיל אותו על האתר החי שלך.
באיזה גודל צריך להיות ה-favicon Wix שלי?+
Wix דורש מינימום של 100×100 פיקסלים אך מומלץ בחום 512×512 PNG. התחלה ממקור גדול יותר מבטיחה ש-Wix יכול להוריד דגימה ל-32×32 (גודל כרטיסייה) ללא אובדן איכות גלוי.
מדוע סמל Wix שלי עדיין מציג את הסמל הישן?+
ודא שלחצת על פרסם לאחר העלאת ה-favicon החדש - שינויים שמורים לא נדחפים עד לפרסום. לאחר מכן פתח את האתר שלך בחלון פרטי/גלישה בסתר כדי לעקוף את מטמון ה-favicon המקומי של הדפדפן שלך.
האם אני יכול להשתמש ב-SVG favicon ב-Wix?+
לא דרך חלונית ההגדרות המקורית - היא מקבלת רק פורמטים של רסטר. כדי להשתמש ב-SVG, הוסף קוד מותאם אישית `<link rel='icon' type='image/svg+xml' href='URL'>` בהגדרות > קוד מותאם אישית > קוד ראש וארח את ה-SVG באופן חיצוני.
האם Wix מוסיף apple-touch-icon באופן אוטומטי?+
Wix מזריק apple-touch-icon בסיסי מתמונת ה-favicon שהעלית. עבור 180×180 apple-touch-icon מותאם אישית (בנפרד מסמל הכרטיסייה), הכנס את תג הקישור באופן ידני דרך Wix Velo או Settings > Custom Code.
סמל ה- Wix שלי עדיין מציג את סמל ברירת המחדל של Wix - מה עליי לעשות?+
שמור את ה-favicon החדש שלך בהגדרות > פרטי אתר, ולאחר מכן לחץ על פרסם בעורך. בדוק שהאתר פורסם בדומיין המותאם אישית שלך (לא רק בתצוגה המקדימה של תת-הדומיין Wix). נקה את מטמון הדפדפן שלך ונסה בחלון גלישה בסתר.
האם אני יכול לקבל סמלים שונים בדפי Wix שונים?+
כן, באמצעות Wix Velo. הוסף הזרקת קוד מותאם אישית לכל עמוד, או השתמש באירוע המוכן לדף של Velo כדי לעדכן באופן דינמי את האלמנט `<link rel='icon'>` בהתבסס על נתיב הדף הנוכחי.