نمایش لوگوی همکاران در وردپرس به‌صورت اسلایدر

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

برای این کار از نسخه رایگان Logo Showcase Ultimate کمک می‌گیریم. این افزونه بهتون اجازه می‌ده لوگوها رو به‌شکل اسلایدر، کاروسل یا چیدمان شبکه‌ای نمایش بدید. همه مراحل این صفحه هم بر اساس امکانات رایگان افزونه نوشته شده؛ پس برای ساخت اسلایدر ساده نیازی به خرید نسخه پولی ندارید.

آیا وردپرس اسلایدر لوگو داره؟

ویرایشگر پیش‌فرض وردپرس بلوک تصویر و گالری داره، ولی بلوک جداگانه‌ای برای ساخت اسلایدر لوگوی همکاران در اختیارتون نمی‌ذاره. با بلوک گالری می‌تونید چند لوگو رو ثابت و کنار هم نشون بدید. برای حرکت اسلایدی، پخش خودکار و تعیین تعداد لوگوها در موبایل باید از افزونه یا کدنویسی کمک بگیرید.

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

معرفی افزونه رایگان Logo Showcase Ultimate

Logo Showcase Ultimate یک نسخه رایگان در مخزن رسمی وردپرس داره. با همین نسخه می‌تونید لوگوها رو اضافه کنید، برای هرکدوم لینک بذارید و چیدمان اسلایدی یا شبکه‌ای بسازید. در آخر هم خروجی با بلوک گوتنبرگ یا شورت‌کد داخل صفحه نمایش داده می‌شه. شورت‌کد یک تکه متن کوتاه داخل کروشه هست که افزونه اون رو به اسلایدر تبدیل می‌کنه.

• نمایش لوگوها به‌شکل اسلایدر، کاروسل یا شبکه‌ای
• ساخت چند مجموعه جدا برای لوگوها
• نمایش مناسب در موبایل و تبلت
• تعیین تعداد لوگوها در اندازه‌های مختلف صفحه
• تنظیم حرکت خودکار، سرعت و دکمه‌های جابه‌جایی
• اضافه‌کردن عنوان و لینک به هر لوگو
• نمایش خروجی با بلوک گوتنبرگ یا شورت‌کد

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

آموزش ساخت اسلایدر لوگو در وردپرس

اول وارد پیشخوان وردپرس بشید و مسیر «افزونه‌ها ← افزودن افزونه تازه» رو باز کنید. عبارت «Logo Showcase Ultimate» رو جست‌وجو کنید و افزونه‌ای رو پیدا کنید که سازنده اون wpWax هست. افزونه رو نصب و بعد فعال کنید. اگه اولین باره این کار رو انجام می‌دید، راهنمای نصب افزونه در وردپرس مراحل رو با جزئیات بیشتری بهتون نشون می‌ده.

افزودن لوگوی همکاران

بعد از فعال‌سازی، منوی «Logo Showcase» به پیشخوانتون اضافه می‌شه. وارد این منو بشید و گزینه افزودن لوگوی تازه رو انتخاب کنید. ممکنه اسم بعضی گزینه‌ها با توجه به ترجمه پیشخوان کمی فرق داشته باشه.

1. نام شرکت یا همکار رو داخل کادر عنوان بنویسید.
2. تصویر لوگو رو به‌عنوان تصویر شاخص انتخاب کنید.
3. اگه می‌خواید لوگو قابل کلیک باشه، نشانی کامل صفحه مقصد رو داخل کادر URL بذارید.
4. اگه گزینه بازشدن لینک در برگه تازه رو می‌بینید، می‌تونید اون رو برای لینک سایت‌های دیگه فعال کنید.
5. روی دکمه انتشار بزنید.

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

ساخت اسلایدر با Shortcode Generator

حالا از منوی «Logo Showcase» بخش «Shortcode Generator» رو باز کنید. Shortcode Generator یعنی سازنده شورت‌کد. توی این صفحه ظاهر و نحوه حرکت اسلایدر رو انتخاب می‌کنید و افزونه در پایان یک کد آماده بهتون می‌ده.

1. روی گزینه ساخت شورت‌کد تازه بزنید و یک اسم مشخص براش بنویسید؛ مثلاً «لوگوی همکاران صفحه اصلی».
2. چیدمان Carousel یا Slider رو انتخاب کنید تا لوگوها حرکت اسلایدی داشته باشن.
3. یکی از قالب‌های رایگان رو انتخاب کنید.
4. تعداد لوگوهای قابل‌نمایش در دسکتاپ، تبلت و موبایل رو مشخص کنید.
5. تنظیمات رو ذخیره کنید تا شورت‌کد ساخته بشه.

برای شروع می‌تونید ۵ یا ۶ لوگو در دسکتاپ، ۳ لوگو در تبلت و ۱ یا ۲ لوگو در موبایل نمایش بدید. البته این عدد برای همه سایت‌ها مناسب نیست. پیش‌نمایش صفحه رو باز کنید و تعداد لوگوها رو با اندازه واقعی تصاویرتون هماهنگ کنید.

تنظیم ظاهر و حرکت اسلایدر

در تنظیمات Carousel می‌تونید مشخص کنید اسلایدر چطور حرکت کنه. ممکنه اسم دقیق بعضی گزینه‌ها در نسخه‌های مختلف کمی فرق داشته باشه، ولی معمولاً با این موارد روبه‌رو می‌شید:

• Autoplay: حرکت خودکار لوگوها رو روشن یا خاموش می‌کنه. اگه روشنش کردید، سرعت رو طوری تنظیم کنید که بازدیدکننده برای دیدن هر لوگو وقت کافی داشته باشه.
• Slide Speed: سرعت جابه‌جایی بین اسلایدها رو تعیین می‌کنه.
• Navigation: فلش‌های قبلی و بعدی رو نشون می‌ده.
• Pagination: نقطه‌های پایین اسلایدر رو نشون می‌ده تا بازدیدکننده تعداد بخش‌ها رو ببینه.
• Pause on Hover: وقتی نشانگر ماوس روی اسلایدر قرار می‌گیره، حرکت خودکار رو نگه می‌داره.
• Image Crop: لوگوها رو داخل کادرهایی با اندازه هماهنگ قرار می‌ده.

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

نمایش اسلایدر در برگه یا نوشته

بعد از ذخیره تنظیمات، افزونه یک شورت‌کد بهتون می‌ده. کد رو کامل کپی کنید و برگه یا نوشته دلخواهتون رو با ویرایشگر وردپرس باز کنید. بعد روی علامت «+» بزنید، بلوک «کد کوتاه» رو اضافه کنید و شورت‌کد رو داخلش بچسبونید. حالا صفحه رو به‌روزرسانی کنید.

راه دیگه اینه که از بلوک اختصاصی Logo Showcase Ultimate در ویرایشگر گوتنبرگ وردپرس استفاده کنید. اسم بلوک رو جست‌وجو و اون رو به صفحه اضافه کنید. بعد مجموعه‌ای رو که ساختید انتخاب کنید. اگه بلوک اختصاصی توی ویرایشگرتون درست نمایش داده نشد، می‌تونید از روش ساده و قابل‌اعتماد شورت‌کد استفاده کنید.

نکات مهم برای آماده‌کردن لوگوها

• تا جایی که می‌تونید، همه لوگوها رو داخل کادرهایی هم‌اندازه آماده کنید تا ردیف اسلایدر نامرتب نشه.
• فضای خالی دور لوگوها رو هماهنگ نگه دارید؛ وگرنه بعضی از اون‌ها خیلی کوچک‌تر از بقیه دیده می‌شن.
• از تصاویر واضح استفاده کنید، ولی فایل‌های خیلی سنگین روی سایت نذارید. راهنمای بهینه‌سازی تصاویر سایت بدون افت کیفیت برای این مرحله کمکتون می‌کنه.
• متن جایگزین هر تصویر رو با نام واقعی برند بنویسید تا کسی که تصویر رو نمی‌بینه، متوجه موضوع اون بشه.
• قبل از انتشار لوگوی مشتری یا همکار، اجازه استفاده از اون رو بگیرید.
• بعد از انتشار، همه لینک‌ها و نحوه نمایش اسلایدر در موبایل رو امتحان کنید.

سوالات متداول

جمع‌بندی

خود وردپرس برای نمایش ثابت چند لوگو بلوک گالری داره، ولی اسلایدر مخصوص لوگو به‌صورت پیش‌فرض داخلش نیست. برای نمایش لوگوی همکاران در وردپرس به‌شکل متحرک می‌تونید از نسخه رایگان Logo Showcase Ultimate کمک بگیرید. کافیه لوگوها رو اضافه کنید، با Shortcode Generator یک کاروسل بسازید و خروجی رو با بلوک یا شورت‌کد داخل صفحه بذارید.

در پایان حتماً اسلایدر رو با گوشی هم بررسی کنید و فقط لوگوهایی رو نشون بدید که واقعاً به کسب‌وکارتون مربوط هستن. یک مجموعه کوچک و معتبر معمولاً خیلی بهتر از یک اسلایدر شلوغ اعتماد بازدیدکننده رو جلب می‌کنه.

تیم تولید محتوا

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