ساخت گالری واکنشگرا با افزونه Responsive Lightbox by dFactory

افزونه Responsive Lightbox by dFactory یکی از افزونه های وردپرس در زمینه ی ایحاد لایت باکس در سایت می باشد. افزونه Responsive Lightbox by dFactory نسبت به سایر افزونه های مشابه دارای قالبیت های بیشتری از جمله شخصی سازی و امکان انتخاب نوع نمایش لایت باکس در دستگاه های مختلف می باشد.

به کمک افزونه Responsive Lightbox by dFactory میتوانید در داخل لایت باکس از کد های خبرنامه و یا ثبت ایمیل کاربر نیز استفاده کنید.

ویژگی ها

• انتخاب از بین ۷ اسکریپت لایت باکس واکنش گرا SwipeBox- prettyPhoto- FancyBox- NivoLightbox- ImageLightbox- Tos”R”Us- Featherlight
• اضافه کردن خودکار lightbox به گالری عکس وردپرس
• اضافه کردن خودکار lightbox به لینک های ویدئویی YouTube-Vimeo
• گزینه هایی برای نمایش تصویر پست صفحات داخلی درگالری
• گزینه ای برای تغییر اندازه لینک تصویر گالری WP وردپرس
• گزینه ای برای عنوان و یا توضیحات تصاویر گالری
• گزینه ای برای مجبور کردن جایگزین سفارشی lightbox برای گالری WP وردپرس مانند گالری کاشی jetpack
• گزینه برای راه اندازی lightbox در هنگام رویدادهای جی کوئری سفارشی
• گزینه ای برای بارگذاری مشروط اسکریپت ها و سبک ها تنها در صفحات تصاویر و یا گالری در محتوای پست
• وارد کردن یک انتخابگر برای lightbox
• تنظیمات قابل تنظیم برای هر یک از اسکریپت lightbox
• پشتیبانی گالری از محصولات ووکامرس
• پشتیبانی چند سایت
• فیلتر کردن hook ها برای تعبیه اسکریپت های مختلف بر اساس هر یک از شرایط سفارشی (صفحه، پست، دسته، شناسه کاربر، و غیره)

آموزش افزونه Responsive Lightbox by dFactory

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

هنگامی وارد این پنل می شوید با چند تب از تنظیمات افزونه مواجه می شوید که در ادامه هر کدام را توضیح می دهیم.

General settings

Lightbox script : در این قسمت انواع افکت های نمایش گالری وجود دارد که می توانید به دلخواه یکی را انتخاب کنید.
Selector : این قسمت مربوط به کدنویسی افزونه می باشد و بهتر است آن را تغییر ندهید.
Image links : در این قسمت می توانید تعیین کنید که افزونه برای تصاویر لینک دار فعال باشد یا خیر
Single image title : در این قسمت می توانید برای تصاویر، عنوان قرار دهید. به عنوان مثال می توانید تعیین کنید که متن جایگزین تصاویر، عنوان تصاویر، زیرنویس تصاویر، تگ alt تصاویر و … باشد.
Single images as gallery : در این قسمت می توانید تعیین کنید که عکس های تکی را به عنوان گالری نمایش دهد یا خیر
Galleries : در این قسمت می توانید تعیین کنید که این افزونه به صورت پیشفرض جایگزین گالری وردپرس شود یا خیر
Gallery image size : در این قسمت می توانید سایز تصاویر را هنگام نمایش در سایت تعیین کنید.
Gallery image title : در این قسمت می توانید برای تصاویر عنوان قرار دهید.

Force gallery lightbox : در این قسمت می توانید تعیین کنید که همه گالری هایی که توسط افزونه های مختلف ایجاد شده اند، توسط این افزونه مدیریت شوند.
WooCommerce lightbox : در این قسمت می توانید تعیین کنید که گالری محصولات ووکامرسی از این افزونه استفاده کنند یا خیر
Video links : در این قسمت می توانید تعیین کنید که برای لینک فیلم ها از یوتیوب و ویمئو این افزونه فعال باشد یا خیر
Loading place : در این قسمت می توانید تعیین کنید که اسکریپت های افزونه در کدام قسمت از کدهای شما ذخیره شوند.
Conditional loading : در این قسمت می توانید تعیین کنید که در هنگام بارگذاری سایت، این افزونه در صفحاتی بارگذاری شود که گالری تصاویر در آن صفحه ها وجود داشته باشد.
Delete data : در این قسمت می توانید تعیین کنید که در هنگام غیر فعال بودن افزونه، اطلاعات این افزونه پاک شود یا خیر

Lightbox settings

Transition effect : در این قسمت می توانید نوع رد شدن تصویر را انتخاب کنید.
Infinite loop : در این قسمت می توانید تعیین کنید که تصاویر پس از اتمام چرخش کنند یا خیر
Keyboard navigation : در این قسمت می توانید مشخص کنید که متن ناوبری ها نمایش داده شود یا خیر
Autoplay : در این قسمت می توانید تعیین کنید که تصاویر گالری به صورت اسلایدشو و خودکار رد شوند.
Pause on hover : در این قسمت می توانید تعیین کنید هنگامی که موس روی تصاویر می رود، چرخش خودکار تصاویر قطع شود یا خیر
Pagination : تعیین نوع صفحه گذاری در این قسمت انجام می شود.
تنظیمات فوق را مطابق خواسته هایتان انجام دهید، سپس با توجه به آموزش زیر یک گالری بسازید.

آموزش ایجاد گالری تصاویر در وردپرس

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

شرکت طراحی قالب وردپرس توس وب
برترین در خدمات طراحی قالب وردپرس و طراحی پوسته وردپرس

Loading...