Favicon ضرورة أساسية لمدونتك أو لموقعك (لماذا؟) قبل أن نجيب على هذا السؤال, دعونا نتعرف عليها أكثر. الصورة في الجوار توضّح المقصود بها, ولا بد انك شاهدتها في العديد من المواقع. Favicon هي صورة صغيرة تظهر إلى جوار عنوان موقعك في المتصفحات, وفي الغالب, فهي تمثل شعاراً لموقعك أو مدونتك. حسناً, نجيب على السؤال: ما أهميتها؟ هي مهمة لك أنتَ (صاحب الموقع أو المدونة) ولزوّارك على السواء. هي مهمة بالنسبة لك, لأنها تظهر شعار موقعك إلى جوار العنوان فهي تعطي جمالية وتدل على احترافية مصمم الموقع, كذلك تشترك أنت وزوّارك في فائدتين أساسيتين: الأولى: تسهل على زوّارك الوصول إلى موقعك إذا كان الزائر قد احتفظ بعنوان موقعك في قائمة المفضلة بمتصفحه مع عدد كبير من المواقع الأخرى, فبمجرد النظر إلى الــ Favcicon يستطيع تذكر موقعك والوصوال إليه أسرع. هذا أيضاً مفيدٌ لك, لأنه يسهل على زوارك الوصول إليك ويزيد من عدد الزائرين والمتصفحين لموقعك. والفائدة الثانية: هي أن تصنع لنفسك أو لموقعك اسماً ولوجو.
أولاً يجب أن تكون أبعاد الـFavicon 32*32 بيكسل. بعد أن تصمم الصورة أو الشعار الخاص بك, ستبدأ بتحويله إلى Favicon بهذه الخطوات البسيطة والسريعة. من الممكن أن تستخدم برنامج مثل فوتوشوب, أو غيره, ولكني سأعلمك طريقةً أسرع بأدوات سهلة.
استخدم موقع [عزيزي الزائر يتوجب عليك التسجيل للمشاهدة الرابطللتسجيل اضغط هنا] لهذه الغاية
ارفع الصورة إلى الموقع
واضبط الأبعاد 32*32
المربع الأصفر يمثل الأبعاد التي اخترتها 32*32
الآن, نضبط حجم الصورة مع الأبعاد, وذلك بالتصغير باستخدام أداة التصغير/التكبير Zoom
الآن, اضغط على زر pictrit
احفظ الصورة على جهازك
الآن اذهب إلى موقع [عزيزي الزائر يتوجب عليك التسجيل للمشاهدة الرابطللتسجيل اضغط هنا] (أو سواه, ثمة الكثير من المواقع التي تساعدك على تحويل الصورة إلى امتداد ico المستخدم في Favicon ) ارفع الصورة التي حفظتها على جهازك في آخر خطوة
ثم اختر Create Icon
بعد ذلك احفظ الصورة التي سوف تنتج على جهازك.
الخطوة الأخيرة: ارفعها إلى موقعك في المجلد/الجذر الرئيس. إذا كنت تستخدم مدونة , فعليك ان تضعها في مجلد الثيم الذي تستخدمه.
wp-content/themes/Theme_Name
ملاحظة مهمة: غير اسم الملف الذي حصلت عليه إلى favicon
يجب أن يكون بهذا الشكل: favicon.ico
الإمتداد.ico قد يكون مخفياً, لا بأس, المهم ان يكون الاسم favicon
مثال: لو كان الملف الذي حصلت عليه في الخطوات الأخيرة favicon_32×32 يجب أن تغير اسمه إلى favicon
تحديث 05.12.2007: كيف ترفع الأيقونة إلى موقعك أو مدونتك؟
بعد أن تصنع الــ Favicon الخاصة بمدونتك أو موقعك, وهي بامتداد .ico سترفعها إلى موقعك إلى الجذر الرئيس كما قلتُ سابقاً, المقصود بالجذر الرئيس أو المجلد الرئيس هو المجلد الذي يحوي على جميع صفحات ومجلدات موقعك, بكلمات بسيطة: هو المجلد الموجود فيه صفحة index.htm أو index.html أو index.php … (بحسب لغة البرمجة المستخدمة في موقعك, يختلف امتداد صفحة index). مع ملاحظة أن بعض المواقع تستخدم صفحة default بدلاً من صفحة index. [عزيزي الزائر يتوجب عليك التسجيل للمشاهدة الرابطللتسجيل اضغط هنا]
لاحظ من الصورة أعلاه بأن صفحة index وملف favicon في نفس المجلد.
المجلد الرئيس أو الحذر الرئيس للموقع يختلف باختلاف الشركة المضيفة لموقعك, في هذا المثال الموضخ أعلاه لموقعي الثاني [عزيزي الزائر يتوجب عليك التسجيل للمشاهدة الرابطللتسجيل اضغط هنا] لا يوجد مجلد رئيس, بمجرد أن تصل إلى ملفات هذا الموقع باستخدام خادم ftp ستحصل على الملفات والمجلدات بتلك الصورة.
شركات أخرى تعطيك مجلد بعنوان public_html ففيها تضع جميع مجلدات موقعك وصفحاته بما فيها ملف index وملف الأيقونة favicon .
مثال (لهاذ الموقع رحلة ضَوْء المستضاف على موقع mkalhousani.com) حيث أني وضعت جميع الملفات المتعلقة بموقع رحلة ضَوْء في في ملف اسميته rehla [عزيزي الزائر يتوجب عليك التسجيل للمشاهدة الرابطللتسجيل اضغط هنا]
في هذه الحالة: المجلد الرئيس لمدونة رحلة ضَوْء هو rehla وملف index وملف أيقونة favicon موجودان في مجلد rehla . الآن كيف ترفع أيقونة favicon التي صنعتها إلى موقعك أو مدونتك؟
ستحتاج إلى برنامج يدعى خادم FTP.
ثمة الكثير من البرامج المجانية والمدفوعة, أنا شخصياً أفضل البرنامج المجاني FileZilla. ماذا تحتاج؟
تحتاج إلى خادم ftp
عنوان FTP لموقعك: مثال: ftp.mkalhousani.com
بشكل عام: ftp.yourdomain.com
اسم المستخدم لخادم ftp الخاص بموقعك
وكلمة السر لخادم ftp الخاص بموقعك
أنصح باستخدام البرنامج المجاني المفتوح المصدر FileZilla [عزيزي الزائر يتوجب عليك التسجيل للمشاهدة الرابطللتسجيل اضغط هنا], وبعد أن تنتهي من التثبيت, ستحتاج إلى إدخال بيانات خادم ftp الخاص بموقعك أو بمدونتك للاتصال معه, ثم الوصول إلى الجذر/المجلد الرئيس ورفع الأيقونة إليه.
الصورة التالية توضح جميع هذه الخطوات …
(اضغط على الصورة للتكبير) [عزيزي الزائر يتوجب عليك التسجيل للمشاهدة الرابطللتسجيل اضغط هنا]
Favicon:أيقونة لموقعك
العرض العادي
