تطوير المواقعووردبريس

كيفية اضافة هوية موقعك Favicon ايقونة المفضلة للووردبريس

كيفية اضافة هوية موقعك Favicon ايقونة المفضلة للووردبريس

الكثير منا يندهش من بعض المواقع العربية الكبيرة والرائدة وكذا الكثير من المواقع الغربية عندما يشاهد شعار بجانب نطاق الموقع كما هو بالصورة بالأعلى.

كيفية اضافة هوية موقعك Favicon ايقونة المفضلة للووردبريس

ومن ضمنها هذه الأداة التي تعطيك شعاراً يعطي لموقعك نوعاً من الشفافية والتميز , والتي تعتبر جزء لا يتجزأ من الهوية البصرية.

معنى favicon

تم اختصار favicon من الـ ( favorite icon ) الايقونة المفضلة (ايقونة الهوية) وتعرف ايضاً برمز الموقع , وهي ايقونة (صورة مصغرة) مربع الشكل ويكون حجمها 16×16 أو 32×32 أو 64×64

التنسيقات والصيغة لـ favicon

تأتي الايقونة المفضلة بعدة صيغ أو تنسيقات التالية :

  • ico
  • png
  • gif
  • jpg/jpeg

كيفية انشاء ايقونة FAVICON

يمكن انشاء ايقونة الفضلة favicon بواسطة احد برامج الرسم والتصميم سواء الفوتوشوب أو غيره من البرامج والتطبيقات وتختلف المقاسات فيتم اختيار 32×32 أو 64×64 ومعظم الاحيان يمكن انشاءها بشكل كبير بمقياس 500×500 ومن ثم يتم تصغيرها عبر خصائص قالب الووردبريس من لوحة تحكم المدونة > المظهر > تخصيص > هوية الموقع , أو عبر اعدادات القالب.


يمكن ايضاً الاستفادة من المواقع الخدمية التي تقوم بتصغير الصورة وضبطها لك بصيغة favicon.ico ليتم رفعها الى الموقع مباشرة بدون العناء

 

طريقة رفع favicon وتركيبها على الموقع

كما ذكرنا سابقاً بأن مواقع الووردبريس يمكن عمل favicon بكل سهولة من خلال لوحة تحكم المدونة > المظهر > تخصيص > هوية الموقع

كيفية اضافة هوية موقعك Favicon ايقونة المفضلة للووردبريس

اما بالنسبة للمواقع الاخرى مثل مدونات بلوقر وغيرها من المواقع فعليهم رفع صورة favicon.ico بنفس هذا الاسم للملف على المجلد الرئيسي أو المجلد الفرعي (النطاق الفرعي) ثم اضافة الكود التالي اذا لم يكن موجوداً في ملف header

 

قد يكون الكود التالي مفيداً للووردبريس

 

بمل الشعارات بالامكان الاستفادة منه ايضاً
الاشتراك في النشرة البريدية
اشترك في المجموعة البريدية لتصلك آخر المقالات على البريد الالكتروني
سيتم ارسال بريد الكتروني لتأكيد الاشتراك

اقرأ المقالات

‫2 تعليقات

  1. انا احب هذا الموقع لانه برنامج الرائع ولان جودته عالية يرودون الناس ان يسجلون به وشكرا لكم ان وافقتم على تعليقي 😛

اترك تعليقاً

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

أنت توافق على نشر تعليقك وحفظ بياناتك.

زر الذهاب إلى الأعلى