ساخت لایت باکس برای تصاویر با Responsive Lightbox by dFactory

hamyarwp.com-responsive-lightboxساخت لایت باکس برای تصاویر در وردپرس

سلام؛

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

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

ما امروز قصد داریم یکی از بهترین افزونه وردپرسی رایگان را که در جهان (بیش از ۲۰۰۰۰۰ نسخه فعال در جهان) بسیار محبوب است را به شما معرفی کنیم.

 

 

افزونه Responsive Lightbox by dFactory

Responsive Lightbox by dFactory_1_hamyarwp.com

با این افزونه می توانید در حالت لایت باکس انواع اسکریپت ها مانند prettyPhoto,SwipeBox,FancyBox,Nivo Lightbox,Image Lightbox,TosRUs را به اجرا در آورید.

نکته!!! این افزونه توسط همیار وردپرس فارسی سازی شده است و از همین جا می توانید فارسی شده ی آن را دریافت کنید!

نصب و فعال سازی

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

تنظیم افزونه

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

قسمت اول_تنظیمات عمومی

در ادامه با توجه به شماره های موجود در تصاویر، قسمت های مختلف را با هم بررسی می کنیم.

  1. در این قسمت شما می توانید انواع افکت ها در هنگام لایت باکس تصاویر را انتخاب کنید.
  2. این سلکتور افزونه در کدنویسی هست.بهتر است این قسمت را تغییر ندهید.
  3. در این قسمت می توانید انتخاب کنید که برای لینک تصاویر در وردپرس این افزونه فعال باشد یا نه
  4. در این قسمت می توانید برای عکس ،نوع عنوان را انتخاب کنید.مثلا می توانید انتخاب کنید که متن جایگزین تصاویر ،عنوان تصاویر باشند.
  5. در این قسمت می توانید انتخاب کنید که عکس های یک پست تنها به عنوان گالری باشند یا نه.Responsive Lightbox by dFactory_3_hamyarwp.com
  6.  در این قسمت می توانید انتخاب کنید که این افزونه به صورت پیش فرض برای گالری ها در وردپرس کار کند یا نه.
  7. در این قسمت می توانید سایز تصاویر در گالری را  تنظیم می کنید.
  8. در این قسمت می توانید تعیین کنید که همه گالری هایی که توسط افزونه های دیگر مدیریت می شوند ،فقط با این افزونه مدیریت شوند و کار کنند.
  9. در این قسمت می توانید تعیین کنید که لایت باکس محصولات ووکامرسی از این افزونه استفاده کنند یا  نه.
  10. در این قسمت می توانید تعیین کنید که برای لینک فیلم ها از یوتیوب و ویمئو این افزونه فعال باشد یا نه.Responsive Lightbox by dFactory_42_hamyarwp.com
  11. در این قسمت می توانید تعیین کنید که اسکریپت های این افزونه کجای کدهای شما بارگزاری شوند.
  12. در این قسمت می توانید تعیین کنید که در هنگام بارگزاری سایت فقط این افزونه در صفحاتی که شامل گالری تصاویر هستند بارگزاری شود.
  13. در این قسمت می توانید تعیین کنید که در هنگام غیر فعال کردن این افزونه ،اطلاعات این افزونه پاک شود یا نه.Responsive Lightbox by dFactory_5_hamyarwp.com

قسمت دوم_تنظیمات لایت باکس

  1. در این قسمت می توانید نوع transition را انتخاب کنید.
  2. در این قسمت می توانید مشخص کنید که لوپ و چرخش تصاویر نامحدود باشد یا نه
  3.  در این قسمت می توانید تعیین کنید که متن ناوبری ها نمایش داده شود یا نه
  4. در این قسمت می توانید تعیین کنید که نمایش اسلایدها اتوماتیک باشد یا نه
  5. در این قسمت می توانید تعیین کنید که در زمان رفتن موس روی تصاویر ،لوپ و جایگذاری نمایش اسلاید ها قطع شود یا نه.
  6. نوع صفحه گذاری را در این قسمت تعیین می کنید.

Responsive Lightbox by dFactory_6_hamyarwp.com

قسمت سوم _ تنظیمات Add-Ons

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

Responsive Lightbox by dFactory_7_hamyarwp.com

لایت باکس ساخته شده با این افزونه:

Responsive Lightbox by dFactory_8_hamyarwp.com

 

Responsive Lightbox by dFactory_9_hamyarwp.com

جمع بندی!

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

دانلود افزونه ی فارسی envira-gallery-lite

دانلود  صفحه افزونه   پیش نمایش


اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

۲۱۵,۹۰۸ نفر

پاسخ دهید

ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده‌اید و با آن موافق هستید.

دیدگاه‌های این نوشته جدید شاخص

  1. […] WordPress Galleries: فعال سازی افزونه برای تمام گالری های تصاویر WordPress Images With Captions: فعال سازی افزونه برای تمامی تصاویر دارای کپشن در جهت ایجاد تصاویر لایت باکس در وردپرس Attachment Images: فعال سازی افزونه برای تصاویری که در برگه و نوشته قرار میدهیم. Fit To Screen: تصاویر را در صفحه فیت میکند. Scrollbars: تنظیمات مربوط به نمایش یاعدم نمایش اسکرول هنگام مشاهده لایت باکس […]

  2. […] WordPress Galleries: فعال سازی افزونه برای تمام گالری های تصاویر WordPress Images With Captions: فعال سازی افزونه برای تمامی تصاویر دارای کپشن در جهت ایجاد تصاویر لایت باکس در وردپرس Attachment Images: فعال سازی افزونه برای تصاویری که در برگه و نوشته قرار میدهیم. Fit To Screen: تصاویر را در صفحه فیت میکند. Scrollbars: تنظیمات مربوط بـه نمایش یاعدم نمایش اسکرول هنگام مشاهده لایت باکس […]

  3. […] WordPress Galleries: فعال سازی افزونه برای تمام گالری های تصاویرWordPress Images With Captions: فعال سازی افزونه برای تمامی تصاویر دارای کپشن در جهت ایجاد تصاویر لایت باکس در وردپرسAttachment Images: فعال سازی افزونه برای تصاویری که در برگه و نوشته قرار میدهیم.Fit To Screen: تصاویر را در صفحه فیت میکند.Scrollbars: تنظیمات مربوط به نمایش یاعدم نمایش اسکرول هنگام مشاهده لایت باکس […]

  4. سلام
    قالب سایتی که مدتی قبل راه اندازی کردم، در ابتدا ویژگی لایت باکس را بصورت پیشفرض داشت. اما نمیدونم چه اتفاقی افتاده که با کلیک روی تصاویر، عکس در یک صفحه سفید و جدا باز میشه.
    افزونه هایی هم که معرفی کردید نصب کردم اما باز هم این ویژگی فعال نشد.
    لطفا راهنمایی بفرمایید.
    متشکرم

  5. سلام آقای گودرزی عزیز و تشکر از لطفی که به تازه کارها دارید.
    میتونید به من افزونه ای معرفی کنید که بتونم تصاویر به کار برده در سایتم رو از حالت عمودی به حالت افقی در بیارم. در واقع بتونم اونها رو در چند ردیف قرار بدم؟
    من میخوام تصاویر میانبر ی که لینک به دیگر قسمتهای سایت میشه رو در یک صفحه طوری که همهشون دیده بشن قرار بدم و بازدید کننده لازم نباشه از بالا تا پایین صفحه رو پیمایش کنه. ممنون میشم اگه راهنمایی بفرمایید.

  6. 1 سال عضو همیار وردپرس

    متشکرم استاد گودرزی بزرگ و گرامی.

  7. 2 سال عضو همیار وردپرس

    سلام ممنونم از این پلاگین زیبا و پر کاربرد
    چطور میتونم اندازه thumbnail رو به اندازه گالری موجود در پیش نمایش شما تعیین کنم؟ از تنظیمات رسانه هم این کار رو انجام دادم اما تاثیری نداشت!

  8. 2 سال عضو همیار وردپرس

    ممنون آقای گودرزی

  9. سلام خسته نباشید آیا میشه این کارو بدون افزونه انجام داد؟!

    • 2 سال عضو همیار وردپرس

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

    • سلام جناب گودرزی هک خاصی سراغ دارین که اینکارو بشه بدونه افزونه انجام داد!؟!؟!

مطالب زیر را حتما بخوانید

محبوبترین‌های آموزش آنلاین

مشاهده همه آموزش‌های آنلاین