0

چگونه می توان اندازه آرم وردپرس خود را تغییر داد (با هر تم کار می کند)

بازدید 2


اخیراً یکی از خوانندگان ما پرسید که آیا امکان تغییر اندازه آرم شما در وردپرس وجود دارد؟

آرم وب سایت شما بخش مهمی از برند شما است. بسته به تم وردپرس که استفاده می کنید ، گاهی اوقات مشخص نیست که چگونه اندازه آرم خود را بزرگ یا کوچک کنید.

در این مقاله ، ما به شما نشان خواهیم داد که چگونه به راحتی گام به گام اندازه آرم وردپرس را تغییر دهید.

نحوه تغییر اندازه آرم وردپرس (با هر موضوعی کار می کند)

چرا باید اندازه آرم را در وردپرس تغییر دهیم؟

وقتی آرم خود را در وردپرس آپلود می کنید ، ممکن است همیشه اندازه مناسبی نداشته باشد.

یک آرم خیلی کوچک برجسته نخواهد بود. در حالی که ، آرم بسیار بزرگ می تواند در نتیجه تأثیر منفی در طراحی وب سایت شما داشته باشد.

اگر در یک سرمایه گذاری کرده اید طراحی آرم سفارشی، سپس می خواهید مطمئن شوید که آرم شما به اندازه مناسب در هدر وب سایت شما ظاهر می شود.

برای کسانی که هنوز در مراحل طراحی آرم هستند ، به انتخاب ما مراجعه کنید بهترین سازندگان آرم رایگان.

همانطور که گفته شد ، ما چند روش مختلف را به شما نشان خواهیم داد که می توانید برای تغییر اندازه آرم در وردپرس استفاده کنید.

روشی که انتخاب می کنید به موضوع وردپرس مورد استفاده شما و میزان راحتی شما با ویرایش کد CSS بستگی دارد.

روش 1. اندازه آرم وردپرس را با WordPress Customizer تغییر دهید

ساده ترین و ساده ترین راه برای تغییر اندازه آرم در وردپرس با استفاده از تم سازنده. با این حال ، این روش فقط در صورتی جواب می دهد که قالب وردپرس شما از آن پشتیبانی کند.

بسیاری از موضوعات محبوب مانند دیوی، آسترا، فوق العاده، و دیگران دارای یک ابزار تعویض اندازه آرم داخلی هستند.

هنگامی که آرم خود را در وردپرس بارگذاری می کنید ، این مضامین تنظیم آرم را با یک نوار لغزنده ساده آسان می کنید که می توانید برای تنظیم عرض و ارتفاع از آن استفاده کنید.

توجه داشته باشید: اندازه آرم شما فقط به اندازه تصویری که بارگذاری می کنید بزرگ خواهد بود ، بنابراین اگر هدف شما بزرگتر کردن آن است ، می خواهید مطمئن شوید که یک تصویر آرم بزرگتر را بارگذاری می کنید.

به خاطر آموزش ، ما نشان خواهیم داد که چگونه آرم شما را در قالب Divi ، Astra و Ultra تغییر دهید ، اما روش برای اکثر موارد مشابه است تم های محبوب وردپرس. اگر موضوع شما این گزینه را ندارد ، پس باید از روش 2 یا 3 این آموزش استفاده کنید.

اندازه آرم وردپرس را در قالب وردپرس Divi تغییر دهید

ابتدا ، به Divi »نرم افزار تم و بر روی گزینه “Header & Navigation” کلیک کنید.

Divi customizer theme را انتخاب کنید

پس از آن ، روی گزینه کشویی “Primary Menu Bar” کلیک کنید.

در اینجا می توانید اندازه آرم خود را تغییر دهید.

نوار منوی اصلی Divi را انتخاب کنید

ابتدا باید تنظیمات “Menu Height” را تنظیم کنید. این ارتفاع کل منوی ناوبری شما را کنترل می کند و مشخص می کند که تا چه اندازه می توانید آرم خود را بسازید.

پس از آن ، می توانید تنظیمات “Logo Max Height” را که درصدی از ارتفاع کل منو است تغییر دهید.

ارتفاع آرم را تنظیم کنید

می توانید نوار لغزنده “Logo Max Height” را به بالا و پایین تنظیم کنید تا اندازه آرم مناسب خود را پیدا کنید وبلاگ وردپرس.

اطمینان حاصل کنید که قبل از خروج از صفحه ، روی دکمه “انتشار” کلیک کنید تا تغییرات شما ذخیره شود.

اندازه آرم وردپرس را در قالب وردپرس Astra تغییر دهید

اولین کاری که باید انجام دهید این است که به آن بروید ظاهر »سفارشی کنید و سپس گزینه “سرصفحه” را کلیک کنید.

تم Astra سفارشی کنید

پس از آن ، روی گزینه فهرست “شناسه سایت” کلیک کنید.

در اینجا می توانید اندازه آرم خود را به راحتی تنظیم کنید.

روی هویت سایت در Astra کلیک کنید

تمام کاری که شما باید انجام دهید این است که نوار لغزنده “عرض آرم” را به سمت چپ یا راست حرکت دهید.

همزمان با حرکت لغزنده ، می توانید به طور خودکار تغییرات اندازه آرم خود را در زمان واقعی مشاهده کنید.

کشویی عرض آرم Astra

هنگامی که از اندازه آرم خود راضی شدید ، قبل از خروج از صفحه ، حتماً روی “انتشار” کلیک کنید.

اندازه آرم وردپرس را در قالب فوق العاده وردپرس تغییر دهید

برای سفارشی کردن اندازه آرم در تم فوق العاده، هدایت به ظاهر »سفارشی کنید، و روی مورد ناوبری “Site Logo & Tagline” کلیک کنید.

با کلیک بر روی لوگو و برچسب سایت

پس از آن بر روی کشویی “Site Logo” کلیک کنید.

سپس ، دکمه رادیویی “Logo Image” را که ظاهر می شود انتخاب کنید.

دکمه آرم سایت با کلیک فوق العاده

اکنون ، می توانید اندازه آرم را با وارد کردن ابعاد جدید در کادرهای سمت راست تصویر آرم خود تغییر دهید. اگر می خواهید تصویر براساس اندازه اصلی مقیاس بندی شود ، فقط ابعاد آرم جدید را در یک جعبه وارد کنید.

می توانید عرض را با جعبه سمت چپ و ارتفاع را با جعبه سمت راست تغییر دهید.

تغییر طول و عرض آرم

با وارد کردن ابعاد جدید ، اندازه آرم خود را در زمان واقعی تغییر می دهید.

پس از اتمام سفارشی سازی اندازه آرم خود ، حتماً بر روی دکمه “انتشار” کلیک کنید.

اگر طرح زمینه شما در بالا برجسته نشده است ، باز هم این احتمال وجود دارد که بتوانید اندازه آرم خود را با استفاده از تنظیم کنید سفارشی ساز وردپرس.

به سادگی به ظاهر »سفارشی کنید در هر موضوعی که استفاده می کنید ببینید گزینه های سفارشی سازی برای آرم یا عنوان شما موجود است.

روش 2. تغییر اندازه آرم وردپرس با ویرایش CSS

اگر قالب وردپرس شما از تغییر اندازه آرم با استفاده از ابزار تنظیم کننده قالب وردپرس پشتیبانی نمی کند ، پس می توانید با افزودن CSS سفارشی اندازه را تغییر دهید.

اولین کاری که باید انجام دهید این است که به صفحه اصلی وب سایت خود بروید.

سپس ، در هر کجای صفحه کلیک راست کرده و گزینه “Inspect” را انتخاب کنید. با این کار یک منوی Inspect ظاهر می شود که تمام کد صفحه را نشان می دهد.

بازرسی را کلیک راست کنید

پس از آن ، باید روی نماد “Select an element” (انتخاب یک عنصر) که مانند نشانگر ماوس است کلیک کنید.

با این کار می توانید عنصر آرم وب سایت خود را انتخاب کرده و کد را مشاهده کنید.

نماد عنصر را انتخاب کنید

در مرحله بعدی ، به سادگی بر روی آرم وب سایت خود حرکت کنید تا زمانی که کلاس CSS ظاهر شود. شبیه تصویر زیر خواهد بود.

شما برای شخصی سازی اندازه آرم وردپرس خود از این کلاس CSS استفاده خواهید کرد. بنابراین ، این را در یک ویرایشگر متن مانند Notepad بنویسید.

کلاس CSS آرم

اکنون می توانید به داشبورد مدیریت وردپرس خود برگردید و به آن بروید ظاهر »سفارشی کنید. شما باید روی گزینه “Additional CSS” کلیک کنید.

این یک کشویی است که در آن می توانید کد CSS سفارشی را اضافه کنید.

CSS اضافی را انتخاب کنید

کافی است کلاس CSS را که قبلا پیدا کرده اید اضافه کنید و ابعاد تصویر جدید را مشخص کنید. می توانید از کد CSS زیر به عنوان مثال استفاده کنید.


img.custom-logo {
     max-height: 100px !important;
}

شما باید تغییر دهید img.custom-logo کلاس CSS بالاتر از کلاس CSS که موضوع شما از آن استفاده می کند.

همچنین می توانید max-height به هر اندازه ای که می خواهید

در اینجا نحوه ظاهری آن در داخل تنظیم کننده وردپرس آورده شده است.

سفارشی ساز اضافی CSS وردپرس

پس از ایجاد تغییرات ، به سادگی بر روی دکمه “انتشار” کلیک کنید تا تغییرات خود را به صورت زنده اعمال کنید.

روش 3. تغییر اندازه آرم وردپرس بدون ویرایش CSS

اگر برای ویرایش فایل های تم یا افزودن CSS سفارشی راحت نیستید ، این روش برای شما مناسب است.

با استفاده از یک پلاگین یک ظاهر طراحی شده در وردپرس ، می توانید تغییرات بصری در سایت خود ایجاد کنید مانند استفاده از صفحه ساز را بکشید و رها کنید.

توصیه می کنیم از آن استفاده کنید قهرمان CSS. این یک افزونه استایلر است که به شما امکان می دهد تقریباً هر سبک CSS را در سایت وردپرس خود ویرایش کنید بدون اینکه یک خط از کد CSS بنویسید.

معامله: خواننده WPBeginner می تواند از طریق ما 34٪ تخفیف دریافت کند کد کوپن CSS Hero.

اولین کاری که باید انجام دهید نصب و فعال سازی افزونه است. برای جزئیات بیشتر ، به راهنمای گام به گام ما مراجعه کنید نحوه نصب افزونه وردپرس.

پس از فعال سازی ، برای فعال سازی افزونه باید روی دکمه “ادامه به فعال سازی محصول” کلیک کنید. درست در بالای لیست افزونه های نصب شده شما قرار دارد.

پلاگین CSS Hero را فعال کنید

با این کار شما به صفحه ای وارد می شوید که می توانید نام کاربری و رمز عبور خود را وارد کنید. نگران نباشید ، دستورالعمل های روی صفحه را دنبال کنید و پس از تأیید حساب ، به سایت خود هدایت می شوید.

پس از آن ، روی “سفارشی کردن با” کلیک کنید قهرمان CSSدکمه ‘در بالای نوار ابزار مدیر وردپرس شما.

با CSS Hero سفارشی کنید

با CSS Hero که در بالای آن قرار دارد ، شما را به وب سایت خود هدایت می کند. CSS Hero از ویرایشگر WYSIWYG (آنچه می بینید همان چیزی است که دریافت می کنید) استفاده می کند.

وقتی روی هر عنصری از صفحه خود کلیک کنید ، یک نوار ابزار در سمت چپ برای سفارشی سازی ظاهر می شود.

پیش نمایش CSS Hero

بعد ، روی آرم وردپرس خود در بالای صفحه کلیک کنید.

پس از آن ، روی پیوند “نمایش Advanced Props” کلیک کنید.

روی نمایش برنام پیشرفته کلیک کنید

این حتی گزینه های سفارشی سازی CSS بیشتری را در اختیار شما قرار می دهد.

سپس جعبه “Measures” را پیدا کنید. در اینجا گزینه هایی به نام ‘Max Width’ و ‘Max Height’ را پیدا خواهید کرد.

می خواهید این موارد را به اندازه تصویر دلخواه تغییر دهید. اگر می خواهید تصویر همان ابعاد را حفظ کند ، فقط ارتفاع یا عرض را تغییر دهید.

عرض و ارتفاع آرم را تعریف کنید

تغییراتی که ایجاد می کنید به طور خودکار در صفحه شما نشان داده می شود.

پس از تغییر اندازه آرم خود ، برای فعال سازی تغییرات خود باید روی “ذخیره و انتشار” کلیک کنید.

امیدواریم این مقاله به شما کمک کند تا اندازه آرم وردپرس خود را تغییر دهید. همچنین ممکن است بخواهید انتخاب های متخصص ما را در این زمینه مشاهده کنید بهترین نرم افزار چت زنده برای مشاغل کوچک و لیست ما از باید دارای افزونه های وردپرس باشد برای وب سایت های تجاری

اگر این مقاله را دوست داشتید ، لطفاً مشترک ما شوید کانال یوتیوب برای آموزش های ویدئویی وردپرس. همچنین می توانید ما را در پیدا کنید توییتر و فیس بوک.

.



منبع اصلی

نظرات کاربران

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*

code

  +  38  =  41