هنر ما را به گونه اي رويايي از درد هستي رها مي سازد.
خوش آمدید - امروز : پنج شنبه ۲۳ آذر ۱۳۹۶
خانه » آموزش وردپرس » ساخت گالری تصاویر رسپانسیو در وردپرس با افزونه FooGallery + آموزش ویدئویی

ساخت گالری تصاویر رسپانسیو در وردپرس با افزونه FooGallery + آموزش ویدئویی

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

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

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

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

foobox برای ایجاد تصاویر
لایت باکس در وردپرس
است که در مقاله
های قبلی همیار به آن اشاره کردیم.

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

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

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

foogallery-گالری تصاویر رسپانسیو در وردپرس

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

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

gallery-گالری تصاویر رسپانسیو در وردپرس

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

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

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

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

add gallery-گالری تصاویر رسپانسیو در وردپرس

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

gallery setting-گالری تصاویر رسپانسیو در وردپرس

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

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

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

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

shortcode-گالری تصاویر رسپانسیو در وردپرس

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

نتیجه نهایی

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

result -گالری تصاویر رسپانسیو در وردپرس

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

result2-گالری تصاویر رسپانسیو در وردپرس

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

آموزش ویدئویی

دانلود افزونه Foogallery

  دانلود دانلود نسخه حرفه‌ای
صفحه افزونه

اشتراک گذاری مطلب
ایمیل شما آشکار نمی شود

نوشتن دیدگاه

تمام حقوق مادی , معنوی , مطالب و طرح قالب برای این سایت محفوظ است - طراحی شده توسط پارس تمز