رحلة ضَوْء

Favicon ضرورة أساسية لمدونتك أو لموقعك (لماذا؟) قبل أن نجيب على هذا السؤال, دعونا نتعرف عليها أكثر. الصورة في الجوار توضّح المقصود بها, ولا بد انك شاهدتها في العديد من المواقع. Favicon هي صورة صغيرة تظهر إلى جوار عنوان موقعك في المتصفحات, وفي الغالب, فهي تمثل شعاراً لموقعك أو مدونتك. حسناً, نجيب على السؤال: ما أهميتها؟ هي مهمة لك أنتَ (صاحب الموقع أو المدونة) ولزوّارك على السواء. هي مهمة بالنسبة لك, لأنها تظهر شعار موقعك إلى جوار العنوان فهي تعطي جمالية وتدل على احترافية مصمم الموقع, كذلك تشترك أنت وزوّارك في فائدتين أساسيتين: الأولى: تسهل على زوّارك الوصول إلى موقعك إذا كان الزائر قد احتفظ بعنوان موقعك في قائمة المفضلة بمتصفحه مع عدد كبير من المواقع الأخرى, فبمجرد النظر إلى الــ Favcicon يستطيع تذكر موقعك والوصوال إليه أسرع. هذا أيضاً مفيدٌ لك, لأنه يسهل على زوارك الوصول إليك ويزيد من عدد الزائرين والمتصفحين لموقعك. والفائدة الثانية: هي أن تصنع لنفسك أو لموقعك اسماً ولوجو.

أولاً يجب أن تكون أبعاد الـFavicon 32*32 بيكسل. بعد أن تصمم الصورة أو الشعار الخاص بك, ستبدأ بتحويله إلى Favicon بهذه الخطوات البسيطة والسريعة. من الممكن أن تستخدم برنامج مثل فوتوشوب, أو غيره, ولكني سأعلمك طريقةً أسرع بأدوات سهلة.

نفترض أن الصورة التالية تمثل شعار موقعك:

أولاً, ستحتاج إلى ضبط أبعادها 32*32

استخدم موقع mypictr لهذه الغاية

ارفع الصورة إلى الموقع

واضبط الأبعاد 32*32

المربع الأصفر يمثل الأبعاد التي اخترتها 32*32

الآن, نضبط حجم الصورة مع الأبعاد, وذلك بالتصغير باستخدام أداة التصغير/التكبير Zoom

الآن, اضغط على زر pictrit

احفظ الصورة على جهازك

الآن اذهب إلى موقع tools.dynamicdrive.com/favicon (أو سواه, ثمة الكثير من المواقع التي تساعدك على تحويل الصورة إلى امتداد 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 في نفس المجلد.

المجلد الرئيس أو الحذر الرئيس للموقع يختلف باختلاف الشركة المضيفة لموقعك, في هذا المثال الموضخ أعلاه لموقعي الثاني www.mkalhousani.com لا يوجد مجلد رئيس, بمجرد أن تصل إلى ملفات هذا الموقع باستخدام خادم 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 الخاص بموقعك أو بمدونتك للاتصال معه, ثم الوصول إلى الجذر/المجلد الرئيس ورفع الأيقونة إليه.

الصورة التالية توضح جميع هذه الخطوات …

(اضغط على الصورة للتكبير)