ساخت اسلایدر واکنشگرا با Soliloquy در وردپرس

بازدید : 53
نویسنده : خانم نوروزی
ساخت اسلایدر واکنشگرا با Soliloquy در وردپرس
4.8 امتیاز از 4 رای
زمان مطالعه : 10 دقیقه
انتشار : ۵ خرداد , ۱۳۹۸
بروزرسانی : ۷ خرداد , ۱۳۹۸
ساخت اسلایدر واکنشگرا با Soliloquy در وردپرس

ایجاد یک اسلایدر واکنشگرا با Soliloquy در وردپرس ، Soliloquy یک افزونه اسلایدر ساز آسان و قدرتمند در وردپرس .

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

اسلایدر واکنشگرا در وردپرس

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

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

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

ویژگی‌های Soliloquy

  1. امکان ایجاد اسلایدر کاملا واکنشگرا : این مهم ترین ویژگی های افزونه این مورد است چرا که تصاویر اسلایدر به خوبی بر روی تبلت و موبایل نشان داده می شوند .
  2. جابجایی اسلایدر ها : شما برای یک بار می توانید اسلایدر های خود را بسازید و هر زمان که خواستید آنها را انتقال دهید .
  3. اسلایدر چند رسانه ای : می توانید اسلایدر های چند رسانه ای را ایجاد کنید و حتی ویدئو را نیز در اسلایدر نمایش دهید .
  4. اسلایدر های نامحدود : می توان هر تعداد اسلایدر را که نیاز دارید را ایجاد کنید و در این زمینه هیچ محدودیتی وجود ندارد .
  5. بهینه سازی شده : این افزونه کنترل کاملی بر روی تمام متا تگ های تصویر در اسلایدر را دارا می باشد .
  6. دارای امنیت و عملکردی بی نظیر : این افزونه با توجه به استفاده از تکنیک های چند گانه بارگذاری پویای آژاکسی ، به عنوان سریعترین افزونه ی اسلایدر وردپرس می باشد و از نظر امنیتی نیز توسط مارک جاکویس ، گسترش دهنده‌ی ارشد وردپرس بررسی شده است و جای هیچ نگرانی نمی باشد .

نصب و راه اندازی افزونه Slider By Soliloquy

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

افزونه Slider By Soliloquy را از اینجا میتوانید دانلود کنید.

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

افزونه ی Soliloquy

Add New

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

ساخت اسلایدر جدید

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

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

بعد از وارد کردن هر یک از تصاویر می توانید مشخصات هر یک را ویرایش کنید برای این کار تنها کافی است بر روی دکمه ی مخصوص ویرایش در سمت راست تصویر کلیک کنید تا وارد بخش ویرایش تصویر شوید .

افزونه ی Soliloquy

بعد از کلیک بر روی دکمه ی ویرایش تصویر ، صفحه ای برای شما باز می شود که شامل گزینه های زیر می باشد :

Title : در بخش Title باید عنوان عکس را وارد کنید .

Alt Text : متن جایگزین تصویر یا همان خاصیت Alt را در این بخش قرار دهید . توجه داشته باشید این بخش برای سئو و بهینه سازی عکس مهم می باشد .

Caption : توضیحاتی را که می خواهید برای تصویر در بخش اسلایدر نمایش داده شود را در این بخش وارد کنید .

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

Open URL in New Window : اگر مایل باشید لینک تصویر در صفحه ای جدید از مرورگر کاربر نشان داده شود باید تیک این گزینه را بزنید .

بعد از انجام تمام تغییرات و تکمیل اطلاعات دکمه ی Save Metadata  را بزنید تا تمام ویرایش ها انجام شده ذخیره شود .

همین روند را می توانید برای هر یک از تصاویری که برای اسلایدر در نظر دارید ، انجام دهید .

سربرگ Config

سربرگ Config از افزونه ی اسلایدر ساز

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

Slider Theme : قالب نمایش اسلایدر را از این بخش تغییر دهید که ما پیشنهاد می کنیم از همان قالب Base استفاده کنید چرا که قالب Classic  به خوبی نمایش داده نمی شود .

Slider Dimensions : ارتفاع و طول اسلایدر را باید در این بخش و به پیکسل وارد کنید .

Slider Transition : افکت های تغییر اسلایدر در این بخش قرار دارد که می توان هر یک را انتخاب کرد . توجه داشته باشید در نسخه ی رایگان افزونه فقط افکت Fade را می توان استفاده نمود .

Slider Transition Duration : مدت زمانی که می خواهید اسلایدر تغییر کند را در این بخش به میلی ثانیه تعیین کنید . به طور مثال اگر ۵۰۰۰ را وارد کنید ۵۰۰۰ میلی ثانیه به معنای این است که در هر ۵ ثانیه یک بار عکس اسلایدر تغییر خواهد کرد .

Slider Transition Speed : سرعت تعویض اسلاید ها را به صورت میلی ثانیه از این بخش مشخص کنید .

Slider Gutter : فاصله ی بین اسلایدر و محتوایی که پایین اسلایدر قرار می گیرد را به پیکسل وارد کنید .

Crop Images in Slider : در صورتی که این گزینه را فعال کنید ، عکس اسلایدر با توجه به ابعادی که وارد کرده اید برش می خورد و پیشنهاد می شود تیک این گزینه را بزنید .

سربرگ Misc

تنظیمات افزونه اسلایدر ساز

Slider Title : عنون اسلایدر را وارد کنید اگر از قبل در بالای صفحه نامی را برای اسلایدر در نظر گرفته اید دیگر نیازی نیست نامی را در این بخش وارد کنید . از این عنوان می توان برای شناسایی اسلایدر استفاده کرد .

Slider Slug : نامک اسلایدر خود را به انگلیسی و بدون هیچ فاصله ای در این قسمت بنویسید . توجه داشته باشید این نامک باید منحصر به فرد و خاص باشد .

Custom Slider Classes : اگر کد هایی را دارید و یا خودتان می خواهید برای بهبود ظاهر اسلایدر کد نویسی کنید ، کد ها را می توانید در این بخش قرار دهید .

Enable RTL Support : برای آنکه گزینه سازگاری بیشتری با زبان فارسی داشته باشد بهتر از تیک این گزینه را بزنید .

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

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

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

از دیگر مزایای افزونه‌ی Soliloquy که میتوان از آنها نیز استفاده کرد و

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

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

با تشکر از همراهی شما عزیزان . موفق باشید .

 

دانلود

دیدگاه بگذارید

avatar
  اشتراک در  
اطلاع از
قالب فروشگاهی دیجی کالا پنل کاربری پیشرفته ووکامرس قالب آموزشی هنرستان برای وردپرسقالب فروشگاهی دیجی کالا

ایمیلت رو وارد کن ، قالب و افزونه جایزه بگیر

Scroll Up
کانال آپارات ما اینستاگرام مبنای وردپرس