الحمد لله رب العالمين نجحت في عمل ذالك وبمنتها البساطة
وقبل انا اقوم بالشرح اقدم لكم مقدمة بسيطة ولكن فائدتها طيبة باذن الله
تعريف بسيط بما هو favicon icon
هو ايقونة او شعار لصفحة الويب تعرض بجانب عنوان اسم الموقع وتستعمل احيانا لتميز موقعك عندما يضاف الى المفضلة
والـ favicon icon هى ايقونات صغيرة جدااا قد تكون بمقاس 32*32 أو 16*16
فوائد الـ favicon icon :
1-يعمل كشعار لطيف بجانب عنوان موقعك .
2- يجعل موقعك متميز عن غيره من خلال ايقونته الخاصة .
3- تظهر ايقونة موقعك فى المفضلة اذا ادرج القارىء صفحة من موقعك مما يجعله سهل التميز بين غيره من الموقع
اسباب فشل الكثير فى عمل ايقونة خاصة بموقعهم
1- سبب بسيط للغاية وهو ان بعض الاستضافات لا تدعم امتداد الـ(( ico )) ولكن مع هذا الشرح باذن الله لن يكون هناك مشكلة بعد خدعة بسيطة وبعد الأمور سوف تظهر ايقوانة موقعكم بالمتصفح
2- السبب الثانى هو انه ليس جميع المتصفحات سوف تظهر بها ايقونتك لذالك بعد عملك قد لاتجد الايقونة انصحك بتجربة نتيجة عملك النهائى على اى من المتصفحات الأتية :
Avant Browser
Firefox
Opera
وسوف تكون نتيجة طيبة باذن الله تعالى
والأن نسمى باسم الله تعالى ونبدأ خطوات العمل :
1- يمكنك تحويل اي صورة تعجبك الى ايقونة خاصة بموقعك واليك هذا الموقع الرائع الذى يقوم لك بهذا العمل فى ثوانى اضغط هناااااااااااااااا
بعد الدخول على الموقع ستجد كما بالصورة اتبع الشرح
بعد ذالك سوف يظهرنا لنا كما بالصورة التالية ونحفظ الايقونة
وعن طريقه تحدد ما تريد كتابته وهناك اكثر من مثال من صور الايقونات بالموقع
وبعد الانتهاء اضغط على كلمة save as favicon file وهى لحفظ الايقونة النهائية بجهاز
2- بعد تحميل الايقونة الى جهازك يجب رفعها على موقعك من خلال الـ FTP او من خلال الـ cpanel وهذه اهم خطوة للأحتياط الكامل ارفع ملف favicon.ico ويجب ان تكون بهذا الاسم ارفعها الى كل من مجلد www و مجلد vb الخاص بمنتداك
بعد الرفع اذهب الى رابط الايقونة بالمتصفح ان لم تظهر معك فهذا يعنى ان استضافتك لاتدعم امتداد الـ(( ico )) اليك الخدعة التى ذكرتها اذهب الى اى موقع يقدم خدمة استضافة مجانية مثل google او freewebs وقم بعمل حساب لك ومن ثم ارفع ايقونتك عليه انا انشأت حسابى بموقع freewebs للدخول اضغط هناااااااااااا
<head><link rel=”icon” href=”رابط االايقونة الخاص بك” type=”image/ico”>
<link rel=”shortcut icon” href=”رابط االايقونة الخاص بك” type=”image/ico”></head>
هذا الكود تضع فى الصفحة الرائيسية الخاصة بموقعك والتى تكون بامتداد html واعمل حفظ التغييرات
واذا كانت الصفحة الرئيسية لموقعك مجلة php قم بعمل الأتى اذهب الى مجلد template الخاص بثيم المجلة المثبته ونفتح صفحة الاندكس هتمل الخاص بيه وتضع هذا الكود
رمز PHP:
PHP:
<link rel=”icon” href=”رابط االايقونة الخاص بك” type=”image/ico”>
<link rel=”shortcut icon” href=”رابط االايقونة الخاص بك” type=”image/ico”>
واعمل حفظ التغييرات
بالاضافة الى رفع الايقونة مرة اخرى بمجلد الثيم الخاص بالمجلة
وانتظر فترة وقم بعمل تحديث لصفحة موقعك وانتظر النتيجة