كيفية وضع الأيقونات في الموقع

جدول المحتويات:

كيفية وضع الأيقونات في الموقع
كيفية وضع الأيقونات في الموقع

فيديو: كيفية وضع الأيقونات في الموقع

فيديو: كيفية وضع الأيقونات في الموقع
فيديو: طريقة عمل لوجو وتغير الايقونة المصغرة واضافة مواقع التواصل الاجتماعى للمدونة | دورة بلوجر 2019 2024, أبريل
Anonim

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

مفضل
مفضل

تعليمات

الخطوة 1

يُطلق على هذا الرمز عادةً اسم "Favicon" (الرمز المفضل) وهو عبارة عن صورة مقاس 16 × 16 بكسل. يمكن لبعض المتصفحات الحديثة أيضًا عرض رموز كبيرة ، ولكن إذا كان التوافق عبر المستعرضات مهمًا بالنسبة لك ، فيجب أن تسترشد بهذا الحد الأدنى من المعايير.يمكنك إنشاء مثل هذه الصورة بنفسك في أي محرر رسومات. يمكن للمتصفحات الحديثة قراءة الرموز بتنسيق ico الأصلي وتنسيقات الرسوم القياسية gif و.png

الخطوة 2

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

الخطوه 3

أخيرًا ، يجب عليك إضافة إشارة إلى الرمز إلى كود html المصدر لصفحات الموقع. تبدو العلامة المطابقة لبرنامج Internet Explorer على النحو التالي: تفهم المتصفحات الأخرى المعنى المختلف للسمة "rel": لإرضاء الجميع ، من الأفضل تحديد كليهما. إذا لم تضع ملف الرمز في جذر الموقع ، ولكن في مكان آخر ، فيجب تحديد المسار الكامل للرمز في سمة "href". يجب وضع هذين السطرين بين العلامات و. أي أنك تحتاج إلى فتح الصفحة المطلوبة في محرر الصفحة لنظام التحكم ، وتحويلها إلى وضع تحرير كود html ، والعثور على السطر الذي يحتوي على العلامة وإضافة السطرين المذكورين أعلاه قبله. ثم احفظ التغييرات في الصفحة.

موصى به: