تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
تبلیغات
تبلیغات تبلیغات

نمایش لوگو به صورت اسلایدر در وردپرس با افزونه Logo Carousel Slider

افزونه ها , افزونه وردپرس

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

 

نمایش لوگو به صورت اسلایدر در وردپرس با Logo Carousel Slider

Logo Carousel Slider  یک پلاگین عالی برای نمایش لوگوی مشتریان در وردپرس است. این افزونه وردپرس ۱۰۰٪ ریسپانسیو است که تمامی لوگوها را در همه دستگاه ها (PC، Mobile، Tablet و غیره) با ظاهر منظم و چینشی مناسب به نمایش در می آید.

 

ویژگی های این افزونه

 

نمایش لوگو به صورت اسلایدر در وردپرس با افزونه Logo Carousel Slider

 

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

 

شروع کار

در ابتدا افزونه Logo Carousel Slider را برای نمایش لوگو به صورت اسلایدر در وردپرس دریافت نموده و از پنل مدیریتی وردپرس به قسمت افزونه ها >> افزودن رجوع کرده و اقدام به نصب و فعال سازی افزونه میکنیم. بعد از نصب این افزونه در پنل مدیریتی بخشی با عنوان Logo Carousel  برای نمایش اسلایدر لوگو در وردپرس ایجاد می شود که دارای چهار زیر منوی اصلی به شرح زیر است:

 

نمایش لوگو به صورت اسلایدر در وردپرس با افزونه Logo Carousel Slider

  • All Logos: نمایش لیستی از تمامی لوگوهایی که تنظیم کرده اید. (همراه با امکان ویرایش و حذف آن ها)
  • Add New Logo: امکان افزودن لوگوها و تصاویر جدید به اسلایدر
  • Settings: تنظیمات مربوط به نمایش لوگو به صورت اسلایدر در وردپرس در مرحله نهایی
  • Shortcode Generator: مشاهده ویژگی های افزونه

 

مراحل طراحی اسلایدر لوگو در وردپرس

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

 

نمایش لوگو به صورت اسلایدر در وردپرس با افزونه Logo Carousel Slider

 

  • عنوان مورد نظر خود را وارد کنید .
  • تصویری که تمایل دارید در قسمت اسلایدر مشاهده کنید را در بخش تصویر شاخص قرار دهید.
  • در کادر url  همان آدرسی را وارد کنید که تمایل دارید کاربر پس از کلیک بر روی لوگو به آن هدایت شود. در صورت وارد نکردن آدرس دراین کادر، لینکی به لوگوی جاری اختصاص داده نمی شود.(اختیاری)
  •  در نهایت بر روی دکمه انتشار کلیک کنید.

نکته: برای تمامی لوگوهای خود این مرحله را انجام دهید تا به افزونه معرفی شوند.

 

مرحله دوم: اعمال تنظیمات اسلایدر لوگو در وردپرس

بعد از معرفی کردن تصاویر باید تنظیمات پیکربندی اسلایدر را اعمال کنید. برای این منظور به  مسیر Logo Carousel و زیر منوی settings رجوع کنید.

 

نمایش لوگو به صورت اسلایدر در وردپرس با افزونه Logo Carousel Slider

 

در سربرگ General Settings تنظیمات زیر را اعمال کنید:

  • Display Navigation Arrows: نمایش فلش های حرکت به چپ و راست
  • Navigation Arrows Position: مکان قرار گیری فلش ها (به صورت پیش فرض دربالا سمت راست است.)
  • Display Logo Title: نمایش عنوان مربوط به هر لوگو
  • Display Logo Border: نمایش کادر در اطراف لوگو
  • Logo Hover Effect: فعال سازی قابلیت هاور برای هر لوگو (عکس العمل به ماوس)
  • Image Crop: کراپ تصویر (برای داشتن ظاهر منظم تر و سایز مناسب)
  • Image Cropping Width: سایز مربوط به پهنای هر تصویر
  • Image Cropping height: ارتفاع مربوط به هر تصویر
  • Items: تعداد آیتم های قابل نمایش در اسلایدر در هر لحظه
  • Pagination: امکان صفحه بندی اسلایدر

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

 

مرحله سوم: قرار دادن شورت کد نمایش اسلایدر در برگه یا نوشته

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

 

برای این منظور میتوانید از شورت کد زیر کمک بگیرید:

[logo_carousel_slider]

 

نمایش لوگو به صورت اسلایدر در وردپرس با افزونه Logo Carousel Slider

 

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

 

نمایش لوگو به صورت اسلایدر در وردپرس با افزونه Logo Carousel Slider

 

موفق باشید.

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 5 / 5. تعداد رای : 1

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود نسخه : 2.0

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
نحوه استفاده

کافیست افزونه را در مسیر wp-content/plugins آپلود کنید و سپس از بخش مدیریت افزونه ها آن را فعال نمایید.

مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 افزونه ها , افزونه وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=31934
کلمات کلیدی پست :
مطالب مرتبط
27,276افزونه بهینه سازی دیتابیس وردپرس WP Optimize Premium تاریخ : 2021/12/5
4,984محافظت از آدرس ایمیل وردپرس با افزونه Email Encoder Bundle تاریخ : 2018/03/29
4,396حذف عنوان ابزارک ها در وردپرس با افزونه Remove Widget Titles تاریخ : 2019/01/8
14,337افزونه وردپرس سایدبار و ابزارک سفارشی Sidebar & Widget Manager نسخه 3.17 تاریخ : 2016/02/27
9,939افزایش سرعت بارگذاری سایت با افزونه WP Fastest Cache تاریخ : 2016/07/14
7,027افزونه ارزیابی و بهینه سازی برچسب ها Meta Tags Optimization تاریخ : 2014/08/21
7,363افزونه نمایش آمارگیر گوگل در پیشخوان وردپرس تاریخ : 2015/11/15
6,132سفارشی سازی پیشخوان وردپرس با افزونه WP Admin UI Customize تاریخ : 2019/06/27
7,164آپلود فایل های وردپرس در DropBox با افزونه BOXIT نسخه 2.5.4 تاریخ : 2014/12/14
7,968افزونه هوشمند فشرده سازی تصاویر وردپرس تاریخ : 2016/10/18
6,124افزونه ایجاد کوپن تخفیف هوشمند در ووکامرس Woocommerce Smart Coupons تاریخ : 2019/04/22
12,220ایجاد پاپ آپ ورود و ثبت نام در وردپرس با افزونه CSH Login تاریخ : 2018/09/24
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
سئو سایت
تبلیغات