طرق لإضافة favicon إلى الموقع

عمليا على أي موقع حديث على الإنترنت يوجد رمز خاص معروض في علامة تبويب المتصفح بعد تحميل المصدر بالكامل. يتم إنشاء هذه الصورة وتثبيتها بواسطة كل مالك بشكل مستقل ، على الرغم من أنها ليست إلزامية. كجزء من هذه المقالة ، سنناقش خيارات تثبيت Favicon على مواقع تم إنشاؤها بواسطة وسائل متعددة.

إضافة فافيكون إلى الموقع

لإضافة هذا النوع من الأيقونات إلى الموقع ، سيكون عليك إنشاء صورة مناسبة لشكل مربع لبداية. يمكن القيام بذلك كما هو الحال مع استخدام برامج الرسوم الخاصة ، على سبيل المثال ، فوتوشوب ، ولجأت إلى بعض الخدمات عبر الإنترنت. بالإضافة إلى ذلك ، من المستحسن تحويل الأيقونة المعدة مسبقًا إلى تنسيق ICO وتقليل حجمها إلى 512 × 512 بكسل .

ملاحظة: بدون إضافة صورة مخصصة ، يتم عرض رمز المستند في علامة التبويب.

انظر أيضا:
الخدمات عبر الإنترنت لإنشاء favicon
كيفية إنشاء صورة بتنسيق ICO

الخيار 1: إضافة يدويًا

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

الطريقة الأولى: تنزيل Favicon

الطريقة الأبسط ، المدعومة فعليًا بأي متصفح إنترنت حديث ، هي إضافة صورة تم إنشاؤها مسبقًا إلى الدليل الجذر لموقعك. ويمكن القيام بذلك إما عن طريق واجهة الويب أو عن طريق أي مدير FTP مناسب.

في بعض الأحيان ، يمكن أن يكون للدليل المرغوب اسم "public_html" أو أي اسم آخر ، بناءً على تفضيلاتك من حيث الإعدادات.

تعتمد كفاءة الطريقة بشكل مباشر ليس فقط على الشكل والحجم ، ولكن أيضًا على اسم الملف الصحيح.

الطريقة 2: تحرير التعليمات البرمجية

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

1. أضف السطر التالي بين علامات "الرأس" ، حيث يجب استبدال "* / favicon.ico" بعنوان URL لصورتك.

2. من الأفضل استخدام ارتباط مطلق مع البادئة بدلاً من نسبي.
3. في بعض الحالات ، يمكن تغيير قيمة "rel" إلى "رمز الاختصار" ، وبالتالي زيادة التوافق مع متصفحات الويب.
4. يمكن أيضًا تغيير قيمة "النوع" بواسطتك وفقًا لتنسيق الصورة المستخدمة:
   

   ملاحظة: الأكثر شمولاً هو تنسيق ICO.

   • ICO - "image / x-icon" أو "image / vnd.microsoft.icon" ؛
   • PNG - "image / png" ؛
   • GIF - "image / gif" .

5. إذا كان المورد الخاص بك موجهًا بشكل أساسي إلى أحدث المتصفحات ، فيمكن تقصير السلسلة.

6. لتحقيق أكبر قدر من التوافق ، يمكنك إضافة عدة أسطر في آنٍ واحد باستخدام الرابط إلى موقع favicon.
7. سيتم عرض الصورة المثبتة على جميع صفحات الموقع ، ولكن يمكن تغييرها في الإرادة بإضافة الكود السابق ذكره في أقسام منفصلة.

في كلتا الطريقتين ، سيستغرق الأمر بعض الوقت ليظهر في علامة تبويب المتصفح.

الخيار 2: أدوات وورد

عند العمل مع WordPress ، يمكنك اللجوء إلى الخيار الموضح مسبقًا عن طريق إضافة الشفرة أعلاه إلى الملف "header.php" أو باستخدام أدوات خاصة. بفضل هذا ، سيتم ضمان تقديم الرمز على علامة تبويب الموقع ، بغض النظر عن المتصفح.

الطريقة 1: لوحة التحكم

1. من القائمة الرئيسية ، قم بتوسيع قائمة "المظهر" وحدد قسم "التخصيص" .
2. في الصفحة التي تفتح ، يجب عليك استخدام الزر "خصائص الموقع" .
3. قم بالتمرير خلال قسم "الإعدادات" في الجزء السفلي وفي قسم "رمز الموقع" ، انقر فوق الزر "تحديد صورة" . في هذه الحالة ، يجب أن يكون للصورة دقة 512 × 512 بكسل .
4. من خلال النافذة "اختر صورة" قم بتحميل الصورة المطلوبة إلى المعرض أو قم بتحديد الصورة التي سبق إضافتها.
5. بعد ذلك ، ستتم إعادتك إلى "خصائص الموقع" ، وستظهر الصورة المحددة في كتلة "الرمز" . هنا يمكنك رؤية مثال ، اذهب لتحريره أو حذفه إذا لزم الأمر.
6. بعد ضبط الإجراء المطلوب من خلال القائمة المقابلة ، انقر فوق الزر "حفظ" أو "نشر" .
7. لمشاهدة الشعار في علامة تبويب أي صفحة من موقعك ، بما في ذلك "لوحة التحكم" ، أعد تحميلها.

الطريقة 2: الكل في واحد Favicon

1. في موقع "لوحة التحكم" ، حدد "المكونات الإضافية" وانتقل إلى صفحة "إضافة جديد" .
2. املأ حقل البحث وفقًا لاسم المكوّن الإضافي الذي تحتاج إليه - كل ذلك في ملف favicon واحد - وفي المربع الذي يحتوي على الامتداد المناسب ، انقر على زر "تثبيت" .

   ستستغرق عملية الإضافة بعض الوقت.

3. الآن تحتاج إلى النقر فوق الزر "تنشيط" .
4. بعد إعادة التوجيه التلقائي ، تحتاج إلى الانتقال إلى قسم الإعدادات. يمكن القيام بذلك من خلال "الإعدادات" ، من خلال تحديد "الكل في واحد Favicon" من القائمة أو باستخدام رابط "الإعدادات" في صفحة "المكونات الإضافية" في الكتلة ذات الامتداد المطلوب.
5. في القسم مع معلمات البرنامج المساعد ، أضف رمزًا إلى أحد الخطوط المقدمة. يجب تكرار هذا في كتلة "إعدادات الواجهة الأمامية" وفي "إعدادات الخلفية" .
6. انقر فوق الزر "حفظ التغييرات" عند إضافة الصورة.
7. عند الانتهاء من تحديث الصفحة ، سيتم تعيين رابط فريد للصورة وسيتم عرضه في علامة تبويب المتصفح.

هذا الخيار هو الأسهل في التنفيذ. نأمل أن تكون قد نجحت في تثبيت Favicon على الموقع من خلال لوحة تحكم WordPress.

استنتاج

يعتمد اختيار كيفية إضافة رمز على تفضيلاتك فقط ، لأنه في جميع الخيارات يمكنك تحقيق النتيجة المرجوة. في حالة ظهور صعوبات ، أعد التحقق من الإجراءات التي تم تنفيذها ، ويمكنك طرح السؤال المقابل في التعليقات.

• ← تركيب التوقيع الرقمي على جهاز الكمبيوتر
• تثبيت المتصفحات الشائعة على جهاز الكمبيوتر الخاص بك →