طراحی و بهینه سازیمشاهده

هاست

افزونه اسلایدر واکنش گرا برای وردپرس Image Slider

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

یکی از موارد بسیار مهم در سئو سایت و رتبه‌بندی سایت‌ها واکنش‌گرایی یا ریسپانسیو بودن یک سایت است. وبسایت ریسپانسیو به سایتی گفته می‌شود که کاربرانی که با دستگاه‌های جانبی مختلف از سایت بازدید می‌کنند سایت را به طور کامل و بدون مشکل مشاهده کنند که این مورد تاثیر به سزایی در رتبه‌بندی سایت شما خواهد داشت و بر اساس الگوریتم‌های اخیر گوگل این مورد اهمیت بسیار زیادی دارد.

 

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

 

افزونه اسلایدر واکنش گرا Image Slider :

افزونه slider image یکی از برترین افزونه‌های موجود در زمینه ایجاد انواع اسلایدر در وردپرس می‌باشد که توسط آن قادر به ایجاد انواع اسلایدر ریسپانسیو در سایت وردپرسی خود خواهید بود. این افزونه توانسته است از میان +۱۰۰,۰۰۰ نصب خود امتیاز ۴/۴ از ۵ را به خود اختصاص دهد که نشان از کاربردی بودن افزونه و رضایت حداکثری کاربران از افزونه می‌باشد.

 

افزونه اسلایدر واکنش گرا برای وردپرس Image Slider

 

نصب و راه‌اندازی افزونه slider image :

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

 

پس از نصب و فعال‌سازی افزونه بخشی در پیشخوان وردپرس به نام Huge It slider مشاهده می‌شود که برای ایجاد اسلایدر باید وارد این بخش شوید.

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

 

افزونه اسلایدر واکنش گرا برای وردپرس Image Slider

 

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

 

افزونه اسلایدر واکنش گرا برای وردپرس Image Slider

 

با کلیک بر روی Add image slider باید تعدادی تصویر را جهت نمایش در بخش اسلایدر انتخاب کنید. پس از انتخاب تصاویر تنظیمات مربوط به متن تصاویر و توضیحات آنها را باید وارد کنید تا با همان مشخصات در سایت نمایش داده شوند.

 

  • Title: این بخش مربوط به عنوان تصویر می‌باشد که بر روی تصویر یا در کنار آن بر اساس تنظیمات اعمال شده در همین صفحه نمایش داده می‌شود.
  • Description: در این بخش باید توضیحات مربوط به تصاویر خود را نمایید تا بر روی تصویر اسلایدر نمایش داده شود.
  • URL: در اسلایدرها کاربران در هنگام کلیک بر روی تصویر وارد صفحه مربوط به آن می‌شوند؛ اگر نیاز دارید که کاربران با کلیک بر روی تصویر اسلایدر به صفحه‌ای ارجاع داده شوند لینک آن صفحه را در این بخش وارد کنید.
  • Open in new tab: اگر نیاز دارید لینک صفحه وارد شده برای ارجاع را در صفحه جدید مرورگر کاربران باز کنید، این گزینه را تیک بزنید.
  • Current Slider Options :این بخش مربوط به تنظیمات و استایل نمایشی اسلایدر در سایت می‌باشد که متناسب با نیاز خود باید این بخش را تکمیل نمایید.

 

افزونه اسلایدر واکنش گرا برای وردپرس Image Slider

 

  • Width: این گزینه مربوط به عرض اسلایدر ایجاد شده است که متناسب با مکان اسلایدر باید آن را تنظیم کنید؛ در هنگام بازدید کاربران با استفاده از دستگاه‌های جانبی نظیر موبایل سایز اسلایدر برای نمایش ریسپانسیو به صورت متناسب کاهش می‌یابد تا کیفیت تصویر پایین نیاید.
  • Height: این گزینه مربوط به ارتفاع اسلایدر ایجاد شده است که متناسب با مکان اسلایدر باید آن را تنظیم کنید
  • Views: این گزینه مربوط به نحوه نمایش اسلایدر موجود در سایت شما می‌باشد.
  • Effects: این گزینه مربوط به نوع افکت نمایشی و انیمیشنی مورد استفاده بر روی اسلایدر سایت شما برای نمایش تصاویر می‌باشد.
  • Pause Time: این گزینه مربوط به زمان توقف تصاویر اسلایدر می‌باشد و بر حسب میلی ثانیه می‌باشد.
  • Change Speed: این گزینه مربوط به زمان تغییر تصویر قبلی تا تصویر بعدی اسلایدر می‌باشد که بر حسب میلی ثانیه است.
  • Slider Position: مکان نمای شاسلایدر را انتخاب کنید! توسط این گزینه می‌توانید مشخص کنید اسلایدر در سمت راست، وسط یا سمت چپ قرار بگیرد.
  • Loading Icon: نوع آیکن بارگذاری برای نمایش تصاویر را مشخص کنید.
  • Navigate By: نوع صفحه بندی برای نمایش تصاویر اسلایدر را مشخص کنید.
  • Pause on Hover: با انتخاب این گزینه در صورتی که کاربران موس خود را بر روی تصاویر ببرند تصویر متوقف می‌شود و تصویر بعدی نمایش داده نمی‌شود.
  • Video Autoplay: در صورت استفاده از نسخه حرفه‌ای افزونه با انتخاب این گزینه در صورت استفاده از ویدئو‌ها در اسلایدر، ویدئو به صورت خودکار در سایت پلی می‌شود.
  • Random: با اتنخاب این گزینه تصاویر اسلایدر به صورت کاملا تصادفی نمایش داده می‌شود.
  • Lightbox: نوع لایت باکس مربوط به اسلایدر خود را انتخاب کنید.
  • Slide Effect: نوع افکت انمیشنی اسلایدر خود را انتخاب نمایید.
  • Open/Close Effect: نحوه باز و بسته شدن اسلایدر و تصاویر موجود در آن را مشخص کنید.

موفق باشید


به کانال تلگرام بیست اسکریپت بپیوندید !

دانلود نسخه : 4.0.6
.

نحوه استفاده

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

مطلب مفیدی بود ؟
نویسنده : admin تاریخ : 1396/08/3 0 افزونه ها , افزونه وردپرس

لینک کوتاه مطلب : http://www.20script.ir/?p=28558

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
2,300افزونه فارسی مزایده در ووکامرس تاریخ : 1395/10/8
5,392افزونه وردپرس طراحی فوتر دلخواه و هوشمند Smart Footer System تاریخ : 1396/06/30
10,534افزونه رزرو وقت ملاقات بوکد فارسی Booked نسخه 2.0.6 تاریخ : 1396/08/9
1,755افزونه درون ریزی در وردپرس WordPress Importer تاریخ : 1394/11/27
372دریافت اسکرین شات بصورت خودکار در وردپرس با افزونه Browser Shots تاریخ : 1396/10/16
1,969افزونه وردپرس مترجم وب سایت Ajax Translator تاریخ : 1394/04/9
1,228سازنده ی نوشته یا برگه در وردپرس با افزونه Quick Bulk Post/Page Creator تاریخ : 1396/02/28
4,946افزونه زیبا ساز مدیریت وردپرس WPShapere تاریخ : 1394/02/31
228مرتب سازی برگه های وردپرس با افزونه Simple Page Ordering تاریخ : 1396/10/3
2,746چت و گفتگوی آنلاین با مشتریان در وردپرس با افزونه iSupport تاریخ : 1394/07/3
12,339افزونه تماس باما حرفه ای با Ultimate Contact Page برای وردپرس تاریخ : 1393/11/1
9,390اسکریپت آسان پرداخت پارس پال بهمراه قالب جدید تاریخ : 1393/05/29
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب