جلسه ۵۴

ایجاد گالری تصاویر در المنتور با ویجت Basic Gallery

مسعود قربان خانی

مدرس : مسعود قربان خانی

فایل های ضروری و مورد نیاز

ایجاد گالری تصاویر در المنتور

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

تخفیف ویژه دانشجویان دوره رایگان المنتور

علاوه بر تخفیف همیشگی المنتور پرو 20% بیشتر تخفیف بگیرید

کد تخفیف : off-elementor

در این نوشته شما می خوانید

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

گالری زیبا در المنتور
گالری زیبا در المنتور

آموزش طراحی گالری تصاویر با المنتور

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

 گالری تصاویر در المنتور با ویجت Basic Gallery
گالری تصاویر در المنتور با ویجت Basic Gallery

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

تنظیمات گالری تصاویر المنتور

تب محتوا / Content

گالری تصاویر / Image Gallery

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

  1. انتخاب تصاویر : در این قسمت میتوانید تصاویر خودتان را جهت نمایش در گالری انتخاب کنید کافیه علامت پلاس را بزنید و اضافه کنید .
  2. اندازه عکس / Image Size : در این قسمت اندازه تصویر را مشخص کنید  .
  3. ستون ها / Columns : در این قسمت نیز تعداد ستون های نمایش را انتخاب کنید که میتوانید از 1 تا 10 انتخاب کنید .
  4. پیوند / Link to : برای گالری تصویر خود میتوانید لینک درج کنید .
  5. لایت باکس / Lightbox : با انتخاب بله زمانی که روی هر یک از تصاویر کلیک شود لایت باکس نمایش داده می شود .
  6. ترتیب برا اساس / Ordering : میتوانید ترتیب نمایش تصاویر را تغییر دهید و به صورت تصادفی نیز نمایش داده شود .

تب استایل / Style

تصاویر / Images

  1. فاصله گذاری / Spacing : می توانید فاصله بین تصاویر را دستی زیاد و سفارشی کنید .
  2. نوع کادر /  Border Type : با انتخاب استایل های Solid, Double, Dotted, Dashed, یا Groove می توانید به گالری خود کادر اضافه کنید و زیبایی چندین برابر ایجاد کنید .
  3. انحنای مرز / Border Radius : به وسیله این قسمت می توانید گوشه های تصاویر را گرد کنید .

کپشن / Caption

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

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

نحوه اضافه کردن کپشن و توضیحات به تصاویر وردپرس
نحوه اضافه کردن کپشن و توضیحات به تصاویر وردپرس
  1. نمایش / Display : میتوانید از این قسمت کپشن را فعال و غیر فعال کنید .
  2. چیدمان / Alignment : نحوه نمایش کپشن یا توضیحات تصویر در این قسمت می توانید انتخاب کنید .
  3. رنگ متن کپشن / Text Color : رنگ توضیحات را مشخص میکنید .
  4. تایپوگرافی / Typography : فونت و تنظیمات قلم متن توضیحات در این قسمت انتخاب می شود .

سوالات و مشکلات شما در این جلسه

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

18 پاسخ

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

    1. سلام درود بر شما
      در حال حاضر، در ویجت گالری پیش‌فرض المنتور گزینه‌های Pagination یا Load More به صورت مستقیم در تنظیمات وجود ندارد. می‌توانید از افزونه‌هایی مثل Essential Addons for Elementor یا PowerPack Addons for Elementor استفاده کنید که این قابلیت‌ها را به ویجت گالری اضافه می‌کنند. این افزونه‌ها معمولاً گزینه‌هایی برای صفحه‌بندی، بارگذاری بیشتر یا فیلتر کردن تصاویر به طور پیشرفته فراهم می‌کنند.

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

    1. سلام خدمت شما
      اگر تصاویر در المان گالری یا کاروسل المنتور نمایش داده نمی‌شوند، ابتدا کش سایت و مرورگر را پاک کنید. سپس مطمئن شوید که المنتور و قالب سایت به‌روز هستند. به مسیر پیشخوان > المنتور > تنظیمات > عناصر بروید و بررسی کنید که کاروسل رسانه فعال باشد. تداخل افزونه‌ها را با غیرفعال کردن موقت سایر افزونه‌ها بررسی کنید. همچنین تنظیمات گالری را چک کنید تا محدودیتی در اندازه تصاویر نباشد و کنسول مرورگر را برای ارورهای احتمالی بررسی کنید. در نهایت، کدهای سفارشی را برای تداخل احتمالی بازبینی کنید.

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

    1. سلام درود بر شما
      قابلیت لینک گذاری ندارد و باید از ویجت Taxonomy Filter استفاده کنید که باید در تنظیمات المنتور بخش ویژگی ها فعال نمایید

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

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

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

  6. وقت بخیر.این المان خیلی کلی هست. من می خواهم دور هر عکسی که در گالری هست را استایل بدهم. سایه بدهم و … برای اینکار ویجت المنتوری هست که نصب کنم؟

    1. برای این منظور میتوانید از CSS استفاده کنید و یا از افزونه های جانبی دیگر که این ویجت را دارند .

  7. گالری ایجاد کردم . زیر هر عکس مشخصاتش که با اون نام ذخیره شده افتاده و خیلی نامرتب نشون میده . راهکاری داره؟

    1. سلام عکس ها را ویرایش کنید و توضیحات را پاک کنید از بین می رود و یا در تنظیمات ویجت غیرفعال نمایید .

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

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

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