ساختن گالری عکس با افزونه Envira Gallery Lite

ساخت گالری عکس با افزونه Envira Gallery Liteساخت گالری عکس در وردپرس

سلام دوستان؛

عکس ها یکی از بهترین راههای تعامل با بازدیدکنندگان سایت هستند.همه ما می دانیم اثری که یک تصویر می تواند بر مخاطب سایت ما بگذارد بسیار زیاد است.حتی اگر متنی بسیار خوب نوشته شده باشد باز سرعت تاثیر گذاری یک تصویر در اغلب اوقات بیشتر است.از طرف دیگر در برخی شرایط به یک گالری عکس در سایتمان نیازداریم که در آن مجموعه ای از عکس ها را در کنار یک دیگر قرار دهیم که کاربر بتواند با کلیک بر روی هر کدام از این عکس ها،آن عکس را به صورت Light Box ببیند.

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

 

 

easygalley_4_hamyarwp.com

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

نصب و فعال سازی

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

easygalley_4_hamyarwp.com

تنظیم افزونه

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

easygalley_6_hamyarwp.com

همانطور که در صفحه Add New Envira Gallery  می بینید باید برای ساختن یک گالری تصویر پنج مرحله زیر را طی کنید

  1. Images
  2. Config
  3. Lightbox
  4. Misc
  5. قراردان کد کوتاه گالری در صفحه یا پست دلخواه

در ادامه این پنج مرحله را با هم بررسی می کنیم.

مرحله یک _ Images:

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

مرحله دو _ Config:

در این مرحله پیکربندی گالری عکس را تنظیم می کنید.این قسمت همانطور که در تصویر می بینید شامل قسمت های زیر می شود.easygalley_7_hamyarwp.com

  1. Number of Gallery Columns : تعداد ستون های موجود در گالری را در این قسمت تنظیم کنید.
  2. Gallery Theme : قالب گالری را در این قسمت انتخاب می کنید (در نسخه رایگان فقط یک قالب وجود دارد)
  3. Column Gutter Width : مقدار فاصله بین ستون ها را در این قسمت تنظیم می کنید
  4. Margin Below Each Image : مقدار فضای زیر هر آیتم (عکس) در گالری را در این قسمت تنظیم می کنید.
  5. Crop Images in Gallery : در این آپشن می توانید در مورد برش تصاویر برای نمایش در گالری تصویر اصلی تصمیم بگیرید که اگه تیکش را بزنید مفهومش این است که شما به افزونه اجازه برش را داده اید.
  قالب فارسی Galleria

مرحله سوم _ Lightbox:

در این قسمت تنظیمات مربوط به lightbox را انجام می دهید.این قسمت همانطور که در تصویر می بینید شامل قسمت های زیر می شود.easygalley_7_hamyarwp.com

  1. Enable Lightbox : می توانید با برداشتن تیک این قسمت نمایش به صورت Light Box پس از کلیک بر روی عکس را غیرفعال کنید.
  2. Gallery Lightbox Theme : قالب گالری را در این قسمت انتخاب می کنید (در نسخه رایگان فقط یک قالب وجود دارد)
  3. Caption Position : مکان کپشن هر تصویر را در این قسمت انتخاب می کنید البته این قسمت اصلا مفید و کاربردی نیست.

مرحله چهارم _ Misc:

در این قسمت سایر تنظیمات یک گالری عکس را انجام می دهید.مثل  انتخاب نام (Gallery Title)،نامک(Gallery Slug)، کلاس Css دلخواه و مهمترین قسمت تنظیمات این بخش ، بخش پشتیبانی از زبان های راست به چپ (مثل فارسی) این افزونه است که اگر می خواهید پشتیبانی کند باید تیکش را بزنید.

easygalley_9_hamyarwp.com

مرحله پنجم _قراردان کد کوتاه گالری در صفحه یا پست دلخواه:

برای این کار بر روی آیکن سمت راست بالا(آیکن دارای کادر قرمز در تصویر زیر) مانند تصویر کلیک کنید و کد کوتاه این گالری عکس را کپی و در پست و یا صفحه مورد نظرتان قرار دهید.

easygalley_10_hamyarwp.com

مثلا ما می خواستیم در برگه نمونه گالری موجود در دمو را قرار هیم برای این منظور کد کوتاه گالری را در برگه نمونه قرار دادیم.

easygalley_12_hamyarwp.com

نکته :

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

گالری عکس ساخته شده با این افزونه:

easygalley_13_hamyarwp.com

easygalley_14_hamyarwp.com

جمع بندی!

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

دانلود افزونه ی فارسی envira-gallery-lite

دانلود  صفحه افزونه   پیش نمایش

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

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

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

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

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

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

    سلام. در مورد این گالری دوتا سوال داشتم
    1- آیا میشه کاری کرد که به گالری مثلا 50 تا عکس رو بدیم ولی گالری 5 تا عکس رو نشون بده و گزینه show more یا load more رو نمایش بده و بقیه عکس ها رو از اونجا مخاطبین ببینند؟
    2- آیا این گالری فیلدست هم داره که زمان ایجاد فرم در سایت از فیلدست گالری استفاده کنیم؟
    تشکر

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

    نسخه تجاریشو از کجا میشه گیر آورد ؟

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

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

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

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

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

      بله از قالب واکنش گرا استفاده میکنم و افزونه wp touch رو هم نصب کردم ولی توی گوشی وب سایت یه تم آبی ساده داشت ،الان کل هاستو ریست کردم و از اول ورد پرس رو نصب کردم و wp touch رو نصب نکردم و درست شد.به نظر شما دلیلش چی میتونه باشه ؟ ممنون

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

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

  5. ممنون

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

    خیلی ممنون 🙂

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

    اینستاگرام برای وردپرس

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

    قالب فارسی Galleria

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

دوره‌های آموزشی