Favicon עבור WordPress

WordPress מטפל באופן מקורי בהזרקת favicon באמצעות תכונת Site Icon, שהוצגה ב-WordPress 4.3. כאשר אתה מעלה תמונה ב-Customizer, WordPress חותך אותה אוטומטית, יוצר גרסאות קטנות יותר ומחדיר את התגים '<link rel='icon'>' ו-<link rel='apple-touch-icon'>' הנכונים לכל עמוד. אין צורך בפלאגין או בשינוי קוד עבור הרוב המכריע של האתרים.

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

WordPress דורש גודל תמונה מינימלי של 512×512 פיקסלים עבור סמל האתר. העלה ריבוע PNG ברזולוציה זו או יותר - WordPress יפיק גרסאות קטנות יותר (16×16, 32×32, 180×180) באופן אוטומטי מהמקור. לעולם אל תעלה תמונה קטנה ותצפה מ-WordPress לשדרג אותה; התוצאה תהיה סמל מטושטש בלשוניות הדפדפן.

PNG הוא הפורמט המומלץ להעלאות של WordPress מועדפים. הפלטפורמה תומכת גם ב-JPEG ו-GIF, אבל JPEG אינו תומך בשקיפות ו-GIF מספק דחיסה לקויה עבור סמלי לוגו צילום. רקע שקוף PNG מבטיח שהסמל שלך ייראה נקי מול כל נושא של דפדפן, כולל פסי כרטיסיות במצב כהה.

אם ערכת הנושא שלך משתמשת בעורך האתר גוטנברג (עריכת אתר מלא), הנתיב של סמל האתר עשוי להיות שונה מעט. חפש תחת מראה > עורך > סגנונות או השתמש בהגדרות חסימת לוגו האתר. ערכות נושא מסוימות גם חושפות שדה favicon בחלונית Global Settings. הפונקציה הבסיסית WordPress זהה - רק נתיב ממשק הניהול משתנה.

לשליטה מתקדמת - למשל, הצגת סמל אחר בספריית המשנה של החנות לעומת הבלוג - אתה יכול לעקוף את כתובת האתר של סמל האתר באופן פרוגרמטי. הוסף את זה ל-functions.php של ערכת הנושא שלך או לפלאגין ספציפי לאתר: `add_filter('get_site_icon_url', function($url, $size, $blog_id) { return 'https://example.com/custom-favicon.png'; }, 10, 3);`. זה עוקף את ה-Customizer לחלוטין ומאפשר לך להציג כל סמל מכל כתובת אתר.

חלק מהפלאגינים של בוני דפים (Elementor, Divi, Beaver Builder) מוסיפים הגדרות favicon משלהם שיכולות להתנגש עם ה-WordPress Customizer. בדוק את חלונית הגדרות האתר של בונה הדפים שלך והסר כל ביטול של סמלים של Favicon שם, ולאחר מכן הגדר אותו מחדש דרך ה-WordPress Customizer המקורי. קיום שני תגי favicon מתחרים באותו דף יכול לייצר תוצאות לא עקביות בדפדפנים.

התקנות ריבוי אתרים של WordPress דורשות שלכל אתר משנה יהיה סמל אתר משלו מוגדר בנפרד. הגדרות מנהל הרשת אינן עוברות אתרי המשנה. אם אתה רוצה Favicon משותף על פני כל הרשת, השתמש בגישת הסינון התוכנותי והתחבר לכתובת ה-URL של סמל האתר ברמת הרשת באמצעות תוסף חובה (mu-plugins).

תוספי מטמון כגון WP Rocket, W3 Total Cache או LiteSpeed Cache יכולים לעכב עדכוני favicon. לאחר שינוי סמל האתר שלך, נקה את כל שכבות המטמון: מטמון האובייקטים WordPress, מטמון העמודים, מטמון ה-CDN שלך ומטמון הדפדפן שלך. אם הסמל הישן ממשיך, הוסף את `?v=2` לקישור favicon באופן ידני ב-HTML או המתן עד שהמטמון TTL יפוג.

כדי לבדוק ש-WordPress מוציא את תגי ה-favicon הנכונים, לחץ לחיצה ימנית על האתר שלך בדפדפן, בחר הצג מקור דף וחפש את `rel='icon'`. אתה אמור לראות גם ערך favicon.ico וגם ערך apple-touch-icon המצביע על התמונה שהעלית. אם אחד מהם חסר, ייתכן שהערכת נושא שלך עוקפת את `wp_head()` - ודא ש-`<?php wp_head(); ?>` נקרא ב-header.php של ערכת הנושא שלך.

תוספים של צד שלישי WordPress SEO כמו Yoast SEO ו-Rak Math כוללים מטא נתונים חברתיים וסכימה משלהם, אך אינם מפריעים לסמל האתר. עם זאת, אם התקנת תוסף ספציפי ל-favicon לפני שנים לפני ש-WordPress הוסיפה תמיכה מקורית, הפלאגין הזה עלול כעת להתנגש. השבת כל פלאגין של favicon מדור קודם לפני השימוש באפשרות המובנית Customizer.

עבור אתרים המתארחים ב-WordPress.com (בניגוד ל-WordPress.org שמתארח בעצמו), נתיב ה-favicon נמצא ב-My Sites > Settings > General > Site Icon. השלבים כמעט זהים לזרימת ה-Customizer המארח בעצמך, אך עריכת ערכות נושא ותוספים מוגבלים בהתאם לתוכנית שלך. העלה 512×512 PNG ושמור - WordPress.com מטפל בכל שינוי גודל והזרקת תגים.

לאחר הגדרת ה-favicon שלך, ודא שהוא פועל כהלכה באמצעות favicon tester על ידי הזנת כתובת האתר שלך. זה מאשר שהסמל נגיש לציבור ומופיע בנתיב הצפוי. בדוק גם את best favicon size כדי להבין אילו רזולוציות WordPress מייצר והאם עליך להוסיף רזולוציות באופן ידני לתמיכה ב-PWA.