פאביקון

אז איך מוסיפים את האייקון המלבב הזה לאתר\בלוג שלם ?

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

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

לאחר שבחרנו תמונה מתאימה הולכים לאחד מה-favicon generators הקיימים ברשת, אני אוהבת את FaviconFromPics.
ברגע שיש לנו את הקובץ ico ביד כל שנותר הוא להעלות אותו אל הבלוג שלכם ולהוסיף את השורה הבאה להדר של התבנית (header.php).

1
<link rel="shortcut icon" href="favicon.ico" >

הכתובת ב-href צריכה להשתנות בהתאם למיקום הקובץ שלכם, למשל:

1
<link rel="shortcut icon" href="wp-content/uploads/favicon.ico" >

השורה צריכה להיות ממוקממת בין שתי תגיות ה-header בקובץ.

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

ישנם גם תוספים שיעשו את עבודת ההוספה בשבילכם:

025 פאביקון נהניתם ? הרשמו לעדכוני RSS !

29 תגובות על הפוסט “פאביקון

  1. כעקרון, אפילו לא צריך להוסיף את הפאביקון בקוד במידה ומתקינים אותו על שרת עצמאי, והקובץ נמצא בתיקיית השורש של השרת.

  2. למעשה favicon ממש לא חייב להיות קובץ ico. זו דרישה שנכונה רק אם רוצים לשתול אותו כמו ששרון מתארת בתיקיית השורש של השרת. אם אני זוכר נכון התוסף Favicon Manager יודע להתמודד נכון גם עם פורמטים אחרים של תמונות.

    נ.ב.
    אם לא קיבלת ממני דואל אתמול, זה כנראה סימן שאין לי את הכתובת הנכונה.

  3. אינדיד, דפדפנים מודרניים מקבתים גם GIF, JPG ואפילו PNG עם סיומת ICO ומציגים אותם נכון.

    אבל איך זה שלך אין אחד, חנית? בעעעע! :-)

  4. את האייקון מעלים לספריה הראשית ואז הוא תופס לגבי כל מה שמתחת לספריה (אלא אם כן יש בספריה אחרת אייקון אחר).
    את הקוד מאד מומלץ לתת בכל מקרה. במידה והקובץ נקרא favicon.ico אז זה יעבוד גם בלי הקוד – כל שם אחר שנותנים לאייקון וחייבים לתת את הקוד (כאמור – מומלץ בכל מקרה).

  5. אהה לא… עדיין לא אוכן האיקון. גם שואש וגם איי-אי-שש. החיים מסובכים היום :-)

    אבל תראו אותי… יש לי גראבטר! אני קוווול!

  6. פינגבאק: צעצועים לדף הבית » ITbananas

  7. Just now I recently found the web for exactly this type of details. Thank to your posting that search has got to finish now. You wrote the article in a very comprehensible way. With this, I added your blog posts among my personal favorites! Best wishes!

כתיבת תגובה

האימייל שלך לא יוצג באתר. (*) שדות חובה מסומנים

*


:mrgreen::|:twisted::arrow:8O:):?8):evil::D:idea::oops::P:roll:;):cry::o:lol::x:(:!::?:

תגי HTML מותרים: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>