نحوه ایجاد لایت باکس برای تصاویر وردپرس

چگونگی ایجاد لایت باکس برای تصاویر سایت وردپرس

 

با سلام خدمت کاربران سایت مِستر آموز و علاقه مندان به وردپرس.

از اینکه همراه ما هستید بسیار خوشحالیم.

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

 

چگونگی ایجاد لایت باکس برای تصاویر سایت وردپرس

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

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

 

فایل افزونه وردپرس را دانلود کنید و در بخش افزونه های وب سایت خود نصب نمایید و فعال سازید و با فعال سازی افزونه ، گزینه ی Responsive Lightbox settings را در پنل وردپرس خود مشاهده می کنید که با کلیک بر روی این گزینه به صفحه ی تنظیمات آن بروید . در ضمن توجه داشته باشید که با استفاده از این افزونه می توانید انواع اسکریپت هایی مثل Nivo ، FancyBox ، prettyPhoto ،Lightbox ، SwipeBox ، Image Lightbox و … را به اجرا در آورید.

 

3 تب از صفحه تنظیمات این افزونه

• General settings
• Lightbox settings
• Add-Ons

در ادامه به بررسی تنظیمات هر یک از این سه تب می پردازیم.

 

ابتدا از تب اول تنظیمات شروع می کنیم :

تنظیمات تب General settings :

 

این تب شامل گزینه های مختلفی برای تنظیمات می باشد.

 

• Lightbox script : شما در این بخش می توانید تمامی افکت هایی که در بالا گفتیم را مشاهده کنید و هر کدام یک را که خواستید برای لایت باکس خود انتخاب کنید .
• selector :  این بخش سلکتور افزونه برای کد نویسی می باشد و شما ترجیحا این قسمت را عوض نکنید .
• Image links : شما می توانید تعیین کنید که برای لینک تصاویر در وردپرس این افزونه فعال و یا غیر فعال باشد .
• single images as gallery : می توانید تعیین کنید که تصاویر یک مطالب وب سایت تنها به عنوان گالری باشند و یا نه ؟
• Galleries : شما می توانید این گزینه را فعال سازید تا افزونه به صورت پیش فرض برای گالری ها در وردپرس عمل کند یا نه ؟
• Gallery image size : برای تعیین سایز تصاویر در گالری ها از این بخش اقدام نمایید .
• Gallery image title : در این جا شما می توانید برای تصاویر خود نوع عنوان را مشخص نمایید .
• Force gallery Lightbox : در این جا شما می توانید تمامی گالری هایی که با استفاده از افزونه های دیگر مدیریت می شوند ، تنها با این افزونه امکان مدیریت آنها باشد .
• Vidoe links : در این بخش برای استفاده از لینک ویدیو ها می باشد .
• custom events : شما می توانید با استفاده از این گزینه مشخص کنید زمانی که سایت شما بارگذاری شد ، این افزونه فقط در صفحاتی که دارای گالری تصاویر می باشند ، بارگذاری شود
• Loading place : می توانید در اینجا تعیین نمایید که اسکریپت های افزونه در کدام بخش ها باگذاری شوند .
• Delete data : در این بخش شما می توانید با غیر فعال سازی افزونه مورد نظر ، اطلاعات آن هم حذف شود .
• save changes : پس از انجام تنظیمات ، بر روی این گزینه کلیک نمایید تا اطلاعات ذخیره شود .

 

تنظیمات تب Lightbox settings :

تنظیمات این تب:

• transition effect : در این بخش نوع انتقال را مشخص کنید .
• Infinite loop : در اینجا تعیین کنید که چرخش تصاویر به صورت نامحدود باشد یا برای آن حدی را تعیین کنید .
• Keyboard navigation : شما باید در این بخش مشخص کنید که متن ناوبری نشان داده شود یا خیر ؟
• Autoplay :از این گزینه برای نمایش اسلایدها به صورت اتوماتیک می توانید استفاده کنید .
• pause hover : وقتی موس بر روی تصاویر رفت چرخش تصاویر متوقف شود و یا این که نه ادامه داشته باشد .
• pagination : تعیین نوع صفحه گذاری
• save changes : پس از انجام تنظیمات ، تغییرات را ذخیره نمایید.

 

تنظیمات تب  Add-Ons

 

از این بخش می توانید  از انواع افزودنی هایی که برای این افزونه وجود دارد ، استفاده کنید ، پس خود شما به بررسی این بخش بپردازید .

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

 

برای آموزش های بیشتر همراه ما باشید.ما بهترین آموزش ها را در اختیار شما عزیزان قرار می دهیم.