כיצד להוסיף Favicon ב-WordPress

מאז WordPress 4.3, core שולחת תכונה Site Icon שחותכת, משנה גודל ומחדירה עבורך את תגי <link> הנכונים. לא נדרש תוסף לאתרים סטנדרטיים.

סמלים שהועלו מאוחסנים בספריית המדיה ומתייחסים אליהם דרך wp_site_icon() בקצה הקדמי. WordPress יוצר מספר גדלים בצד השרת כשאתה מפרסם.

התכונה מחליפה העלאות favicon.ico ידניות עבור רוב הבלוגרים, הסוכנויות וחנויות WooCommerce.

Use our favicon generator, PNG to ICO converter, SVG to ICO converter, and live favicon tester to build and verify your icon set, and read the companion guide for a condensed walkthrough.

ב-wp-admin עבור אל מראה → התאמה אישית → זהות אתר → Site Icon.

לחץ על בחר Site Icon והעלה ריבוע PNG של לפחות 512×512 פיקסלים. WordPress מציג חיתוך חי - מרכז את סימן הלוגו שלך בתוך האזור הבטוח המרובע.

לחץ על פרסם. הליבה מפיקה Apple-touch-icon, גדלים שונים של PNG ומטא תגיות בטעינת העמוד הקדמי הבא.

עבור סמלים של מקטעים או מותגי ספריות משנה, סנן את get_site_icon_url() בעיצוב הילד שלך functions.php.

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

צוותים מתקדמים יכולים להעביר מטא ברירת מחדל של סמל אתר ולהדפיס תגיות <link> מותאמות אישית ב-header.php, אבל שכפול ליבת העבודה כבר עושה טוב.

בלוג בודד: העלה 512×512 PNG דרך Customizer. בוצע - ללא FTP, ללא עריכת .ico.

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

Headless WordPress: Site Icon tags appear only on PHP-rendered pages. Your Next.js front end must declare its own <link> tags in that architecture.

בימוי ← ייצור: העלה מחדש או העבר את מזהה המדיה. קוד קשיח של כתובות URL של סמלים מוחלטים רק אם אתה מבין את אי תקפות המטמון של CDN.

תוספים פופולריים לקידום אתרים עשויים גם לחשוף הגדרה של favicon. הימנע מהגדרת התוסף של SEO ו-Site Icon בצורה שונה - בחר מקור אמת אחד.

תוספי שמירה במטמון (WP Rocket, W3 Total Cache) לא אמורים לחסום קובצי סמל, אך הם עשויים לשמור HTML ללא תגים חדשים עד לטיהור.

תוספים של Favicon היו הגיוניים לפני WordPress 4.3. בשנת 2026 הם מיותרים אלא אם כן אתה זקוק להחלפת אייקונים מונפשת או מתוזמנת.

איזה סוג קובץ עלי להעלות? PNG הוא הבטוח ביותר. WordPress מקבל את JPG, אבל אתה מאבד את השקיפות.

גודל מינימלי? 512×512 באופן רשמי; מקורות גדולים יותר יורדים בסדר.

האם WordPress יוצר את favicon.ico? הוא פולט גדלים PNG ומטא תגיות. דפדפנים עדיין נהנים מהצבת .ico אמיתי בשורש האינטרנט באמצעות אירוח או ערכת נושא צאצא.

ריבוי אתרים: לכל אתר יש Site Icon משלו ב-Customizer משלו. מנהלי רשת מגדירים לכל אתר אלא אם ערכת נושא מסננת כתובות אתרים באופן גלובלי.

דפדפנים מאחסנים favicons בנפרד מHTML. לאחר הפרסום ב-WordPress, רענן חזק או בדוק בחלון פרטי.

הוסף ?ver=2 לכתובות אתרים של סמלים רק אם אתה מגלגל תגים ידנית. Site Icon כתובות אתרים כוללות ארגומנטים של שאילתה המשתנים בעת העלאה מחדש.

נקה את מטמון האובייקטים WordPress וכל CDN (Cloudflare, Jetpack Boost) אם ה-HTML עדיין מפנה לכתובת אתר ישנה של קובץ מצורף.

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

סמל מטושטש לאחר העלאה: תמונת המקור הייתה קטנה מ-512×512 או לא מרובעת. תתחדש ממאסטר גדול יותר.

אין סמל בתוצאות גוגל: גוגל משתמשת במטמון משלה; בקש הוספה מחדש לאינדקס ב-Search Console לאחר עדכון Site Icon.

סמל בשולחן העבודה אך לא באייפון: iOS זקוק ל-apple-touch-icon; אשר ש-Site Icon פורסם, לא רק נשמר כטיוטה ב-Customizer.

קופסה לבנה מסביב ללוגו: הועלה JPG עם רקע לבן במקום PNG שקוף.

מארחים מנוהלים של WordPress (WP Engine, Kinsta, SiteGround) מאחסנים HTML בקצה. לאחר שינוי Site Icon, נקה את כל המטמונים מלוח המחוונים המארח.

פרוקסי Cloudflare orange-cloud יכולים לאחסן HTML במטמון ללא שמירה במטמון /wp-content/uploads/ סמלים - בדרך כלל בסדר, אבל נמחקים כאשר כתובות אתרים של קבצים מצורפים לסמלים משתנים.

תוספים רב לשוניים (WPML, Polylang) אינם משכפלים Site Icon לכל שפה כברירת מחדל. סמל אחד משרת את כל האזורים, אלא אם כן אתה מסנן כתובות אתרים.

הגדרות סלע או הגדרות ללא ראש עשויות לשנות את מיקום העלאות. אשר את כתובות האתרים של מדיה בנקודת הקצה הקדמית HTML שבה ה-CDN שלך מצפה להן.

אם אתה מגיש ייצוא סטטי (Simply Static, WP2Static), צור מחדש את הייצוא לאחר שינויי סמל, כך ש-HTML לא מקוון יקלוט מזהים חדשים של קבצים מצורפים.

רק משתמשים בעלי יכולת התאמה אישית (בדרך כלל מנהלי מערכת ועורכים בהתקנות רגילות) יכולים לשנות את Site Icon. מחברים אינם יכולים להחליף את הסימן ללא זכויות מוגברות.

בריבוי אתרים, מנהלי-על יכולים להעלות ערכות נושא ברחבי הרשת, אך Site Icon נשאר לכל אתר אלא אם קוד מותאם אישית חולק כתובת אתר אחת של קובץ מצורף.

בדוק ערכות נושא של מנהל צד שלישי המסתירות מראה ← התאמה אישית. ייתכן שיהיה עליך להפעיל מחדש את ה-Customizer או להשתמש בקישור העמוק Customizer ?מיקוד אוטומטי[section]=title_tagline.

בעת מסירת אתר ללקוח, תעד ש-favicon משתנה בזמן אמת ב-Customize, לא בספריית המדיה בלבד - העלאת PNG לשם מבלי להקצות את Site Icon לא עושה כלום.

קופה של WooCommerce משתמשת באותו ראש נושא כמו שאר החנות. Site Icon מופיע בעגלה ובדפי תודה באופן אוטומטי.

תוספי חברות שמחליפים תבניות חזיתיות עדיין צריכים לקרוא ל-wp_head() אז Site Icon מטא פלטי.

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

תבניות דוא"ל אינן משתמשות ב-Site Icon. לוגו הדוא"ל של WooCommerce הוא הגדרה נפרדת תחת מראה ← התאמה אישית ← WooCommerce.

אם העלית בעבר את favicon.ico לשורש האינטרנט באמצעות FTP, Site Icon לא ימחק אותו. דפדפנים עשויים להעדיף מקור אחד על פני השני באופן בלתי צפוי.

בחר גישה אחת: או להסתמך על יציאות Site Icon PNG או לשמור על בסיס ICO בעבודת יד עם עיצוב תואם. הסר כפילויות לאחר QA.

ערכות נושא קלאסיות עם קישור מקודד rel=icon ב-header.php עשויים להילחם בליבה Site Icon. הסר תגים ידניים בעת הפעלת Site Icon.

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

תעד את הגישה שנבחרה ב-Runbook שלך כך שהמפתח הבא לא יוסיף תוסף favicon מתנגש שני.