دهکده دانش و فناوری با تمرکز بر فناوری های نو برای رشد و توسعه کسب و کارها راه حلهای نرم افزاری با صرفه اقتصادی ارائه می کند.
[ad_1]
اخیراً یکی از خوانندگان ما پرسید که آیا امکان تغییر اندازه آرم شما در وردپرس وجود دارد؟
آرم وب سایت شما بخش مهمی از برند شما است. بسته به تم وردپرس که استفاده می کنید ، گاهی اوقات مشخص نیست که چگونه اندازه آرم خود را بزرگ یا کوچک کنید.
در این مقاله ، ما به شما نشان خواهیم داد که چگونه به راحتی گام به گام اندازه آرم وردپرس را تغییر دهید.
وقتی آرم خود را در وردپرس آپلود می کنید ، ممکن است همیشه اندازه مناسبی نداشته باشد.
یک آرم خیلی کوچک برجسته نخواهد بود. در حالی که ، آرم بسیار بزرگ می تواند در نتیجه تأثیر منفی در طراحی وب سایت شما داشته باشد.
اگر در یک سرمایه گذاری کرده اید طراحی آرم سفارشی، سپس می خواهید مطمئن شوید که آرم شما به اندازه مناسب در هدر وب سایت شما ظاهر می شود.
برای کسانی که هنوز در مرحله طراحی آرم هستند ، به انتخاب ما مراجعه کنید بهترین سازندگان آرم رایگان.
همانطور که گفته شد ، ما چند روش مختلف را به شما نشان خواهیم داد که می توانید برای تغییر اندازه آرم در وردپرس استفاده کنید.
روشی که انتخاب می کنید به موضوع وردپرس مورد استفاده شما و میزان راحتی شما با ویرایش کد CSS بستگی دارد.
ساده ترین و ساده ترین راه برای تغییر اندازه آرم در وردپرس با استفاده از تم ساز. با این حال ، این روش فقط در صورتی جواب می دهد که قالب وردپرس شما از آن پشتیبانی کند.
بسیاری از موضوعات محبوب مانند دیوی، آسترا، فوق العاده، و دیگران دارای یک ابزار تعویض اندازه آرم داخلی هستند.
هنگامی که آرم خود را در وردپرس بارگذاری می کنید ، این مضامین تنظیم آرم را با یک نوار لغزنده ساده آسان می کنید که می توانید برای تنظیم عرض و ارتفاع از آن استفاده کنید.
توجه داشته باشید: اندازه آرم شما فقط به اندازه تصویری که بارگذاری می کنید بزرگ خواهد بود ، بنابراین اگر هدف شما بزرگتر کردن آن است ، می خواهید مطمئن شوید که یک تصویر آرم بزرگتر را بارگذاری می کنید.
به خاطر آموزش ، ما نشان خواهیم داد که چگونه آرم شما را در قالب Divi ، Astra و Ultra تغییر دهید ، اما روش برای اکثر موارد مشابه است تم های محبوب وردپرس. اگر موضوع شما این گزینه را ندارد ، پس باید از روش 2 یا 3 این آموزش استفاده کنید.
اندازه آرم وردپرس را در قالب وردپرس Divi تغییر دهید
ابتدا ، به Divi »نرم افزار تم و بر روی گزینه “Header & Navigation” کلیک کنید.
پس از آن ، روی گزینه کشویی “Primary Menu Bar” کلیک کنید.
در اینجا می توانید اندازه آرم خود را تغییر دهید.
ابتدا باید تنظیمات “Menu Height” را تنظیم کنید. این ارتفاع کل منوی ناوبری شما را کنترل می کند و مشخص می کند که تا چه اندازه می توانید آرم خود را بسازید.
پس از آن ، می توانید تنظیمات “Logo Max Height” را که درصدی از کل ارتفاع منو است ، تغییر دهید.
می توانید نوار لغزنده “Logo Max Height” را به بالا و پایین تنظیم کنید تا اندازه آرم مناسب خود را پیدا کنید وبلاگ وردپرس.
اطمینان حاصل کنید که قبل از خروج از صفحه ، روی دکمه “انتشار” کلیک کنید تا تغییرات شما ذخیره شود.
اندازه آرم وردپرس را در قالب وردپرس Astra تغییر دهید
اولین کاری که باید انجام دهید این است که به آن بروید ظاهر »سفارشی کنید و سپس گزینه “سرصفحه” را کلیک کنید.
پس از آن ، روی گزینه فهرست “شناسه سایت” کلیک کنید.
در اینجا می توانید اندازه آرم خود را به راحتی تنظیم کنید.
تمام کاری که شما باید انجام دهید این است که نوار لغزنده “عرض آرم” را به سمت چپ یا راست حرکت دهید.
همزمان با حرکت لغزنده ، می توانید به طور خودکار تغییرات اندازه آرم خود را در زمان واقعی مشاهده کنید.
هنگامی که از اندازه آرم خود راضی شدید ، قبل از خروج از صفحه ، حتماً روی “انتشار” کلیک کنید.
اندازه آرم وردپرس را در قالب فوق العاده وردپرس تغییر دهید
برای سفارشی کردن اندازه آرم در تم فوق العاده، هدایت به ظاهر »سفارشی کنید، و روی مورد ناوبری “Site Logo & Tagline” کلیک کنید.
پس از آن بر روی گزینه “Site Logo” کلیک کنید.
سپس ، دکمه رادیویی ‘Logo Image’ را که ظاهر می شود انتخاب کنید.
اکنون ، می توانید اندازه آرم را با وارد کردن ابعاد جدید در کادرهای سمت راست تصویر آرم خود تغییر دهید. اگر می خواهید تصویر براساس اندازه اصلی مقیاس بندی شود ، فقط ابعاد آرم جدید را در یک جعبه وارد کنید.
می توانید عرض را با جعبه سمت چپ و ارتفاع را با جعبه سمت راست تغییر دهید.
با ورود به ابعاد جدید ، اندازه آرم خود را در زمان واقعی تغییر می دهید.
پس از اتمام سفارشی سازی اندازه آرم خود ، حتماً بر روی دکمه “انتشار” کلیک کنید.
اگر طرح زمینه شما در بالا برجسته نشده است ، باز هم این احتمال وجود دارد که بتوانید اندازه آرم خود را با استفاده از تنظیم کنید سفارشی ساز وردپرس.
به سادگی به ظاهر »سفارشی کنید در هر موضوعی که استفاده می کنید ببینید گزینه های سفارشی سازی برای آرم یا عنوان شما موجود است.
اگر قالب وردپرس شما از تغییر اندازه آرم با استفاده از نرم افزار تنظیم کننده قالب وردپرس پشتیبانی نمی کند ، پس می توانید با افزودن CSS سفارشی اندازه را تغییر دهید.
اولین کاری که باید انجام دهید این است که به صفحه اصلی وب سایت خود بروید.
سپس ، در هر کجای صفحه کلیک راست کرده و گزینه “Inspect” را انتخاب کنید. با این کار یک منوی Inspect ظاهر می شود که تمام کد صفحه را نشان می دهد.
پس از آن ، باید روی نماد “Select an element” (انتخاب یک عنصر) که مانند نشانگر ماوس است کلیک کنید.
با این کار می توانید عنصر آرم وب سایت خود را انتخاب کرده و کد را مشاهده کنید.
در مرحله بعدی ، به سادگی بر روی آرم وب سایت خود حرکت کنید تا زمانی که کلاس CSS ظاهر شود. شبیه تصویر زیر خواهد بود.
شما برای شخصی سازی اندازه آرم وردپرس خود از این کلاس CSS استفاده خواهید کرد. بنابراین ، این را در یک ویرایشگر متن مانند Notepad بنویسید.
اکنون می توانید به داشبورد مدیریت وردپرس خود برگردید و به آن بروید ظاهر »سفارشی کنید. شما باید روی گزینه “Additional CSS” کلیک کنید.
این یک کشویی است که در آن می توانید کد CSS سفارشی را اضافه کنید.
کافی است کلاس CSS را که قبلا پیدا کرده اید اضافه کنید و ابعاد تصویر جدید را مشخص کنید. می توانید از کد CSS زیر به عنوان مثال استفاده کنید.
img.custom-logo {
max-height: 100px !important;
}
شما باید تغییر دهید img.custom-logo کلاس CSS بالاتر از کلاس CSS که موضوع شما از آن استفاده می کند.
همچنین می توانید max-height به هر اندازه ای که می خواهید
در اینجا نحوه ظاهری آن در داخل تنظیم کننده وردپرس آورده شده است.
پس از ایجاد تغییرات ، به سادگی بر روی دکمه “انتشار” کلیک کنید تا تغییرات خود را به صورت زنده اعمال کنید.
اگر برای ویرایش فایل های تم یا اضافه کردن CSS سفارشی راحت نیستید ، این روش برای شما مناسب است.
با استفاده از یک پلاگین یک ظاهر طراحی شده در وردپرس ، می توانید تغییرات بصری در سایت خود ایجاد کنید مانند استفاده از صفحه ساز را بکشید و رها کنید.
توصیه می کنیم از آن استفاده کنید قهرمان CSS. این یک افزونه استایلر است که به شما امکان می دهد تقریباً هر سبک CSS را در سایت وردپرس خود ویرایش کنید بدون اینکه یک خط از کد CSS را بنویسید.
معامله: خواننده WPBeginner می تواند از طریق ما 34٪ تخفیف دریافت کند کد کوپن CSS Hero.
اولین کاری که باید انجام دهید نصب و فعال سازی افزونه است. برای جزئیات بیشتر ، به راهنمای گام به گام ما مراجعه کنید نحوه نصب افزونه وردپرس.
پس از فعال سازی ، برای فعال سازی افزونه باید روی دکمه “ادامه به فعال سازی محصول” کلیک کنید. درست در بالای لیست افزونه های نصب شده شما قرار دارد.
با این کار شما به صفحه ای وارد می شوید که می توانید نام کاربری و رمز ورود خود را وارد کنید. نگران نباشید ، دستورالعمل های روی صفحه را دنبال کنید و پس از تأیید حساب خود ، به سایت خود هدایت می شوید.
پس از آن ، روی دکمه ‘Customize with CSS Hero’ در بالای نوار ابزار مدیر وردپرس خود کلیک کنید.
با CSS Hero که در بالای آن قرار دارد ، شما را به وب سایت خود هدایت می کند. CSS Hero از ویرایشگر WYSIWYG (آنچه می بینید همان چیزی است که دریافت می کنید) استفاده می کند.
وقتی روی هر عنصری از صفحه خود کلیک کنید ، یک نوار ابزار در سمت چپ برای سفارشی سازی ظاهر می شود.
بعد ، روی آرم وردپرس خود در بالای صفحه کلیک کنید.
پس از آن ، روی پیوند “نمایش Advanced Props” کلیک کنید.
این حتی گزینه های سفارشی سازی CSS بیشتری را در اختیار شما قرار می دهد.
سپس جعبه “Measures” را پیدا کنید. در اینجا گزینه هایی به نام ‘Max Width’ و ‘Max Height’ پیدا خواهید کرد.
می خواهید این موارد را به اندازه تصویر دلخواه تغییر دهید. اگر می خواهید تصویر همان ابعاد را حفظ کند ، فقط ارتفاع یا عرض را تغییر دهید.
تغییراتی که ایجاد می کنید به طور خودکار در صفحه شما نشان داده می شود.
پس از تغییر اندازه آرم خود ، برای فعال سازی تغییرات خود باید روی “ذخیره و انتشار” کلیک کنید.
امیدواریم این مقاله به شما کمک کند تا اندازه آرم وردپرس خود را تغییر دهید. همچنین ممکن است بخواهید انتخاب های متخصص ما را در این زمینه مشاهده کنید بهترین نرم افزار چت زنده برای مشاغل کوچک و لیست ما از باید دارای افزونه های وردپرس باشد برای وب سایت های تجاری
اگر این مقاله را دوست داشتید ، لطفاً مشترک ما شوید کانال یوتیوب برای آموزش های ویدئویی وردپرس. همچنین می توانید ما را در پیدا کنید توییتر و فیس بوک.
پست نحوه تغییر اندازه آرم وردپرس (با هر تم کار می کند) اولین بار در ظاهر شد WPBeginner.
[ad_2]
تهیه و ترجمه توسط دیتکو لینک منبع خبر
رشد هر کسب و کاری دست یافتنی است، شروع با یک قدم به جلو … دیتکو همراه شماست.
