نمایش تصاویر لایت باکس در وردپرس با افزونه Simple Lightbox
با نمایش تصاویر لایت باکس در وردپرس می توانید ظاهر زیباتر و بهتری را برای کاربران خود به ارمغان بیاورید. تصاویر لایت باکس در واقع امکان نمایش تصاویر در حالت بزرگتر در یک پس زمینه تیره هستند.
همانطور که در گیف بالا مشاهده می کنید، با افزودن قابلیت لایت باکس به تصاویر خود می توانید وضوح بیشتری را به کاربران خود نمایش دهید. قابلیت دیگری که لایت باکس تصاویر در اختیار بازدید کننده قرار میدهد، مشاهده تصاویر به صورت اسلایدشو است.
نمایش تصاویر لایت باکس در وردپرس برای هر نوع سایتی ممکن است مفید واقع شود، برای مثال در وب سایت های آموزشی سبب می شود که کاربران بهتر و واضح تر بتوانند تصاویر آموزشی را مشاهده کنند.
در این آموزش از وردپرس نارنجی یکی از محبوب ترین افزونه ها را برای نمایش تصاویر لایت باکس در وردپرس معرفی خواهم کرد.
نمایش تصاویر لایت باکس در وردپرس
افزونه ای که در این آموزش برای افزودن قابلیت لایت باکس به تصاویر وردپرسی معرفی می کنم، با عنوان Simple Lightbox در مخزن وردپرس به ثبت رسیده است.
این افزونه تا کنون با بیش از 200.000 نصب فعال در مخزن وردپرس توانسته است امتیاز 4.3 را از کاربران خود به دست بیاورد.
برای نمایش تصاویر لایت باکس در وردپرس، با کلیک روی دکمه زیر این افزونه را از مخزن وردپرس دانلود کنید و سپس به کمک آموزش نحوه نصب افزونه ها در وردپرس اقدام به نصب و فعال سازی آن در وب سایت خود نمایید.
پس از نصب و فعال سازی افزونه زیرمنویی با عنوان Lightbox در بخش نمایش پیشخوان وب سایت شما ظاهر می شود که با کلیک روی آن به صفحه تنظیمات افزونه هدایت خواهید شد.
همانطور که مشاهده می کنید این افزونه در بخش تنظیمات خود دارای چهار تب مختلف می باشد که در ادامه کاربرد هر کدام را توضح خواهم داد.
بخش Activation
در این بخش می توانید برای نمایش تصاویر لایت باکس در وردپرس، قابلیت های افزونه را فعال نمایید.
Enable Lightbox Functionality: برای اینکه قابلیت لایت باکس به تصاویر نوشته ها، برگه ها، محصولات، انواع گست ها و … اضافه شود، این گزینه را فعال کنید.
Enable on Home page: با فعال کردن این گزینه، تصاویر در صفحه اصلی نیز قابلیت لایت باکس و بزرگنمایی در کادر تیره را خواهند داشت.
Enable on Single Posts: با فعال کردن این گزینه، نمایش تصاویر لایت باکس در وردپرس برای تصاویر موجود در نوشته ها فعال خواهد شد.
Enable on Pages: با فعال کردن این گزینه نیز برای تصاویر موجود در برگه ها نیز قابلیت لایت باکس فراهم می شود.
Enable on Archive Pages: مانند حالت های قبلی، فعال کردن این گزینه قابلیت لایت باکس را برای تصاویر موجود در صفحات آرشیو فراهم می کند.
Enable for Widgets: اگر تمایل دارید تصاویر موجود در ابزارک ها هم قابلیت لایت باکس داشته باشند، این گزینه را فعال کنید.
Enable for Menus: در نهایت در این تب برای نمایش تصاویر لایت باکس در وردپرس برای تصاویر موجود در فهرست ها، این گزینه را فعال نمایید.
بخش Grouping
برای نمایش تصاویر لایت باکس به صورت اسلایدشو، تنظیمات از این بخش یکربندی می شوند.
Group items: با فعال کردن این گزینه، تصاویر به صورت اسلایدشو نمایش داده می شوند.
Group items by Post: با فعال کردن این گزینه، امکان نمایش اسلایدشو در برگه هایی که نوشته ها را در آن ها نمایش داده اید فراهم می شوند.
با کمک گزینه های Group gallery items separately ،Group widget items separately و Group menu items separately به ترتیب می توانید نمایش لایت باکس تصاویر در وردپرس را به صورت اسلایدشو برای گالری، ابزارک ها و منوهای وردپرس فراهم کنید.
بخش UI
در این بخش همانطور که مشخص است، می توانید ظاهر نمایش لایت باکس تصاویر در وردپرس را سفارشی سازی کنید.
Theme: با استفاده از این قسمت میتوانید تم مورد نظر را برای نمایش پنجره لایت باکس انتخاب کنید.
Resize lightbox to fit in window: با فعال کردن این گزینه، نمایش لایت باکس تصاویر در وردپرس در هر دستگاهی با هر اندازهای، به صورت واکنش گرا و درست نمایش داده می شود.
Enable animations: با فعال کردن این گزینه، حالت انیمیشن بر روی لایت باکس ایجاد شده و ظاهر بهتری برای نمایش لایت باکس ایجاد می شود.
Start Slideshow Automatically: با فعال کردن این گزینه، حالت اسلایدشو تصاویر به صورت خودکار فعال خواهد شد.
Slide Duration: با کمک این گزینه می توانید مدت زمان دلخواه برای نمایش اسلایدر را وارد کنید.
Loop through items: با فعال کردن این گزینه وقتی اسلایدشو به تصویر آخر برسد، مجددا تصاویر به صورت اسلایدشو از ابتدا نمایش داده می شوند.
Overlay Opacity: با کمک این گزینه میزان شفافیت پس زمینه پنجره لایت باکس را شخصی سازی کنید.
Enable default title: با فعال کردن این گزینه، نام تصویر هم در کنار تصاویر نمایش داده می شود.
بخش Lables
در نهایت در این بخش می توانید برای نمایش تصاویر لایت باکس در وردپرس، عنوان های دلخواه را برای دکمه های مختلف پنجره لایت باکس وارد نمایید.
اکنون چنانچه روی یکی از تصاویر نوشته های خود کلیک کنید، مانند آنچه در تصویر زیر مشاهده می کنید تصویر لایت باکس را مشاهده خواهید کرد.