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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

نتیجه نهایی

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

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

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

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

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

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

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

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

آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

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

ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده‌اید و با آن موافق هستید.

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

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

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

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

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

  2. 4 سال عضو همیار وردپرس

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

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

      سلام
      نسخه های حرفه‌ای افزونه های گالری تصویر رو از ژاکت خریداری کنید.

  3. 4 سال عضو همیار وردپرس

    سلام-ببخشید یه سوال داشتم-من میخوام تو سایتم یه صفحه جداگانه با عنوان گالری تصاویر بزارم و هر سری یه تعداد عکس با موضوع مشخص بزارم که دسته بندی درستی داشته باشه و علاوه بر اون میخوام چند تا از ایت تصاویر رو به عنوان یک کروسل اسلایدی در هوم پیج سایتم قرار بدم با المنتور-راحتترین راهی که شما پیشنهاد می کنید چیه؟ یعنی اینکه هر سری که گالری رو درست می کنم تو یه برگه نوشته بعد از انتشار بره تو صفحه گالری تصاویر سایت به عنوان پست جدید و تو هوم پیج هم تو قسمت کروسل تصاویر نشون بده…
    ممنونم

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

      سلام
      لطفا واضح تر توضیح بدید، متاسفانه متوجه منظورتون نشدم.

  4. 5 سال عضو همیار وردپرس

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

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

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

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

      درود و احترام
      منم همین مشکل رو دارم . و نمونه آماده داخل ویدیو آموزشی تو لیست افزونه وجود ندارد

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

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

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

      سلام
      خیر چنین امکانی نداره

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

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

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

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

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

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

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

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

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

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

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

      سلام
      مطمئنا تنظیمات یک بخشی رو درست انجام ندادید دوست عزیز. لطفا مجدد بررسی کنید.

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

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

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

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

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