داشتن یک لوگوی حرفهای و قابلنمایش در وبسایت وردپرسی، یکی از مهمترین عوامل برندینگ و اعتماد کاربران است. لوگو نهتنها چهرهی برند شما را نشان میدهد، بلکه در سئو و تجربه کاربری نیز نقش مهمی دارد. در این مقاله از سایتکده Sitekadeh یاد میگیرید چگونه بهصورت ساده و حرفهای لوگو را به سایت وردپرسی خود اضافه کنید.
اکثر قالبهای مدرن وردپرس مانند Astra، OceanWP و GeneratePress امکان افزودن لوگو را بهصورت پیشفرض دارند.
وارد پیشخوان وردپرس (Dashboard) شوید.
به مسیر نمایش ← سفارشیسازی (Customize) بروید.
گزینهی Site Identity (هویت سایت) را انتخاب کنید.
روی Select Logo (انتخاب لوگو) کلیک کنید.
فایل لوگوی خود را از رایانه بارگذاری کنید.
اندازه و مکان لوگو را تنظیم کرده و روی انتشار (Publish) بزنید.
نکته: حتماً برای تصویر لوگو تگ alt تعریف کنید تا موتورهای جستجو بتوانند آن را شناسایی کنند.
مثلاً:
<img src=”logo.png” alt=”لوگوی رسمی Sitekadeh”>
برخی قالبهای ساده یا قدیمی وردپرس ممکن است گزینهی افزودن لوگو نداشته باشند. در این صورت، میتوانید لوگو را با کد در هدر اضافه کنید.
به مسیر نمایش ← ویرایشگر قالب (Theme Editor) بروید و در فایل header.php کد زیر را در محل مناسب قرار دهید:
<a href=”<?php echo home_url(); ?>”>
<img src=”<?php echo get_template_directory_uri(); ?>/images/logo.png” alt=”لوگوی Sitekadeh”>
</a>
🔸 توجه: قبل از هر تغییری، حتماً از فایلهای قالب خود نسخه پشتیبان (Backup) بگیرید.
برای بهترین نمایش در تمام دستگاهها، از ابعاد و فرمتهای زیر استفاده کنید:
| نوع لوگو | اندازه پیشنهادی | فرمت مناسب |
|---|---|---|
| لوگو اصلی سایت | 250 × 80 پیکسل | PNG شفاف |
| لوگو فاوآیکن (Favicon) | 512 × 512 پیکسل | PNG یا ICO |
نام فایل لوگو را به فارسی یا انگلیسی معنیدار انتخاب کنید.
مثال: sitekadeh-logo.png
تگ alt را فراموش نکنید.
این مورد به بهبود سئوی تصاویر کمک میکند.
لوگو را در Schema سایت معرفی کنید.
اگر از افزونههایی مثل Yoast SEO یا Rank Math استفاده میکنید، میتوانید لوگوی برند را در تنظیمات آن ثبت کنید تا در نتایج گوگل نمایش داده شود.
لوگو را در نسخه موبایل بررسی کنید.
بسیاری از قالبها اجازه میدهند نسخه جداگانهای از لوگو برای موبایل تنظیم کنید.
اضافه کردن لوگو به سایت وردپرسی کاری ساده اما بسیار مؤثر است. با رعایت نکات بالا میتوانید هویت بصری برند خود را تقویت کرده و تجربه کاربری سایت تان را ارتقا دهید.
اگر به دنبال آموزش های بیشتر هستید، پیشنهاد میکنیم مقالهی آموزش تغییر هدر در وردپرس را هم درسایتکده Sitekadeh مطالعه کنید.
