Simple Lightbox و نمایش تصاویر به صورت لایت باکس در وردپرس

Simple Lightbox

اگر یک وب سایت عکاسی، آشپزی، محصولات آرایشی-بهداشتی، گردشگری و هر چیز دیگری که به نوعی به تصویر مرتبط است دارید، به راحتی می توانید اقدام به قرار دادن عکس در وردپرس و ساخت گالری تصاویر کرده و محصولات یا نمونه کارهای خود را در معرض نمایش بگذارید. گالری پیش فرض وردپرس شبکه ای از تصاویر بندانگشتی را نشان می دهد. اما اگر یک افزونه لایت باکس در سایت وردپرس خود نصب کنید، با کلیک بر روی یک تصویر، بدون اینکه کاربر از صفحه خارج شود نسخه بزرگتر آن تصویر به او نشان داده می شود. افزونه Simple Lightbox یکی از بهترین افزونه هایی است که این کار را برای شما انجام می دهد.

افزونه Simple Lightbox یک افزونه ساده و قابل سفارشی سازی است که بیش از 200 هزار نصب فعال داشته و امتیاز 4.3 از 5 را کسب کرده است. برخی ویژگی های این افزونه عبارت است از:

  • فعال کردن خودکار لینک ها
  • تغییر اندازه خودکار لایت باکس
  • سفارشی سازی لایت باکس با قالب ها
  • شامل قالب های رسپانسیو بهینه سازی شده برای موبایل
  • سفارشی سازی بی پایان با افزودنی ها
  • پشتیبانی از لینک های پیوست تصویر وردپرس
  • پشتیبانی از لینک های ابزارک ها
  • نمایش متادیتای رسانه (کپشن، توضیحات و غیره) در لایت باکس
  • فعال سازی لایت باکس با توجه به نوع برگه (خانه، برگه ها، بایگانی و غیره)
  • لینک های گروهی تصویر (نمایش به صورت اسلایدشو)
  • لینک های گروهی تصویر براساس نوشته (اسلایدشو جداگانه برای هر نوشته در برگه)

قبلاً با افزونه Responsive Lightbox and Gallery که به شما امکان ساخت گالری های رسپانسیو با افکت لایت باکس را می دهد، آشنا شدیم. در این مقاله افزونه Simple Lightbox را مورد بررسی قرار داده و نحوه استفاده از آن را آموزش می دهیم.

آموزش افزونه Simple Lightbox و نمایش لایت باکس در وردپرس

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

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

نمایش تصاویر در لایت باکس با کلیک کردن روی لینک ها امکان پذیر است. اگر در یک نوشته به یک فایل تصویری PNG ، JPEG ، GIF لینک داده باشید، افزونه Simple Lightbox تصویر را در یک لایت باکس بارگذاری می کند تا کاربر برای دیدن یک تصویر مجبور به خروج از صفحه و دیدن آن در یک صفحه جدید نشود.

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

Simple Lightbox

لینک دادن به یک تصویر بسیار ساده است. اگر بدانید چگونه یک تصویر را در یک نوشته وردپرس وارد کنید هر چیزی که مربوط به اضافه کردن لینک به تصویر است را نیز می دانید.

استفاده از افزونه Simple Lightbox به همین راحتی است و تنظیمات افزونه کاملاً مناسب است. با این حال می توانید تنظیمات آن را به دلخواه خود سفارشی سازی کنید. در ادامه آموزش به بررسی نحوه انجام این کار می پردازیم.

پیکربندی تنظیمات

برای دسترسی به تنظیمات افزونه Simple Lightbox در پیشخوان وردپرس به مسیر نمایش » Lightbox بروید.

تنظیمات بخش Activation

Simple Lightbox
  • Enable Lightbox Functionality:  این گزینه به صورت پیش فرض فعال است و باعث می شود تصاویر استفاده شده در نوشته ها، برگه‌ها، محصولات، انواع پست های سفارشی و… به صورت لایت باکس نمایش داده شوند.
  • Enable on Home page: فعال بودن این گزینه باعث می شود تصاویر صفحه اصلی به صورت لایت باکس نمایش داده شوند. اگر این گزینه را غیرفعال کنید افزونه Simple Lightbox تصاویر صفحه اصلی را به صورت لایت باکس نمایش نمی دهد.
  • Enable on Single Posts: فعال بودن این گزینه باعث می شود تصاویر نوشته های تکی به صورت لایت باکس نمایش داده شوند.
  • Enable on Pages: فعال بودن این گزینه باعث می شود تصاویر برگه های تکی به صورت لایت باکس نمایش داده شوند.
  • Enable on Archive Pages: اگر این گزینه را فعال باقی بگذارید تصاویر صفحات آرشیو که مربوط به دسته‌بندی مطالب، برچسب‌ها و… هستند، به صورت لایت باکس نمایش داده می شوند.
  • Enable for Widgets: فعال کردن این گزینه باعث می شود تصاویر موجود در ابزارک های وردپرس به صورت لایت باکس نمایش داده شود.
  • Enable for Menus: اگر این گزینه را فعال کنید، تصاویر فهرست به صورت لایت باکس نمایش داده می شود. با استفاده از افزونه Menu Image می توانید به آیتم های فهرست خود تصویر اضافه کنید.

تنظیمات بخش  Grouping

Simple Lightbox

Group items: با فعال کردن این گزینه می توانید تصاویر را گروه بندی کرده به صورت اسلایدشو نمایش دهید. در نوشته‌هایی که تعداد تصاویر زیادی دارند این گزینه مناسب است. این گزینه به صورت پیش فرض فعال است.

Group items by Post: با استفاده از این گزینه می توانید تصاویر را براساس پست ها گروه بندی کنید. این گزینه در برگه هایی که از چندین نوشته تشکیل شده اند مناسب است.

سایر گزینه‌های این بخش از تنظیمات افزونه Simple Lightbox هم به ترتیب برای گروه بندی آیتم های گالری، ابزارک ها و منو به صورت جداگانه است.

تنظیمات بخش UI

Simple Lightbox
  • Theme: در این قسمت می توانید قالب مورد نظر خود را برای نمایش پنجره لایت باکس انتخاب کنید. دو گزینه تاریک و روشن در اختیار شما قرار دارد که می توانید برای پس زمینه لایت باکس انتخاب کنید.
  • Resize lightbox to fit in window: برای اینکه لایت باکس تصاویر در همه دستگاه ها مانند موبایل، تبلت، دسکتاپ و… به درستی نمایش داده شوند، این گزینه را فعال باقی بگذارید.
  • Enable animations: فعال کردن این گزینه افکت انیمیشن روی لایت باکس ایجاد می کند.
  • Start Slideshow Automatically: فعال کردن این گزینه باعث می شود تصاویر اسلایدی به صورت خودکار برای کاربران نمایش داده شوند.
  • Slide Duration: با استفاده از این گزینه می توانید زمان نمایش اسلایدها را به دلخواه خود انتخاب کنید. مدت زمان تعیین شده به صورت ثانیه وارد می شود.
  • Loop through items: فعال بودن این گزینه باعث می شود وقتی اسلایدشو به تصویر آخر برسد، مجدداً تصاویر از ابتدا نمایش داده شوند.
  • Overlay Opacity: میزان شفافیت پس زمینه پنجره لایت باکس را می توانید در این قسمت تعیین کنید.
  • Enable default title: با فعال کردن این گزینه افزونه Simple Lightbox عنوان پیش فرض تصویر فعال را فعال می کند.

تنظیمات بخش  Lables

Simple Lightbox

در این قسمت می توانید متن برچسب دکمه های زیر را سفارشی سازی کنید.

  • Close button: دکمه بستن پنجره لایت باکس
  • Loading indicator: متن دلخواه برای حالت لود کردن تصویر
  • Next Item button: دکمه نمایش تصویر بعدی
  • Previous Item button: دکمه نمایش تصویر قبلی
  • Start Slideshow button: دکمه شروع نمایش تصویر به صورت اسلایدشو
  • Stop Slideshow button: دکمه توقف پخش تصویر اسلایدشو
  • Slideshow status format: متن نمایش شماره تصویری که کاربر در آن قرار دارد با امکان نمایش تعداد کل تصاویر

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

افزونه دیگری که به صورت رایگان در مخزن وردپرس موجود بوده و شما می توانید از آن برای ساخت تصاویر لایت باکس استفاده کنید، افزونه Easy FancyBox است. این افزونه نیز مانند افزونه Easy Lightbox دارای تعداد نصب فعال بالا (بیش از 300 هزار) و امتیاز 4.6 از 5 است.

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

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

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

دانلود افزونه Simple Lightbox
صفحه افزونه Simple Lightbox

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

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

آموزش افزونه Mashshare

آموزش افزونه MashShare و اشتراک گذاری محتوا در شبکه های اجتماعی

اگر یک افزونه قدرتمند برای اضافه کردن دکمه های اشتراک گذاری مطالب در شبکه های …

دیدگاهتان را بنویسید

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