افزونه لایت باکس وردپرس Simple Lightbox
لایت باکس به حالت نمایش محتوا، به خصوص تصاویر سایت روی دیگر اجزای صفحات سایت می گویند، به نحوی که اطراف و پس زمینه عکس محو شده و تمرکز کاربر تنها روی عکس جلب می گردد. یا حتی عکس های کل صفحه به صورت اسلایدشو نشان داده شود. این حالت گرافیکی را حتماً در برخی از سایت ها دیده اید که با کلیک روی یک عکس، به جای اینکه یک صفحه دیگر باز شود، همان عکس بزرگ می شود. حالا ما در وردپرس با نصب و تنظیم یک افزونه ساده با نام Simple Lightbox می توانیم چنین قابلیتی را به سایت خود بیافزاییم. با ادامه همراه ما باشید تا توضیحات بیشتری از افزونه لایت باکس وردپرس Simple Lightbox تقدیم شما کنیم.
افزونه لایت باکس وردپرس Simple Lightbox
از مهم ترین ویژگی افزونه Simple Lightbox برای افزودن لایت باکس به سایت وردپرس این است که کاربرد بسیار ساده ای دارد. یعنی در سخت ترین حالت بعد از فعال کردن افزونه، باید به صفحه تنظیمات آن رفته و تنظیماتش را انجام دهیم. پس از آن تمامی عکس های سایت به صورت لایت باکس درون سایت به نمایش گذاشته میشوند. اما در ساده ترین حالت همان نصب و فعال سازی افزونه Simple Lightbox کفایت می کند و نیازی به انجام کار خاصی ندارید. اگر به سایت تان مراجعه کنید و وارد صفحه ای شوید که یک یا چند تا عکس در آن وجود دارد، عکس ها به صورت لایت باکس نشان داده می شوند. نمونه ای از یک عکس در لایت باکس را در تصویر بالا می توانید ببینید.
اما به دلیل ساده بودن فرایند نصب و فعال کردن افزونه Simple Lightbox ما به طریقه تنظیم کردن افزونه می پردازیم. بعد از فعال کردن افزونه، صفحه ای در مسیر نمایش > Lightbox ساخته می شود. وارد این صفحه که شامل تمامی تنظیمات افزونه است می شویم. شامل گروه تنظیمات متفاوتی است که با گروه اول یعنی Activation کار را شروع می نماییم.
تنظیمات Activation افزونه Simple Lightbox
تنظیمات عمومی در این بخش گنجانده شده اند.
- Enable Lightbox Functionality : با فعال کردن این گزینه لایت باکس روی سایت فعال می شود.
- Enable on Home page : لایت باکس عکس های موجود در صفحه اصلی سایت
- Enable on Single Posts : لایت باکس عکس های موجود در نوشته های سایت
- Enable on Pages : لایت باکس عکس های موجود در برگه های سایت
- Enable on Archive Pages (tags, categories, etc.) : لایت باکس عکس های موجود در صفحات دسته بندی سایت
- Enable for Widgets : لایت باکس عکس های موجود در ابزارک ها
- Enable for Menus : لایت باکس عکس های موجود در فهرست ها
تنظیمات Grouping افزونه Simple Lightbox
تنظیمات گروه بندی تصاویر در لایت باکس در این گروه قرار گرفته اند.
- Group items (for displaying as a slideshow) : نمایش گروهی عکس ها به صورت اسلایدشو
- Group items by Post (e.g. on pages with multiple posts) : در صفحاتی که چندین نوشته وجود دارد، عکس های مرتبط با هر نوشته درون یک گروه جای گیرند.
- Group gallery items separately : گروه بندی موارد موجود در گالری عکس ها به صورت جداگانه
- Group widget items separately : گروه بندی موارد موجود در ابزارک ها به صورت جداگانه
- Group menu items separately : گروه بندی موارد موجود در فهرست ها به صورت جداگانه
تنظیمات UI افزونه Simple Lightbox
تنظیمات مربوط به رابط کاربری و ظاهر لایت باکس در این گروه جای گرفته اند.
- Theme : انتخاب قالب روشن و تاریک برای لایت باکس ها
- Resize lightbox to fit in window :
- Enable animations : فعال کردن پویانمایی
- Start Slideshow Automatically : شروع نمایش خودکار اسلایدشو
- Slide Duration (Seconds) : مدت زمان نمایش هر عکس در اسلایدشو به واحد ثانیه
- Loop through items : شروع مجدد اسلایدشو
- Overlay Opacity (0 – 1) : میزان شفافیت حاشیه عکس زمانی که به صورت لایت باکس است
- Enable default title : فعال سازی عنوان پیش فرض برای عکس ها
تنظیمات Labels افزونه Simple Lightbox
تنظیمات مربوط به متن موجود در قسمت های مختلف لایت باکس در این قسمت قرار گرفته است.
- Close button : متن دکمه بستن
- Loading indicator : متن عبارت در حال بارگذاری یا همان Loading
- Next Item button : متن دکمه عکس بعدی
- Previous Item button : متن دکمه عکس قبلی
- Start Slideshow button : متن دکمه شروع اسلاید شو
- Stop Slideshow button : متن دکمه مکث اسلاید شو
- Slideshow status format : حالت وضعیت شماره اسلاید در حال پیمایش
با توجه به توضیحات داده شده برای هر کدام از گزینه های تنظیمی موجود در صفحه تنظیمات Simple Lightbox الان شما قادرید تمامی تنظیمات این افزونه را به خوبی انجام داده و مطابق میل خود کنید.
این بود از آموزش افزونه لایت باکس وردپرس با عنوان Simple Lightbox که از ساده ترین و بهترین افزونه های زیباسازی نمایش عکس ها روی سایت بود. امیدوارم که از این آموزش هم در کنار دیگر آموزش های سایت WPTutorial.ir استفاده کرده باشید.
