ساخت گالری تصاویر رسپانسیو در وردپرس با افزونه FooGallery

ساخت گالری تصاویر رسپانسیو در وردپرس با افزونه FooGallery

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

پس تا انتها با تیم قدرتمند و فعال میلاد وردپرس باشید.

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

گالری تصاویر رسپانسیو در وردپرس با FooGallery

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

امکانات افزونه FooGallery

  • پشتیبانی از تصاویر رتینا
  • امکان افزودن ویدئو به گالری تصاویر رسپانسیو در وردپرس
  • امکان ایجاد یک آلبوم کامل از تصاویر
  • گالری پست های سفارشی
  • استفاده از کتابخانه چند رسانه ای برای مدیری تصاویر
  • امکان درگ و دراپ کردن برای تصاویر
  • دارای تم های مختلف
  • و…

نحوه کار با افزونه

نحوه کار با افزونه
نحوه کار با افزونه

بیشتر بخوانید:

بیشتر بخوان بیشتر بدان  ساخت تب‌های ریسپانسیو در وردپرس با Tabby Responsive Tabs

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

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

  1. گالری ها: جهت مشاهده گالری هایی که به کمک این افزونه طراحی کرده اید.
  2. اضافه کردن گالری: جهت ساخت گالری جدید
  3. تنظیمات: جهت اعمال تنظیمات پیکربندی
  4. اکتنشن ها: مشاهده افزودنی های رایگان و غیررایگان
  5. کمک: راهنمای کلی کارباافزونه
  6. اطلاعات سیستم: مشاهده اطلاعات مربوط به افزونه، خطاها و اطلاعات کلی وردپرس

مراحل ساخت گالری تصاویر رسپانسیو

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

مراحل ساخت گالری تصاویر رسپانسیو
مراحل ساخت گالری تصاویر رسپانسیو

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

مراحل ساخت گالری تصاویر رسپانسیو
مراحل ساخت گالری تصاویر رسپانسیو

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

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

استفاده از شورت کدها

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

استفاده از شورت کدها
استفاده از شورت کدها

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

نتیجه نهایی

پس از درج شورت کد، نتیجه نهایی مطابق تصویر زیر خواهد بود که باتوجه به نیازخود میتوانید ظاهر آن را متفاوت تر طراحی کنید:

نتیجه نهایی
نتیجه نهایی

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

نتیجه نهایی
نتیجه نهایی

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

Click to rate this post!
[Total: 1 Average: 5]
نوشته ایجاد شد 419

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

نوشته های مرتبط

متنی که میخواهید برای جستجو وارد کرده و دکمه جستجو را فشار دهید. برای لغو دکمه ESC را فشار دهید.

بازگشت به بالا