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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

نتیجه نهایی

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

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

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

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

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

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

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

  دانلود صفحه افزونه

راه آسان‌تری برای ارتباط با کاربران‌مان پیدا کرده‌ایم :) کانال تلگرام همیار وردپرس

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

۲۶۰,۷۵۴ نفر

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

دیدگاه‌های این نوشته جدید شاخص

  1. 2 هفته عضو همیار وردپرس

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

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

  2. باسلام
    آیا در امکان اضافه کردن تصویر با استفاده از لینکِ تصویر یا پوشه در FooGalley وجود دارد؟

  3. سلام من این افزونه رو دانلود کردم چرا برا من فارسی نیست این افزونه ؟

    • 1 سال عضو همیار وردپرس

      سلام. افزونه فارسی هستش. پوشه languages افزونه رو چک کنید.

    • سلام امکانش هست به صورت تصویری نشون بدید چون من گشتم نشون نمیده ممنون میشم

    • 1 سال عضو همیار وردپرس

      داخل همون پوشه افزونه یه پوشه هست به نام languages که مربوط به افزونه میشه و در اصل فایل های ترجمه اون هستن. چک کنید که فایل مربوط به زبان فارسی در اون وجود داشته باشه. البته این رشته ها تاثیرچندانی روی خروجی کار ندارن چون خروجی افزونه یک گالری ساده هستش.

  4. وقتی گالری رو به عنوان نوشته به دسته‌ای از نوشته‌ها مرتبط می‌کنم، توی نمایش دسته‌ی نوشته در وب‌سایت، زیرِ عنوان گالری (عنوان نوشته) شورت‌کدِ فوتوگالری رو هم نمایش می‌ده، چیکار کنم که این شورت‌کد رو نشون نده؟!!!

    • 1 سال عضو همیار وردپرس

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

  5. با سلام
    افزونه داخل سایت آپلود نمیشه این ارور را میده لطفا راهنمایی

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

    نصب افزونه با خطا مواجه شد.

    با سپاس

    • 1 سال عضو همیار وردپرس

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

  6. 9 ماه عضو همیار وردپرس

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

    • 1 سال عضو همیار وردپرس

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

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

    • 1 سال عضو همیار وردپرس

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

  8. ایا با کمک این افزونه این امکان وجود داره که مثلا نام یک سری محصول را به یک گالری اختصاص بدهیم؟
    مثلا کلمه محصولات کلیک بشه ویک گالری نمایش داده بشه.

  9. چطور می توان به گالری فیلم اضافه کرد؟

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

  11. 1 سال عضو همیار وردپرس

    سلام
    بسیار عالی بود. بخصوص که امکاناتش رایگان هست!

  12. سلام
    ممنون عالي بوى

مطالب زیر را حتما بخوانید

محبوبترین‌های آموزش آنلاین

  • دوره ۱۳ جامع وبمستران هوشمند

    ۶.۸ میلیون تومان
    ساخت کسب‌و‌کار اینترنتی امروزه یکی از اساسی‌ترین کارها برای ایجاد یا توسعه درآمدزایی میباشد. هر ایده‌ای که دارید میتوانید آنلاین در فضای اینترنتی راه اندازی نمایید فقط کافیست که بخواهید. یا اگر چندین سال...
  • دوره جامع ۰ تا ۱۰۰ آموزش طراحی سایت و آموزش طراحی فروشگاه اینترنتی

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

    ۲۹۰ هزار تومان
    اینستاگرام فرصتی فوق‌العاده است. با توجه به اینکه هر روز آمار استفاده کنندگان ایرانی از اینستاگرام افزوده می‌شود و واقعا خود اینستاگرام هم به شدت قوی و مرتب بروزرسانی می‌کند، بازار خیلی خوبی برای تجارت...
مشاهده همه آموزش‌های آنلاین