كيفية إنشاء رمز موقع لموقع الويب الخاص بك على WordPress

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

ولكن الآن أصبحت مهمة إنشاء أيقونة الموقع وتحميلها إلى موقع WordPress الخاص بك أسهل. ومع ذلك ، هناك العديد من الطرق المختلفة لتبسيط هذه المهمة

ستجد على الإنترنت عددًا من الطرق لجعل هذه المهمة ممكنة بأقل ميزانية وخبرة ووقت.

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

ماذا تقصد بأيقونة الموقع ولماذا من المهم الحصول عليها على موقع WordPress الخاص بك؟

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

تعتبر رموز الموقع بمثابة رمز صغير مهم يتم عرضه في صفحات نتائج محرك البحث أو بجوار علامة تبويب الصفحة في متصفحك.

ومع ذلك ، يمكنك إنشاء رموز الموقع الخاصة بك التي تحدد علامتك التجارية.

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

سيتمكن العميل الجديد من الوثوق بعلامتك التجارية إذا كانت تبدو رائعة واحترافية. ويمكن أن تساعدك أيقونة الموقع على تحقيق الثقة وإثارة إعجاب زوارك من الانطباع الأول فقط.

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

3 خطوات بسيطة لإنشاء رمز موقع لموقع الويب الخاص بك

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

الخطوات الأساسية الثلاث لإنشاء رمز موقع لـ WordPress هي

• حدد حجم الرمز الصحيح
• أثناء تصميم رمز الموقع ، اتبع بعض الممارسات المثلى
• للوظيفة ، اختر أداة مثالية

بعد ذلك سنتعلم بعض الخطوات الثلاث الأساسية لتحميل الأيقونة:

• استفد من وظائف ووردبريس المعدة مسبقًا
• لتحميل الرمز ، استخدم البرنامج المساعد
• لتحميل أيقونات الموقع ، اكتب رمزًا

الآن دعونا نرى كل هذه الخطوات بالتفصيل

الخطوة 1: بالنسبة لأيقونة موقعك ، حدد الحجم المناسب

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

ستجد أن بعض المتصفحات تدعم ملف .ico 32 * 32 بكسل. من المعروف أن هذا الحجم من حجم الرمز هو الحجم القياسي.

لكن من الناحية العملية ، يجب عليك استخدام ملف .png بحجم 512 * 512 بكسل. في الغالب يتم استخدام ملف .png لأن كل متصفح افتراضي تقريبًا لديه هذا الحجم لأيقونة الموقع.

الخطوة 2: تأكد من أنك تستخدم أفضل الممارسات لتصميم أيقونة موقعك

بدلاً من اختيار خيار بسيط ، نقترح عليك التركيز على العلامة التجارية المثلى والعمل على رموز المواقع المخصصة بدلاً من ذلك.

باستخدام شعارك الحالي ، لا يمكنك تمييز موقع الويب الخاص بك. ومع ذلك ، سوف تحتاج إلى اتباع بعض الاتجاهات لإنشاء رمز موقع لـ WordPress.

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

دعونا نرى مثالا من العالم الحقيقي. تحقق من أيقونة موقع SKT Themes. يستخدم اللون البرتقالي الذي يوفر تباينًا عاليًا ويركز بشكل أكبر على شعار موقع الويب الخاص به.

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

الخطوة 3: لإنشاء رمز موقعك ، اختر الأداة الصحيحة

بمجرد الانتهاء من حجم وتصميم أيقونة موقعك لإنشائه ، ستكون الخطوة التالية هي اختيار الأداة الصحيحة. كما ذكرنا أعلاه ، ستجد عددًا من الطرق لإنشاء رمز موقع لـ WordPress على WordPress.

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

بديل آخر لإنشاء رمز موقع نصي فقط بسرعة كبيرة هو https://favicon.io/favicon-generator/. ستساعدك هذه الأداة أيضًا على تنزيل أيقونات مواقع بأحجام مختلفة.

لا تنس أنه من المهم حفظ رمز موقعك بين 8 أو 24 بت غير شفاف ملف .PNG. هذا هو الشكل الأمثل. ومع ذلك ، سوف يساعدك favicon.io في جعل هذا ممكنًا.

3 طرق مختلفة لتحميل أيقونة الموقع على موقع الويب الخاص بك هي:

في WordPress ، ستجد طرقًا مختلفة لتحميل أيقونات الموقع. ستجد أدناه أفضل طريقة مناسبة لتحميل أيقونات الموقع.

1. استفد من الوظائف المضمنة في WordPress

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

الخطوة 1: في WordPress ، قم بالوصول إلى شاشة هوية موقع الويب الخاص بك

لهذا ، ستحتاج أولاً إلى تسجيل الدخول إلى WordPress من خلال لوحة تحكم WordPress. انتقل الآن إلى لوحة خيارات السمة. يتكون الموضوع المتميز من العديد من الخيارات.

ضع في اعتبارك مثالاً تستخدمه مع سمات WordPress الافتراضية ، ثم تحتاج إلى الظهور ثم النقر فوق تخصيص شاشة الهوية في الموقع للمخصص.

بمجرد الانتهاء من ذلك الآن ، عليك التحرك نحو خطوة أخرى

الخطوة 2: اختر أيقونة موقعك

تحقق الآن من قسم آخر مثل هوية الموقع لتحديد أيقونة الموقع.

انقر فوق "تحديد رمز الموقع" وقم بتحميل الملف. تأكد من إضافة "النص البديل" لتحسين إمكانية الوصول.

الخطوة 3: في الواجهة الأمامية ، تحقق من أيقونة موقعك

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

ومع ذلك ، يجب عليك التحقق من شكل أيقونة موقعك أو عرضها في متصفحات الويب. هذا هو أهم عامل يجب مراعاته.

2. إضافة WordPress البرنامج المساعد

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

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

الخطوة 1: حدد مكونًا إضافيًا مناسبًا

واحدة من أفضل المكونات الإضافية التي نود اقتراحها هي Favicon من RealFaviconGenerator

يعد RealFaviconGenerator.net أحد أشهر مواقع الويب التي تساعدك على إنشاء الأيقونة المفضلة. ومع ذلك ، فإن Favicon by RealFaviconGenerator هو إصدار مكون إضافي مشهور من RealFaviconGenerator.net.

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

الخطوة 2: قم بتحميل أيقونة موقع بالحجم الكامل

بمجرد تثبيت البرنامج المساعد وتنشيطه ، ستكون الخطوة التالية هي تسجيل الدخول إلى لوحة معلومات WordPress والنقر فوق المظهر والنقر فوق لوحة favicon. ستجد هنا الكثير من خيارات التخصيص التي ستشعر بأنها غير معقدة.

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

الآن للبدء ، انقر فوق الزر الأزرق الذي يقول "إنشاء رمز مفضل" والآن ينتقل إلى خطوة أخرى.

الخطوة 3: قم بتنزيل أيقونات الموقع

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

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

الآن تحتاج إلى النقر فوق "إنشاء الرموز المفضلة ورمز HTML". ستجد الآن كيف سيبدأ المكون الإضافي الخاص بك بطريقة سحرية في العمل.

ستجد الآن خيار معاينة أيقونات موقعك في لوحة معلومات WordPress.

منشور ذو صلة: دليل سريع لإضافة رمز مفضل إلى موقع WordPress الخاص بك

3. لعرض رمز موقعك ، استخدم الرمز

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

الخطوة 1: باستخدام بروتوكول نقل الملفات ، يمكنك الوصول إلى خادم موقع WordPress الخاص بك

لاتباع هذا النهج ، ستحتاج إلى الوصول إلى الخادم عبر FTP. بالإضافة إلى أنك ستحتاج إلى بعض المعرفة الأساسية بالبرمجة لأننا سنعمل على ملفات WordPress الأساسية ، نوصيك باستخدام سمة فرعية.

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

إذا كنت تتساءل عن المكان الذي يمكنك العثور فيه على كل بيانات الاعتماد هذه ، فيمكنك الاتصال بقنوات دعم المضيف.

الخطوة 2: إلى موقع WordPress الخاص بك ، قم بتحميل أيقونة الموقع

عند تسجيل الدخول إلى الخادم ، ستظهر لك قائمة دليل موقع الويب الخاص بك بواسطة عميل FTP.

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

أنت الآن على وشك الانتهاء. الآن الخطوة الأخيرة هي كتابة رمز موقعك في WordPress.

الخطوة 3: إلى عنوان WordPress الخاص بك ، أضف الكود

هذه هي الخطوة الأخيرة وهي المرة الأخيرة التي سيتم فيها تسجيل الدخول إلى لوحة تحكم WordPress. انتقل الآن إلى المظهر ثم انقر فوق صفحة محرر السمة:

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

سيظهر الآن الرمز الذي يمكن تحريره بسهولة. هنا حدد الموضوع من خيارات قائمة السحب المنسدلة. الآن ابحث هنا عن سطر الكود الذي يقول

الآن قم بإضافة الكود المذكور أدناه بين

 <head>

العلامات

 <link rel = "shortcut icon" href = "<؟ php echo get_stylesheet_directory_uri ()؛؟> / favicon.ico" />

انقر الآن على زر تحديث الملف.

استنتاج:
الخطوات الأساسية لإنشاء رمز موقع لـ WordPress مذكورة في هذه المدونة.