سأل أحد قرائنا مؤخرًا عما إذا كان من الممكن تغيير حجم شعارك في ووردبريس؟
يعد شعار موقع الويب الخاص بك جزءًا مهمًا من علامتك التجارية. اعتمادًا على سمة ووردبريس التي تستخدمها ، في بعض الأحيان لا يكون من الواضح كيفية تغيير حجم شعارك لجعله أكبر أو أصغر.
في هذه المقالة ، سنوضح لك كيفية تغيير حجم شعار ووردبريس بسهولة ، خطوة بخطوة.
كيفية تغيير حجم شعار ووردبريس الخاص بك (يعمل مع أي سمة)
عند تحميل شعارك على ووردبريس ، فقد لا يكون دائمًا بالحجم المناسب.
الشعار الصغير جدًا لن يبرز. بينما ، الشعار الكبير جدًا يمكن أن يؤثر سلبًا على تصميم موقع الويب الخاص بك.
إذا كنت قد استثمرت في تصميم شعار مخصص ، فأنت تريد التأكد من ظهور شعارك بالحجم المناسب في رأس موقع الويب الخاص بك.
لأولئك الذين ما زالوا في عملية تصميم الشعار ، اطلع على اختياراتنا لأفضل أدوات إنشاء الشعارات المجانية .
ومع ذلك ، سنعرض لك بعض الطرق المختلفة التي يمكنك استخدامها لتغيير حجم الشعار في ووردبريس.
ستعتمد الطريقة التي تختارها على سمة ووردبريس التي تستخدمها ومستوى راحتك في تحرير كود CSS.
قم بتغيير حجم شعار ووردبريس باستخدام أداة تخصيص ووردبريس
قم بتغيير حجم شعار ووردبريس عن طريق تحرير كود CSS
قم بتغيير حجم شعار ووردبريس بدون تعديل كود CSS
إن أبسط وأسهل طريقة لتغيير حجم الشعار في ووردبريس هي باستخدام أداة تخصيص السمات . ومع ذلك ، لا تعمل هذه الطريقة إلا إذا كان موضوع ووردبريس الخاص بك يدعمها.
تحتوي الكثير من السمات الشائعة مثل Divi و Astra و Ultra وغيرها على أداة مدمجة لتغيير حجم الشعار.
عندما تقوم بتحميل شعارك في ووردبريس ، فإن هذه السمات تجعل من السهل ضبط الشعار باستخدام شريط تمرير بسيط يمكنك استخدامه لضبط العرض والارتفاع.
ملاحظة: سيكون حجم شعارك بحجم الصورة التي تحمّلها فقط ، لذا فأنت تريد التأكد من تحميل صورة شعار أكبر ، إذا كان هدفك هو تكبيرها.
من أجل البرنامج التعليمي ، سنعرض كيفية تغيير شعارك في سمة Divi و Astra و Ultra ، لكن الطريقة مشابهة لمعظم سمات ووردبريس الشائعة . إذا كان الموضوع الخاص بك لا يحتوي على هذا الخيار ، فأنت بحاجة إلى استخدام الطريقة 2 أو 3 من هذا البرنامج التعليمي.
أولاً ، انتقل إلى Divi »Theme Customizer وانقر فوق خيار القائمة” Header & Navigation “.
حدد مخصص موضوع Divi
بعد ذلك ، انقر على خيار القائمة المنسدلة “Primary Menu Bar”.
هنا يمكنك تغيير حجم شعارك.
حدد شريط القائمة الأساسي Divi
أولاً ، تحتاج إلى ضبط إعداد “ارتفاع القائمة”. يتحكم هذا في ارتفاع قائمة التنقل بأكملها وسيحدد حجم شعارك.
بعد ذلك ، يمكنك تغيير إعداد “الشعار الأقصى للارتفاع” ، وهو نسبة مئوية من إجمالي ارتفاع القائمة.
اضبط ارتفاع الشعار
يمكنك ضبط شريط التمرير “Logo Max Height” لأعلى ولأسفل حتى تجد حجم الشعار المثالي لمدونة ووردبريس الخاصة بك .
تأكد من النقر فوق الزر “نشر” لحفظ التغييرات قبل الخروج من الشاشة.
أول شيء عليك القيام به هو الانتقال إلى المظهر »تخصيص ثم النقر فوق خيار القائمة” رأس “.
تخصيص موضوع Astra
بعد ذلك ، انقر فوق خيار القائمة “Site Identity”.
هنا يمكنك بسهولة ضبط حجم شعارك.
إضغط على هوية الموقع في أسترا
كل ما عليك فعله هو تحريك شريط تمرير “عرض الشعار” إلى اليسار أو اليمين.
يمكنك أن ترى تغيير حجم شعارك تلقائيًا في الوقت الفعلي ، أثناء تحريك شريط التمرير.
شريط تمرير عرض شعار Astra
بمجرد أن تشعر بالرضا عن حجم شعارك ، تأكد من النقر فوق “نشر” قبل الخروج من الصفحة.
لتخصيص حجم الشعار في سمة Ultra ، انتقل إلى المظهر »تخصيص ، وانقر فوق عنصر التنقل” شعار الموقع وسطر الوصف “.
انقر فوق شعار الموقع وشعاره
بعد ذلك ، انقر فوق القائمة المنسدلة “شعار الموقع”.
ثم حدد زر الاختيار “صورة الشعار” الذي يظهر.
انقر فوق زر شعار الموقع
الآن ، يمكنك تغيير حجم الشعار عن طريق إدخال أبعاد جديدة في المربعات الموجودة على يمين صورة الشعار. إذا كنت تريد تغيير حجم الصورة بناءً على الحجم الأصلي ، فقم بإدخال أبعاد الشعار الجديدة فقط في مربع واحد.
يمكنك تغيير العرض بالمربع على اليسار والارتفاع بالصندوق على اليمين.
تغيير ارتفاع وعرض الشعار
عند إدخال أبعاد جديدة ، ستلاحظ تغيير حجم شعارك في الوقت الفعلي.
بمجرد الانتهاء من تخصيص حجم شعارك ، تأكد من النقر فوق الزر “نشر”.
إذا لم يتم تمييز المظهر الخاص بك أعلاه ، فلا تزال هناك فرصة لتخصيص حجم شعارك باستخدام أداة تخصيص ووردبريس .
ما عليك سوى الانتقال إلى المظهر »تخصيص على أي موضوع تستخدمه ومعرفة خيارات التخصيص المتاحة لشعارك أو رأسك.
إذا كان قالب ووردبريس الخاص بك لا يدعم تغيير حجم الشعار باستخدام أداة تخصيص سمة ووردبريس ، فيمكنك تغيير الحجم عن طريق إضافة CSS مخصص.
أول شيء عليك القيام به هو الانتقال إلى الصفحة الرئيسية لموقع الويب الخاص بك.
ثم ، انقر بزر الماوس الأيمن في أي مكان بالصفحة وحدد خيار “فحص”. سيؤدي هذا إلى إظهار قائمة فحص تعرض كل التعليمات البرمجية للصفحة.
انقر بزر الماوس الأيمن فوق فحص
بعد ذلك ، تحتاج إلى النقر فوق رمز “تحديد عنصر” الذي يشبه مؤشر الماوس.
سيتيح لك ذلك تحديد عنصر الشعار لموقع الويب الخاص بك وعرض الكود.
انقر فوق رمز تحديد عنصر
بعد ذلك ، قم ببساطة بالمرور فوق شعار موقع الويب الخاص بك حتى تنبثق فئة CSS. سيبدو مشابهًا للصورة أدناه.
ستستخدم فئة CSS هذه لتخصيص حجم شعار ووردبريس الخاص بك. لذا ، اكتب هذا في محرر نصوص مثل المفكرة.
فئة شعار CSS
يمكنك الآن العودة إلى لوحة تحكم مسؤول ووردبريس الخاصة بك والانتقال إلى المظهر »تخصيص . تحتاج إلى النقر فوق خيار قائمة “CSS إضافية”.
سيظهر هذا قائمة منسدلة حيث يمكنك إضافة كود CSS مخصص.
حدد CSS إضافية
ما عليك سوى إضافة فئة CSS التي وجدتها سابقًا وتحديد أبعاد الصورة الجديدة. يمكنك استخدام كود CSS أدناه كمثال.
img.custom-logo {
max-height: 100px !important;
}تحتاج إلى تغيير img.custom-logoفئة CSS أعلاه إلى فئة CSS التي يستخدمها قالبك.
يمكنك أيضًا تغيير max-heightالحجم إلى أي حجم تريده.
إليك كيف يبدو داخل أداة تخصيص ووردبريس.
أداة تخصيص CSS ووردبريس إضافية
بمجرد إجراء التغييرات ، ما عليك سوى النقر فوق الزر “نشر” لجعل التغييرات مباشرة.
إذا لم تكن مرتاحًا لتحرير ملفات السمات أو إضافة CSS مخصصة ، فهذه الطريقة مناسبة لك.
باستخدام مكون إضافي لتصميم ووردبريس ، يمكنك إجراء تغييرات مرئية على موقعك تشبه استخدام أداة إنشاء صفحات السحب والإفلات .
نوصي باستخدام CSS Hero . إنه مكون إضافي مصمم يتيح لك تحرير كل نمط CSS تقريبًا على موقع ووردبريس الخاص بك دون كتابة سطر واحد من كود CSS.
الصفقة: يمكن لقارئ WPBeginner الحصول على خصم 34٪ من خلال رمز كوبون CSS Hero الخاص بنا .
أول شيء عليك القيام به هو تثبيت البرنامج المساعد وتنشيطه. لمزيد من التفاصيل ، راجع دليلنا خطوة بخطوة حول كيفية تثبيت مكون ووردبريس الإضافي .
عند التنشيط ، تحتاج إلى النقر فوق الزر “المتابعة إلى تنشيط المنتج” لتنشيط المكون الإضافي. إنه موجود مباشرة فوق قائمة المكونات الإضافية المثبتة.
تفعيل البرنامج المساعد CSS Hero
سينقلك هذا إلى شاشة حيث يمكنك إدخال اسم المستخدم وكلمة المرور. ما عليك سوى اتباع التعليمات التي تظهر على الشاشة ، وسيتم إعادة توجيهك مرة أخرى إلى موقعك بمجرد التحقق من حسابك.
بعد ذلك ، انقر فوق الزر “Customize with CSS Hero” أعلى شريط أدوات مسؤول ووردبريس.
تخصيص مع CSS Hero
سينقلك هذا إلى موقع الويب الخاص بك مع تشغيل CSS Hero فوقه. يستخدم CSS Hero محرر WYSIWYG (ما تراه هو ما تحصل عليه).
عند النقر فوق أي عنصر في صفحتك ، سيظهر شريط أدوات على اليسار لإجراء التخصيصات.
معاينة CSS Hero
بعد ذلك ، انقر فوق شعار ووردبريس الخاص بك في الجزء العلوي من الصفحة.
بعد ذلك ، انقر على رابط “إظهار الأدوات المتقدمة”.
انقر فوق إظهار الدعائم المتقدمة
يمنحك هذا المزيد من خيارات تخصيص CSS.
ثم حدد موقع مربع “التدابير”. ستجد هنا خيارات تسمى “أقصى عرض” و “أقصى ارتفاع”.
تريد تغييرها إلى حجم الصورة الذي تفضله. إذا كنت تريد أن تحتفظ الصورة بنفس الأبعاد ، فقم فقط بتغيير الارتفاع أو العرض.
تحديد عرض الشعار وارتفاعه
ستظهر التغييرات التي تجريها تلقائيًا على صفحتك.
بمجرد الانتهاء من تغيير حجم شعارك ، ستحتاج إلى النقر فوق “حفظ ونشر” لجعل التغييرات مباشرة.
نأمل أن تساعدك هذه المقالة في تغيير حجم شعار ووردبريس الخاص بك. قد ترغب أيضًا في رؤية اختيارات الخبراء لدينا لأفضل برامج الدردشة الحية للشركات الصغيرة ، وقائمتنا التي يجب أن تحتوي على مكونات ووردبريس الإضافية لمواقع الأعمال.
نأمل أن تساعدك هذه المقالة في تعلم كيفية تغيير نظام ألوان الادمن في الووردبريس. قد ترغب أيضًا في رؤية مختارات حول الإضافات (بلجن) في الووردبريس ودليلنا حول كيفية اختيار أفضل شركات حجز النطاقات والاستضافات وكيفية التعامل معها.
إذا أعجبك هذا المقال ، فيرجى الاشتراك في قناتنا على اليوتيوب لدروس فيديو في الووردبريس. ويمكنك أيضًا أن تجدنا على فيسبوك وتويتير وانستجرام وتيكتوك، لطفاً لا تنسى متابعتنا، فنحن نسعد برؤيتك..
