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

بالتأكيد سمعوا إسم Favicon حتي الآن. ولكن هل فكروا إلي هذا الموضوع حتي الآن أن ما هو Favicon؟ ما هي أهميته؟ و كيف يمكن تغيير Favicon لموقع الويب؟ نقوم في هذه المقالة إلي الرد على هذه الأسئلة و تعليم تغيير الأيقونة المفضلة Favicon في ووردبريس.

الأيقونات المفضلة Favicon هم صور صغيرة تعرضون على جانب عنوان الموقع في المتصفح. يساعدكم تغيير الأيقونة المفضلة Favicon في ووردبريس لتخصيص موقع الويب الخاص بكم و أعمالكم التجارية كثيراً. إضافة إلي ذلك، يبقون الصور في العقل أفضلاً. على سبيل المثال، ظُنّ أن يفتح الكثير من علامات التبويب في متصفحكم، كيف يمكنكم البحث عن موقع الوب المحدد؟ يمكن للمستخدمين العثور عليكم من خلال أيقونة مفضلة Favicon بسهولة. يمكن ان يكون لدي جميع مواقع الويب أيقونة مفضلة. من الكفاية أن تمرون خطوات تغيير و تحميلها. نتحدث في ما يلي عن هذه الأيقونات المفضلة في ووردبريس و أيضاً إضافتها من خلال المكون الإضافي. فإتبعنا.

ما هي الأيقونة المفضلة؟ لماذا قمنا بتغييرها؟

Favicon (إختصاراً لعبارة Favorite Icon) هي صورة صغيرة تعرض على جانب محدد موقع موارد موقع الويب في المتصفح. يمكن مشاهدة هذه الصورة في قسم فواصل الكتب أيضاً، عندما تحفظون محدد موقع موارد موقع الويب إضافة إلي عرضها في عنوان تحميل المتصفح. كما أشرناها مسبقاً، وجود الأيقونة المفضلة Favicon يسبب إلي تخصيص علامتكم التجارية أكثراً و بقاءكم في أذهان جمهوركم. من جانب آخر، عندما المتسخدمون يضيفون إختصار من موقع الويب إلي صفحة هاتفهم فيعرض الأيقونة المفضلة في Home Screen. الأيقونة المفضلة هي صورة صغيرة تحفظ بإسم Favicon.ico في مضيفكم عاماً. إختيار اليقونة المفضلة المناسبة يؤدي إلي إشتهار هوية علامتكم التجارية. أيضاً يقوم بتحسين تجربة المستخدم.

تعليم إنشاء الأيقونة المفضلة

لإنشاء الأيقونة المفضلة يمكنكم إستخدام البرامج الجرافيكية مثل فوتوشوب و أدوبي إليستريتور و غير ذلك. يتيح لك إستخدام هذه البرامج أن تعتبروا أحجام أيقونة مفضلة الدقيقة عند التصميم. عاماً، تكون شعار و علامة تجارية مهنة تريدونها، الأيقونة المفضلة لأي موقع الويب. في البداية يجب عليكم تصميم شعاركم المطلوب بأحجام 512 بكسل (عرض و طول)مع الخلفية و اللون الذي تريدونه في برمج من البرامج و ثم قوموا بحفظ الملف المطلوب في تنسيق jpg، .gif أو .png. تأكد أن تكون الأيقونة المفضلة صورة مربع. أيضاً يستبدل أحجام هذا الملف إلي أحجام مطلوبة أيقونة مفضلة (16*16 أو 32*32) من خلال ووردبريس مرة أخري.

إضافة الأيقونة المفضلة إلي ووردبريس من خلال WordPress Customizer

يمكن تغيير صورة أيقونة مفضلة ووردبريس من خلال لوحة المعلومات و قسم الإعدادات في نسخة 4.3 إلي ما بعدها من الإصدارات في ووردبريس. أول عمل يجب القيام به هو تسجيل الدخول إلي حساب ووردبريس. ثم إنتقل إلي مسار Appearance و ثم Customize.

إنقر في هذا المسار على Site Identify. يتيح لك قسم Site Identify أن قاموا بتغيير عنوان الموقع (عنوان يعرض في علامة تبويب المتصفح)، الأوصاف و بما في ذلك. أيضاً، يمكن في هذا القسم تحميل أيقونة مفضلة ووردبريس و تغييرها بسهولة. إنقر على Select file تحت عنوان Site Icon حتي تستطيعون تحميل أيقونة مفضلة ووردبريس تريدونه. بعد عملية تحميل الصورة، إذا لا يتوافق أحجام الصورة مع معايير ووردبريس فإنكم تستطيعون قطعها بواسطة أداة القطع (Crop) في ووردبريس. (أقترحك أن تأخذ الإعتبار في البداية معايير أحجام أيقونة مفضلة ووردبريس عند التصميم). في النهاية يكفي حفظ التغييرات عبر خيار Save and Publish.

إضافة الأيقونة المفضلة إلي ووردبريس من خلال المكون الإضافي

يمكنك إضافة أيقونة مفضلة ووردبريس إلي موقع الويب الخاص بكم من خلال مكونات إضافية ووردبريس إضافة إلي ميزة إضافة أيقونة مفضلة ووردبريس من نسخة 4.3 إلي بعدها و في بعض القوالب. إستخدام مكون إضافي ووردبريس هو أسهل طريقة لزيادة أيقونة مفضلة ووردبريس.

بحسن الحظ هناك المونات الإضافية الآخري لإضافة الأيقونة المفضلة. من الكفاية البحث عن المكون الإضافي المطلوب في موقع رسمي ووردبريس. نشير هنا إلي بعض المكونات الإضافية.

Favicon by RealFaviconGenerator

يكون RealFaviconGenerator من هذه المكونات الإضافية. هذه المكونات الإضافية يناسب لتحميل أيقونة مفضلة ووردبريس بل يمكنكم إختيار أيقونة مفضلة مناسبة مع المعايير و إطارات أيقونة مفضلة ووردبريس.

Favicon Rotator

مكون إضافي Favicon Rotator هو مكون إضافي من المكونات الإضافية المناسبة لإختيار و تحميل الأيقونة المفضلة في ووردبريس. يمكنك إختيار بعض الصور كأيقونة مفضلة من خلال هذا المكون الإضافي حتي يعرض تصوير جديدة بشكل عشوائي في فترة محددة.

All in One Favicon

إحدي أخري من مكونات إضافية يتيحك الخدمات الكاملة هي all in one Favicon. هذا المكون الإضافي يدعم عن أيقونات Apple Touch إضافة إلي جميع التنسيقات الشاسعة منها gif، png و jpg أيضاً.