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

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

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

 

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

 

لایت باکس تصاویر در وردپرس با افزونه

حالا این لایت باکس چیه ! اصلا چرا به اون نیاز داریم ؟ از نمونه سوالاتی هستند که در ذهن هر وبمستری ممکنه باشه ! بزارید اینطوری براتون توضیح بدیم که در برخی از وب سایت ها وقتی که بر روی یک تصویر کلیک می کنید ، تصویر در یک جعبه (Box) به نمایش در می آید . این جعبه به صورت تمام صفحه و کاربر پسند است. نه تنها تصاویر، بلکه هر فایل چند رسانه ای را می توان بدین شکل نمایش داد. همانطور که بالاتر هم اشاره کردیم ، افزونه fancybox رو مورد بررسی قرار میدهیم .

 

افزونه FancyBox چیست؟

قبل اینکه افزونه FancyBox رو بهتون معرفی کنیم ، باید بدونید که FancyBox یک ابزار ساخته شده توسط jQuery است که با به کارگیری این ابزار می توانید تصاویر، فایل های چندرسانه ای را با حالت “Mac-Style” و به صورت لایت باکس(LightBox) نمایش دهید. همچنین شما به راحتی می توانید تمامی اجزای نمایشی ابزار FancyBox را در اختیار داشته باشید و تغییرات ظاهری لازم را از جمله : حاشیه,فاصله های خارجی و داخلی,عرض,رنگ و … خیلی دیگر از موارد را به دلخواه تغییر دهید.

 

این افزونه به صورت پیش فرض با استفاده از jQuery، ابزار FancyBox را به تمامی تصاویر بند انگشتی که به صورت مستقیم به تصویر اصلی لینک می شوند را اعمال می کند. شما میتوانید از این قابلیت در نوشته ها، برگه ها و … استفاده کنید . این افزونه به صورت رایگان و در دسترس موجوده ! یعنی که میتونید اون رو از مخزن وردپرس دانلود و نصب کنید . پس از نصب افزونه ، امیدواریم که به راحتی اون رو فعال کنید تا بقیه مراحل رو با هم پیش ببریم .

 

 

آموزش نحوه استفاده از افزونه Easy FancyBox

بعد از نصب افزونه به منوی تنظیمات و زیر منوی رسانه ها بروید.

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

 

دنبال بخش FancyBox بگردید.

 

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

تنظیمات دلخواه خود را در این بخش اعمال کنید.

برای تبدیل عکس ها به لایت باکس باید طبق دستور عمل زیر پیش بروید !

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

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

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

 

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

وبیت این پست توسط نگارش شده است.

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

در کانال وبیت عضو شو تا از آخرین اخبار ، آپدیت محصولات و تخفیف ها با خبر بشی ☺ عضویت در کانال تلگرام

اشترک گذاری

مقاله های پیشنهادی

وبیت این مطالب را به شما پیشنهاد میدهد

ارسال نظر ( 0 نظر تایید )

نظرات پس از رویت و تایید مدیران نمایش داده می شود

هنوز نظری ثبت نشده است ، اولین نفری باشید که نظر میدهید !

همکاران وبیت