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

نمایش تصاویر بصورت لایت باکس در وردپرس با افزونه FooBoxعرض سلام خدمت همراهان گرامی مکانیک وردپرس ؛
نمایش تصاویر بصورت لایت باکس (یا همان نمایش در اندازه بزرگ و اسلاید شدن) در وردپرس از مشکلات عمومی بسیاری از کاربران وردپرسی است!
اینکه چطور تصاویر خود را هرچه بهتر به نمایش در بیاورند.
در این مقاله از آموزش وردپرس، به شما نحوه نمایش تصاویر بصورت لایت باکس در وردپرس را نشان خواهیم داد.
با ما همراه باشید…

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

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

افزونه FooBox وردپرس

این افزونه وردپرس بیش از ۱۰۰٫۰۰۰ نصب موفق و فعال در مخزن وردپرس به ثبت رسانده است.

شما میتوانید در انتهای همین نوشته، افزونه FooGallery را بصورت رایگان دانلود کنید

افزونه FooBox وردپرس

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

ویژگی های افزونه FooBox وردپرس

  • طراحی ریسپانسیو
  • امکانات پیکربندی
  • سازگار با گالری های وردپرس
  • سازگار با تصاویر کپشن وردپرس

آموزش کار با افزونه FooBox وردپرس

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

افزونه FooBox وردپرس

افزونه FooBox شامل پنج زیرمنو به شرح زیراست:

Getting Started: شامل سه تب کلی شامل

  • Getting-started: جهت مشاهده شورت کد های کمکی افزونه
  • Free Trial: مشاهده ویژگی های افزونه به همراه ارتقا و استفاده رایگان از نسخه پرو به مدت هفت روز
  • Demo : مشاهده دموی عملکرد افزونه
بیشتر بخوانید :  آموزش استفاده از ایمیل مارکتینگ در ووکامرس

Settings: شامل تنظیمات پیکربندی افزونه جهت ایجاد تصاویر لایت باکس در وردپرس
Account: شامل اطلاعات اکانت شما مانند ایمیل، نسخه افزونه، نام کاربر و… است.
Support: شما رابه قسمت پشتیبانی افزونه در مخزن وردپرس هدایت میکند.
Upgraide: جهت ارتقا به نسخه pro میتوان از این زیر منو کمک گرفت.

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

مرحله پیکربندی

در ابتدا از زیرمنوی Settingsبه تب general رجوع کرده و اقدام به پیکربندی افزونه میکنیم.

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

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

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

Show Counter: قرار دادن شمارنده تصاویر درون لایت باکس
Count Message: تنظیم نحوه نمایش متن کانتر در زیر لایت باکس
Hide Captions: مخفی کردن کپشن ها
Show Captions On Hover: نمایش کپشن تصاویر هنگام هاور موس
Error Message: تنظیم ارور برای زمانی که در نمایش تصویر مشکلی وجود دارد.

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

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

  • ساخت گالری تصاویر و مشاهده آن ها به صورت تصاویر پشت سر هم در لایت باکس
  • مشاهده تصاویر دلخواه در لایت باکس
  • مشاهده تصاویر با کپشن در لایت باکس
بیشتر بخوانید :  ساخت فرم تماس در وردپرس با افزونه Contact Form by BestWebSoft

لایت باکس گالری در وردپرس

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

تعبیه با افزونه کمکی Foogallery

برای ساخت گالری و فراخوانی میتوانید از افزونه foogallery کمک بگیرید این افزونه مکمل افزونه foobox است و در این صورت نیاز به تنظیمات دستی ندارید.

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

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

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

ایجاد تصاویر لایت باکس ریسپانسیو در وردپرسموفق و پاینده باشید…

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

یک نظر