برمجة ووردبريس
Search
Close this search box.

كيفية تغيير حجم شعار ووردبريس الخاص بك

سأل أحد قرائنا مؤخرًا عما إذا كان من الممكن تغيير حجم شعار ووردبريس ؟

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

سنشرح لك في هذه المقالة كيفية تغيير حجم شعار ووردبريس بسهولة خطوة بخطوة.

قياس شعار ووردبريس

شعار ووردبريس

لماذا تغير حجم الشعار في ووردبريس؟

عند تحميل شعارك على ووردبريس ، فقد لا يكون دائمًا بالحجم المناسب.

الشعار الصغير جدًا لن يبرز. بينما ، الشعار الكبير جدًا يمكن أن يؤثر سلبًا على تصميم موقع الويب الخاص بك.

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

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

تغيير حجم شعار ووردبريس باستخدام أداة تخصيص ووردبريس

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

تحتوي الكثير من القوالب الشائعة مثل Divi و Astra و Ultra وغيرها على أداة مدمجة لتغيير حجم الشعار.

عند تحميل شعارك في ووردبريس ، تسهل هذه القوالب تعديل الشعار باستخدام شريط تمرير بسيط يمكنك استخدامه لضبط العرض والارتفاع.

ملاحظة: سيكون حجم شعارك كبيرًا مثل الصورة التي تحملها ، لذا فأنت تريد التأكد من تحميل صورة شعار أكبر ، إذا كان هدفك هو تكبيرها.

من أجل البرنامج التعليمي ، سنعرض كيفية تغيير شعارك في قالب Divi و Astra و Ultra ، لكن الطريقة مشابهة لمعظم قوالب ووردبريس الشائعة. إذا كان القالب الخاص بك لا يحتوي على هذا الخيار ، فأنت بحاجة إلى استخدام الطريقة 2 أو 3 من هذا المقال.

قم بتغيير حجم شعار ووردبريس في قالب Divi ووردبريس

أولاً ، انتقل إلى  Divi » Theme Customizer وانقر على خيار القائمة” Header & Navigation “.

حدد مخصص موضوع Divi
حدد مخصص موضوع Divi

بعد ذلك ، انقر على خيار القائمة المنسدلة “شريط القوائم الأساسي”.

هنا يمكنك تغيير حجم شعارك.

حدد شريط القائمة الأساسي Divi
حدد شريط القائمة الأساسي Divi

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

بعد ذلك ، يمكنك تغيير إعداد “Logo Max Height” ، وهو نسبة مئوية من إجمالي ارتفاع القائمة.

اضبط ارتفاع الشعار
اضبط ارتفاع الشعار

يمكنك ضبط شريط التمرير “Logo Max Height” لأعلى ولأسفل حتى تجد حجم الشعار المثالي لمدونة ووردبريس الخاصة بك.

تأكد من النقر فوق الزر “نشر” لحفظ التغييرات قبل الخروج من الشاشة.

قم بتغيير حجم شعار ووردبريس في Astra ووردبريس Theme

أول شيء عليك القيام به هو الانتقال إلى Appearance » Customize ثم النقر فوق خيار القائمة” رأس “.

تخصيص موضوع Astra
تخصيص موضوع Astra

بعد ذلك ، انقر على خيار القائمة “Site Identity”.

هنا يمكنك بسهولة ضبط حجم شعارك.

إضغط على هوية الموقع في أسترا
إضغط على هوية الموقع في أسترا

كل ما عليك فعله هو تحريك شريط تمرير “عرض الشعار” إلى اليسار أو اليمين.

يمكنك أن ترى تغيير حجم شعارك تلقائيًا في الوقت الفعلي ، أثناء تحريك شريط التمرير.

شريط تمرير عرض شعار Astra
شريط تمرير عرض شعار Astra

بمجرد أن تصبح راضيًا عن حجم شعارك ، تأكد من النقر فوق “نشر” قبل الخروج من الصفحة.

قم بتغيير حجم شعار ووردبريس في موضوع Ultra ووردبريس

لتخصيص حجم الشعار في قالب Ultra ، انتقل إلىAppearance » Customize ، وانقر على عنصر التنقل” شعار الموقع وسطر الوصف “.

ألترا انقر شعار الموقع والشعار
ألترا انقر شعار الموقع والشعار

بعد ذلك ، انقر على القائمة المنسدلة “شعار الموقع”.

ثم حدد زر الاختيار “صورة الشعار” الذي يظهر.

انقر فوق زر شعار الموقع
انقر فوق زر شعار الموقع

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

يمكنك تغيير العرض بالمربع على اليسار والارتفاع بالصندوق على اليمين.

تغيير ارتفاع وعرض الشعار
تغيير ارتفاع وعرض الشعار

عند إدخال أبعاد جديدة ، ستلاحظ تغيير حجم شعارك في الوقت الفعلي.

بمجرد الانتهاء من تخصيص حجم شعارك ، تأكد من النقر فوق الزر “نشر”.

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

أقسام الموقع :

أحتاج مساعدة في :

شراء استضافة

شراء استضافة

كل ما تحتاجه حول شراء استضافة من أية شركة تجده في هذا المقال

اقرأ المزيد
تحميل ووردبريس

تحميل ووردبريس

كل ما تحتاجه حول تحميل منصة ووردبريس وتنصيبها تجده في هذا المقال

اقرأ المزيد

أكثر المقالات قراءةً :

اترك تعليقاً

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

مقالات ذات صلة