جلسه ۵۴

ایجاد گالری تصاویر در المنتور با ویجت 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 : فونت و تنظیمات قلم متن توضیحات در این قسمت انتخاب می شود .

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

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

10 پاسخ

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

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

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

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

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

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

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

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

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

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

آپدیت های جدید محصولات

جدیدترین محصولات آپدیت شده