خانه / افزونه وردپرس / آموزش افزونه Nivo Slider و ساخت اسلایدرهای زیبا در وردپرس

آموزش افزونه Nivo Slider و ساخت اسلایدرهای زیبا در وردپرس

آموزش افزونه Nivo Slider

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

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

در چند سال گذشته اسلایدرها برای سایت های e-commerce نیز اهمیت زیادی پیدا کرده اند. افزونه های اسلایدر با قابلیت نمایش محصولات شاخص و ارتقاء معاملات ویژه همچنان به رشد و شکوفایی خود ادامه می دهند.

افزونه Nivo Slider یکی از بهترین افزونه های اسلایدر وردپرس است که نه تنها سرعت بالایی دارد بلکه امکان پیکربندی تنظیمات مختلفی مانند اندازه اسلایدر، سرعت انیمیشن، زمان متوقف شدن بر روی هر اسلاید، امکان نمایش/عدم نمایش پیکان های ناوبری و بسیاری موارد دیگر را دارد. همچنین افزونه Nivo Slider Pro راهی آسان و جذاب برای نمایش محتواهای شاخص ارائه می دهد.

در این آموزش افزونه Nivo Slider را مورد بررسی قرار داده و نحوه ساخت اسلایدر با این افزونه را توضیح خواهیم داد.

آموزش افزونه Nivo Slider و ساخت اسلایدرهای زیبا در وردپرس

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

بعد از اینکه افزونه نصب شد آن را فعال کنید. پس از فعال سازی افزونه منوی جدیدی به نام Nivo Slider در پیشخوان وردپرس اضافه خواهد شد.

آموزش افزونه Nivo Slider

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

آموزش افزونه Nivo Slider

در این صفحه تمام اسلایدرهایی که با افزونه Nivo ساخته شده است نشان داده می شود. در شکل بالا چون از قبل اسلایدری ساخته نشده است این صفحه خالی است.

قبل از اینکه اولین اسلایدر خود را با افزونه Nivo Slider بسازید باید تنظیمات آن را پیکربندی کنید. برای این کار در پیشخوان وردپرس به مسیر Nivo Slider » Settings بروید. صفحه ای مشابه شکل زیر مشاهده خواهید کرد.

آموزش افزونه Nivo Slider

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

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

حال در ادامه آموزش نحوه ساخت اسلایدر با استفاده از افزونه Nivo Slider را توضیح خواهیم داد.

برای ساخت اولین اسلایدر با استفاده از افزونه Nivo Slider در پیشخوان وردپرس به مسیر Nivo Slider » Add new Slider بروید یا در زیرمنوی All Nivo Sliders روی دکمه Add new Slider در بالای صفحه کلیک کنید. صفحه ی ساخت اسلایدر به صورت شکل زیر باز می شود. در این صفحه می توانید اسلایدها و افکت های اسلایدر را بسازید.

آموزش افزونه Nivo Slider

ابتدا یک عنوان برای اسلایدر خود انتخاب کنید.

سپس روی دکمه Configure کلیک کنید. با کلیک بر روی این دکمه کتابخانه پیش فرض وردپرس باز می شود. در این صفحه با کلیک کردن بر روی دکمه “گزینش پرونده ها” می توانید تصاویر مورد نظر خود را اضافه کنید.

آموزش افزونه Nivo Slider

پس از اضافه کردن تصاویر روی دکمه Save Nivo slider کلیک کنید.

قسمت پایین صفحه به تنظیمات اسلایدر ساخته شده با افزونه Nivo Slider اختصاص دارد که در ادامه آموزش به بررسی قسمت های مختلف آن می پردازیم.

آموزش افزونه Nivo Slider

Nivo slider Type: از پنجره کشویی این قسمت می توانید نوع اسلایدر خود را انتخاب کنید. در نسخه رایگان افزونه تنها گزینه manual قابل انتخاب است. با انتخاب این گزینه تصاویر باید به صورت دستی آپلود شوند.

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

Slider Sizing: در پنجره کشویی این قسمت می توانید اسلایدرها را به صورت رسپانسیو انتخاب کنید یعنی با تغییر اندازه صفحه اندازه آنها تغییر کند یا اندازه ثابتی داشته باشند. اسلایدرهای رسپانسیو عرض Container (قسمتی که برای نمایش تصویر اختصاص داده اید) را پر خواهند کرد و عرض آنها مطابق با عرض صفحه نمایش دستگاه کاربر خواهد بود. بهتر است responsive را برای این گزینه انتخاب کنید.

Image Size: در این قسمت می توانید عرض تصویر را از کتابخانه رسانه وردپرس انتخاب کنید. بهتر است این گزینه را در حالت Full قرار دهید.

Slider Theme: اگر می خواهید از یک قالب پیش فرض افزونه Nivo Slider استفاده کنید یا استایل خودتان را ایجاد کنید در این قسمت می توانید گزینه مورد نظر خود را انتخاب کنید.

Transition Effect: در این قسمت می توانید افکت انتقال اسلایدها را طبق سلیقه خود انتخاب کنید.

Slices: اگر افکت Slice را انتخاب کرده اید در این قسمت می توانید تعداد اسلایس ها را مشخص کنید.

Box (Cols x Rows): اگر افکت انتقال Box را انتخاب کرده اید در این قسمت می توانید تعداد سطرها و ستون ها را انتخاب کنید.

Animation Speed: در این بخش می توانید سرعت انیمیشن های انتقال را به میلی ثانیه مشخص کنید.

Enable Thumbnail Navigation: با تیک زدن این گزینه می توانید ناوبری تصاویر بندانگشتی را فعال کنید.

Thumbnail Size: در این قسمت می توانید عرض و طول تصاویر بندانگشتی را مشخص کنید.

Pause Time: عددی که در این قسمت وارد می شود مشخص کننده مقدار زمان نشان داده شدن هر اسلاید به میلی ثانیه است. به صورت پیش فرض این عدد 3000 میلی ثانیه یعنی 3 ثانیه انتخاب شده است یعنی اسلایدها به مدت زمان 3 ثانیه نمایش داده می شوند.

Start Slide: در این بخش می توانید اسلایدی که می خواهید اسلایدر با آن شروع شود را مشخص کنید.

Enable Direction Navigation: با فعال کردن این باکس نشانگرهای قبل و بعد در هر اسلاید نشان داده می شوند.

Enable Control Navigation: با فعال کردن این گزینه ناوبری کنترل فعال می شود.

Enable Images Links: با فعال کردن این گزینه می توانید هنگام پیکربندی به تصویر لینک اضافه کنید.

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

Pause the Slider on Hover: اگر می خواهید تصاویر اسلایدر با قرار گرفتن موس بر روی آنها متوقف شوند این گزینه را فعال کنید.  

Manual Transitions: با فعال کردن این گزینه انتقال اسلایدها به صورت دستی انجام می شود و اسلایدر همیشه متوقف است.

Random Start Slide: با فعال کردن این باکس اسلایدها به صورت تصادفی نشان داده می شوند.

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

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

آموزش اضافه کردن اسلایدر ساخته شده با افزونه Nivo Slider در نوشته ها و برگه های وردپرس

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

آموزش افزونه Nivo Slider

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

در ویرایشگر گوتنبرگ وردپرس بلوک کد کوتاه را باز کرده و شورت کد کپی شده را در آن پیست کنید.

آموزش افزونه Nivo Slider

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

امیدواریم این آموزش در سایت مدیر وردپرس مورد استفاده شما قرار گرفته باشد و با افزونه قدرتمند Nivo Slider بیشتر آشنا شده باشید.

دانلود افزونه

دانلود افزونه
صفحه افزونه
امتیاز دادن به این نوشته:
  • میزان رضایت کاربران
  • تصاویر مرتبط
  • میزان خوانایی متن

درباره ی مینا قدسی

مطلب پیشنهادی

افزونه All-in-One WP Migration

افزونه All-in-One WP Migration و انتقال سایت وردپرس به یک سرور جدید

افزونه All-in-One WP Migration یکی از قدرتمندترین و ساده ترین افزونه های وردپرس برای انتقال …

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *