توضیح و نحوه کار با پلاگین «اسلایدر سفارشی المنتور»

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

۱. امکانات و ویژگی‌ها

• نمایش تصاویر با همپوشانی: تصاویر به صورت لایه‌ای نمایش داده می‌شوند و امکان تنظیم میزان همپوشانی (با تغییر افست‌ها) وجود دارد.

• تنظیم شفافیت تصاویر: تصاویر غیر فعال (غیر از تصویر کنونی) دارای تنظیم شفافیت هستند که می‌توان آن را به دلخواه تغییر داد.

• لایت‌باکس: با کلیک روی هر تصویر، تصویر در یک مدال (لایت‌باکس) به صورت بزرگ نمایش داده می‌شود.

• آیکن‌های جهت‌دار: دکمه‌های جهت‌دار (چپ و راست) به وسیله کنترل‌های المنتور قابل شخصی‌سازی هستند. شما می‌توانید از آیکن‌های پیش‌فرض المنتور استفاده کنید یا آیکن‌های SVG دلخواه خود را آپلود نمایید.

• تنظیمات ریسپانسیو: تمامی تنظیمات مربوط به اندازه، موقعیت، رنگ، پس‌زمینه، حاشیه‌های گرد، padding و سایز آیکن به صورت ریسپانسیو تعریف شده‌اند. این بدان معناست که می‌توانید تنظیمات جداگانه‌ای برای دسکتاپ، تبلت و موبایل داشته باشید.

۲. نحوه نصب و راه‌اندازی

1. کپی و بارگذاری پلاگین:
   فایل PHP پلاگین را در پوشه /wp-content/plugins/ قرار دهید.

2. فعال‌سازی پلاگین:
   به بخش «افزونه‌ها» در پنل مدیریت وردپرس رفته و پلاگین «اسلایدر سفارشی المنتور» را فعال کنید.

3. استفاده در المنتور:
   پس از فعال‌سازی، به ویرایشگر المنتور مراجعه کنید. در لیست ویجت‌های المنتور، ویجت «اسلایدر سفارشی» ظاهر می‌شود.

۳. نحوه استفاده از پلاگین در المنتور

1. افزودن ویجت به صفحه:
   در ویرایشگر المنتور، ویجت «اسلایدر سفارشی» را به صفحه بکشید و رها کنید.

2. تنظیم تصاویر:
   در تب «محتوا»، با استفاده از بخش ریپیتری تصاویر مورد نظر خود را اضافه کنید. برای هر تصویر، می‌توانید تصویر دلخواه را انتخاب نمایید.

3. تنظیم استایل اسلایدر:
   در تب «استایل»، تنظیماتی نظیر اندازه کانتینر، سرعت انیمیشن، حاشیه‌های گرد و سایه‌ها موجود است. همچنین، می‌توانید میزان همپوشانی تصاویر و شفافیت تصاویر غیر فعال را تنظیم کنید.

4. تنظیم آیکن‌های جهت‌دار:
   در بخش تنظیمات آیکن‌ها (تب «استایل»):

   • انتخاب آیکن: از کنترل آیکن‌های المنتور استفاده کنید تا آیکن دلخواه (مانند آیکن‌های Font Awesome یا SVG) انتخاب شود.

   • تنظیم موقعیت: از کنترل‌های ریسپانسیو جهت تنظیم افست‌های X و Y برای هر دکمه استفاده کنید.

   • تنظیم رنگ و پس‌زمینه: می‌توانید رنگ آیکن، رنگ پس‌زمینه، حاشیه گرد و padding آیکن را تنظیم نمایید.

   • تنظیم سایز آیکن: کنترل «سایز آیکن» به شما امکان می‌دهد اندازه آیکن (چه برای فونت‌آسوم و چه SVG) را به صورت دلخواه تنظیم کنید.

   • تنظیمات حالت هاور: تنظیمات جداگانه برای حالت هاور (hover) آیکن فراهم شده تا تغییرات دلخواه هنگام قرارگیری موس روی آیکن اعمال شود.

5. تنظیمات ریسپانسیو:
   تمامی تنظیمات فوق به صورت ریسپانسیو هستند؛ به این معنا که می‌توانید مقادیر جداگانه‌ای برای دسکتاپ، تبلت و موبایل تعیین کنید. این قابلیت به شما اجازه می‌دهد که طراحی اسلایدر در تمامی اندازه‌های صفحه به درستی نمایش داده شود.

۴. نکات تکمیلی

• لایت‌باکس: هنگام کلیک روی تصویر، لایت‌باکس با مدالی زیبا باز می‌شود و تصویر در سایز بزرگ نمایش داده می‌شود. برای بستن لایت‌باکس، کافی است روی دکمه بستن یا پس‌زمینه کلیک کنید.

• شخصی‌سازی کامل: این پلاگین با ارائه کنترل‌های دقیق المنتور، به شما امکان می‌دهد تمامی ابعاد استایل و عملکرد اسلایدر را بر اساس نیازهای طراحی خود تنظیم کنید.

جمع‌بندی

پلاگین «اسلایدر سفارشی المنتور» ابزاری قدرتمند برای ایجاد اسلایدرهای تصویری زیبا و کارآمد است که از قابلیت‌های پیشرفته‌ای مانند لایت‌باکس، همپوشانی تصاویر، و تنظیمات کامل آیکن‌های جهت‌دار برخوردار است. با استفاده از تنظیمات ریسپانسیو المنتور، شما می‌توانید تجربه کاربری بهینه‌ای برای تمامی دستگاه‌ها ارائه دهید.

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