ديجيتال بزنس » التدوين الاحترافي » كيف تضيف شعار مدونتك إلى مسار المتصفح

كيف تضيف شعار مدونتك إلى مسار المتصفح

سأشرح لكم في هذه التدوينة عملية وضع شعار مدونتك في مسار المتصفح أو ما يُسمى favicon باللغة الإنجليزية. لا بد أنك لاحظت أن العديد من المواقع تحتوي على شعار صغير بجانب مسار أو رابط الموقع في أعلى المتصفح. هذا الشعار والذي عادة ما يكون بحجم 16×16 بكسل هو عبارة عن صورة ولكن بحاشية ico. (التي ترمز لكونه أيقونة أو icon) وليس jpg. مثلاً.

حتى تضع هذا الشعار لا بد أن يكون لديك صورة ما تريد إستخدامها. بعد ذلك عليك تحويل الصورة إلى نوع ico أو أيقونة. هناك عدة طرق للقيام بذلك، ولكن أسهل طريقة هي بإستخدام المواقع المتخصصة على الشبكة والتي تقدم هذه الخدمة مجاناً. شخصياً، أستخدم موقع www.html-kit.com. كما هو واضح، كل ما عليك القيام به هو رفع الصورة من حاسوبك على الموقع ومن ثم ضغط Generate Favicon.ico. قم بعد ذلك بتنزيل الشعار الجديد إلى حاسوبك.

إذن لديك الآن شعار أيقونة لمدونتك ذات حاشية ico. لم يتبقى سوى ربط هذا الشعار بموقعك. للقيام بذلك عليك أولاً أن ترفع أيقونة الشعار ico. من حاسوبك إلى المجلد الرئيسي لموقعك (public_html مثلاً) وإلى مجلد images داخل مجلد الثيم أو القالب الذي تستخدمه (بإستخدام برنامج FTP مثلاً).

بعد رفع الشعار، إذهب إلى ملف header.php وأدخل الكود التالي:

<link rel="icon" type="image/x-icon" href="http://myblog.com/wp-content/themes/mythemename/images/favicon.ico" />

حيث myblog.com يساوي عنوان موقعك و mythemename يساوي إسم القالب الذي تستخدمه و favicon.ico هو إسم شعارك الذي رفعته للتو.

الهدف من ذلك هو التأكد من ظهور الشعار في الصفحة الرئيسية على الأقل في حال فشل المتصفح من ملاحظة الإيقونة في المجلد الرئيسي.

تأكد أنك وضعت هذا الكود في مع باقي روابط “link rel” وبين <head> و <head/> الموجودة في ملف الهيدر وإحفظه. أعد الدخول إلى موقعك من جديد وستشاهد الإيقونة يجانب مسار موقعك في أعلى المتصفح.

ملاحظة: قد تحتاج إلى “رفرشة” أو مسح الذاكرة المؤقتة cache من متصفحك حتى تشاهد الشعار.

بالتوفيق، وما عليكم إلا السؤال إذا إحتجتم أي مساعدة.

رائجة الان:

التسجيل في سوق افلييت
الخساره التي تربح فيها نفسك
طريقة التسويق عبر الانترنت
مدونات بلوجر
اوبن كارت عربي
افضل استضافة مواقع
paypal مصر
بايونيير
التسويق بالعمولة عن طريق كليكبانك
التسويق بالعمولة المسافر

اترك تعليقًا

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

error: مرحباً !!