با سلام و عرض ادب به تمامی همراه هان و مخاطبان سایت بانک وردپرس. با آموزشی دیگر در خدمت شما عزیزان هستیم.
همان طور که می دانید تصاویر در جذابیت سایت بسیار کاربرد دارند. البته همان طور که یک تصویر زیبا باعث افزایش جذابیت سایت می شود، می تواند یک تصویر زشت به همان قدر باعث کاهش جذابیت شود. یکی از راه های جذاب کردن تصاویر استفاده از افکت ها و جلوه های متفاوت هستند که به تصاویر روح زیبایی را می بخشند. از این رو شما برای اینکه بتوانید به اندازه کافی بازدید کنندگان خود را مجذوب تصاویر تان کنید باید کارهایی را انجام دهید که یکی از این کار ها ایجاد لایت باکس است. پس با ما همراه باشید که شما در این آموزش با چگونگی نحوه ایجاد لایت باکس آشنا سازیم.
آموزش ساخت lightbox برای عکس ها در وردپرس
بهتر است برای عکس ها موجود در سایت خود به دنبال یک افکت زیبا و کاربر پسند باشید و به نحوه چگونه نمایش دادن آن ها توجه کنید. امروز استفاده از لایت باکس ها از اهمیت بالا برخوردار هستند و خیلی از کاربران وردپرس از آن استفاده می کنند و از محبوبیت بسیار بالایی برخوردار می باشد. در این بخش از سایت بانک وردپرس به شما عزیزان می خواهیم افزونه لایت باکس را برای تان معرفی کنیم. البته برای ایجاد این قابلیت افزونه های مختلف دیگری هم وجود دارد اما پیشنهاد ما استفاده از این افزونه است. پس با ما در ادامه مطلب همراه باشید.
در ابتدا شما باید این افزونه را از لینک زیر دانلود نمایید.
دانلودپس از این که افزونه را از لینک بالا دریافت کردید، آن را همانند بقیه افزونه ها ابتدا نصب و سپس فعال سازی نمایید. پس از فعال سازی افزونه یک گزینه به اسم Responsive Lightbox settings در پنل مدیریت وب سایت وردپرس شما اضافه می شود که پس از کلیک بر روی این گزینه شما به صفحه تنظیمات این افزونه هدایت می شوید. همچنین به این نکته توجه داشته باشید که شما به وسیله این افزونه قادر خواهید بود که انواع اسکریپت ها مانند Nivo ، FancyBox ، prettyPhoto ،Lightbox ، SwipeBox ، Image Lightbox و … را به اجرا در بیاورید.
این صفحه تنظیمات خود به سه زبانه تقسیم می شود که شامل زبانه های زیر می باشد:
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 می پردازیم.
تنظیمات زبانه Add-Ons
این قسمت مربوط به افزودنی های این افزونه است. در صورتی که شما نیاز به اضافه کردن این افزودنی ها نیاز دارید می توانید از این بخش استفاده کنید. پس این بررسی این بخش را به خودتان می سپاریم.
در نهایت پس از انجام تنظیمات بالا و ذخیره آن ها، می توانید لایت باکس ایجاد شده خود را در سایت تان مشاهده نمایید.
امیداریم این آموزش مورد کاربرد شما قرار گیرد.ممنون از همراهی شما عزیزان و مخاطبان سایت بانک وردپرس. تا مطلبی دیگر بدرود.
دیدگاه بگذارید