چگونه سایز لوگو را در وردپرس تنظیم نماییم؟

[bahram5280 0]

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

آموزش تغییرات ابعاد لوگو در وردپرس

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

 

1- تغییر لوگو سایت سربرگ در وردپرس با استفاده از سفارشی ساز قالب

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

در ابتدا وارد پیشخوان وردپرس خود شوید و سپس از بخش “دیوی” روی گزینه “تنظیمات پوسته” کلیک نمائید. سپس وارد تب ” هدر و ناوبری” شوید.

 

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

 

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

 

حال شما می ‌توانید نوار اسلایدر “حداکثر ارتفاع لوگو ” رابالا و پایین تنظیم کنید تا زمانی که اندازه لوگوی مناسب برای وبلاگ وردپرس خود را پیدا نمائید. در نهایت روی دکمه ذخیره کلیک کنید.

 

2- تغییر اندازه لوگو در وردپرس با ویرایش CSS

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

 

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

 

 

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

 

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

 

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

img.custom-logo {

     max-height: 100px !important;

}

حال در کدنویسی بالا، شما باید کد CSS img.custom-logo را به کلاس CSS که قالب شما استفاده می کند، تغییر دهید. همچنین می توانید حداکثر ارتفاع را به هر اندازه ای که می خواهید سفارشی کنید.

 

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

3- تغییر اندازه لوگو سایت بدون از دست دادن کیفیت با استفاده از افزونه

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

در ابتدا این افزونه را در سایت خود نصب و فعال کنید. برای جزئیات بیشتر، راهنمای گام به گام ما در مورد نحوه نصب افزونه وردپرس را مشاهده نمائید. پس از فعال‌سازی، باید روی دکمه «Proceed to Product Activation» کلیک کنید تا افزونه فعال شود. درست بالای لیست افزونه های نصب شده شما قرار دارد.

 

پس از آن گزینه ای به نام “Customize with CSS Hero” در بالای صفحه و در بخش نوار ابزار شما ظاهر می شود که برای تغییر اندازه لوگو در وردپرس باید روی آن کلیک کنید.

 

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

 

 

سپس روی لوگوی وردپرس خود در بالای صفحه کلیک کنید. پس از آن روی لینک Show Advanced Props کلیک نمائید.

 

سپس، کادر “Measures” را پیدا کنید. در این قسمت گزینه هایی به نام حداکثر عرض و حداکثر ارتفاع را مشاهده خواهید کرد. حال شما می توانید ابعاد آن را به دلخواه خود تغییر دهید.

 

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

 

جمع بندی: چگونه اندازه لوگو سایت را تغییر دهیم؟

لوگو به عنوان مهم ترین قسمت هر نوع سایتی محسوب می شود که باید توجه ویژه ای به آن داشته باشید. در واقع لوگو هویت و اعتبار سایت شناخته می شود که باید به صورت مناسب و در اندازه ای استاندارد در سایت به نمایش گذاشته شود. به همین منظور ما در این مطلب آموزش تغییر اندازه لوگو در وردپرس را با استفاده از 3 روش مختلف در اختیار شما قرار دادیم. امیدوارم این مطلب مورد رضایت شما عزیزان قرار گرفته باشد.

منبع: wpbeginner