شاید شما هم نیاز داشته باشید که با ساخت لایت باکس در وردپرس با افزونه WP jQuery Lightbox به‌صورت یک پاپ آپ و یا به‌صورت یک لینک متنی تصاویر خود را نمایش دهید.
این نسخه همچنین برای دستگاه های تلفن همراه نیز تنظیم شده است .
◾ حرکات کشیدن برای حرکت دادن بین تصاویر در دستگاه های لمسی
◾ scaling maximizes بهبود یافته جهت استفاده از فضای صفحه
◾ تنظیمات زنده به پنجره مرورگر و جهت گیری گوشی شما
شما می توانید تصاویر را با صفحه کلید خود مرور کنید: فلش، P (revious) / N (ext) و X / C / ESC برای بستن.
1.4.8 (31- 2015)
◾ ترجمه های ثابت که به درستی بارگذاری نشده اند
◾ پشتیبانی ثابت برای وردپرس 4.4
1.4.7 (21.09.2015)
◾ پشتیبانی از سیستم ترجمه جدید وردپرس.
◾ ترجمه به روز شده برای Portugese (متشکرم: پدرو مندونسا)
◾ تصاویر اضافه شده و CSS برای Portugese (با تشکر از Pedro Mendonça)
1.4.6 (2015-03-20)
◾ “دانلود لینک” در حال حاضر به درستی باز کردن یک download dialogue به جای نمایش فایل
◾ عنوان، caption و تمام عناصر کنترل می تواند به صورت جداگانه روشن / خاموش شود
◾ پشتیبانی از جداول سبک سفارشی اضافه شده (فقط کپی اصلی به پوشه سبک تم خود را، و هک کردن)
◾ کمی HTML را بازسازی کرده و style را سبک تر کرده است
◾ گزینه های CSS خاص برای همه عناصر اضافه شده است
◾ تنظیم سرعت انیمیشن ثابت که نادیده گرفته شده است
◾ پشتیبانی از Internet Explorer 8
◾ تنظیمات متن راهنما حذف شده است
نصب و راه اندازی
1. wp-jquery-lightbox jquery wp-jquery-lightbox در /wp-content/plugins/ پوشه بارگذاری کنید
2. افزونه را از طریق منوی Plugins در وردپرس فعال کنید
3. پیکربندی Lightbox-jQuery را در رابط کاربری خود برای جزئیات استفاده و پیکربندی بررسی کنید.
نحوه استفاده:
1. با وردپرس ساخته شده در گالری : [ gallery link=”file” ]
2. تمام گالری ها در یک پست یک اسلایدشو واحد را نشان می دهند. برای ایجاد اسلاید های جداگانه، از group استفاده کنید:
[ gallery link=”file” ids=”1,2,3″ group=”mon” ]
[ gallery link=”file” ids=”4,5,6″ group=”tue” ]
3. شما می توانید به صورت دستی یک ویژگی rel=”lightbox” را برای هر پیوند اضافه کنید:
<a h ref=”image-1.jpg” rel=”lightbox” title=”my caption”>image #1</a>
توجه داشته باشید از title-attribute برای تنظیم یک عنوان استفاده کنید.
4. جهت گروهی نمودن مجموعه تصاویر مرتبط، مرحله 3 را دنبال کنید، اما علاوه بر این، نام گروه را در ویژگی rel شود:
<a h ref=”image-1.jpg” rel=”lightbox[roadtrip]”>image #1</a>
<a h ref=”image-2.jpg” rel=”lightbox[roadtrip]”>image #2</a>
<a h ref=”image-3.jpg” rel=”lightbox[roadtrip]”>image #3</a>
5. شما می توانید ویژگی data-download را برای تنظیم یک لینک دانلود سفارشی استفاده کنید:
<a h ref=”image-medium.jpg” rel=”lightbox” data-download=”image-superlarge.jpg”> […] </a>
6. برای غیرفعال کردن lightboxing از یک لینک تصویر، فقط هر رول attribute را تنظیم کنید: rel=”nobox”
7. پشتیبانی از صفحه کلید: فلش، P (revious) / N (ext) و X / C / ESC برای بستن. Swipe به چپ / راست در دستگاه های لمسی.