بیش از 130 المان سفارشی سازی شده المنتور

گالری پیشرفته

ابزارک های پیشرفته المنتور

شروع کنید

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

بنابراین، با ترکیب این افکت‌های هاور شگفت‌انگیز، انیمیشن‌های فیلتر و موارد دیگر، می‌توانید جذاب‌ترین طرح‌ها را ایجاد کنید. علاوه بر این، می‌توانید از بیش از 4 سبک پاپ‌آپ منحصربه‌فرد برای برجسته کردن جزئیات هر آیتم گالری خود استفاده کنید. ابزارک گالری پیشرفته ما برای المنتور در تمامی دستگاه‌های نمایش کاملاً واکنش‌گرا است و شما می‌توانید طرح واکنش‌گرا را نیز استایل‌دهی کنید. بیایید این ویژگی‌های قابل توجه را بررسی کنیم و ببینیم چگونه می‌توانید به طور کامل از آن‌ها برای وب‌سایت خود استفاده کنید.

الزامات

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

برای فعال‌سازی ویجت، به سادگی مراحل زیر را دنبال کنید:

مرحله 1

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

گام 2

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

Xpro Addons dashboard highlighting advance gallery

با استفاده از ابزارک گالری پیشرفته ایکس پرو، می‌توانید آیتم‌های گالری خود را در وب‌سایت خود کاملاً برجسته کنید. می‌توانید از ترکیب فیلترهای انیمیشن شگفت‌انگیز، افکت‌های شناور یا پاپ‌آپ و موارد دیگر برای ایجاد جذاب‌ترین محتوا برای جلب توجه بازدیدکنندگان سایت خود استفاده کنید. این موثرترین راه برای اجازه دادن به مخاطبان شما برای توجه به کار شما و اقدام است. شما می توانید کار خود را در چندین آیتم گالری چشم نواز ارائه دهید و آنها را برای ناوبری آسان دسته بندی کنید. این منحصر به فرد، سرگرم کننده و صرفه جویی در زمان است! در اینجا نحوه استفاده از این ابزارک شگفت انگیز گالری پیشرفته المنتور آورده شده است.

مرحله 1

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

مرحله2

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

dragging advance gallery to Elementor page builder

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

Elementor advanced gallery widget default display

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

پس از انتخاب گالری و سبک شبکه خود. در زیر آن چندین گروه فیلتر را با نام (پیش‌فرض) خواهید دید. روی هر فیلتری کلیک کنید و آن را به دلخواه نامگذاری کنید. برای تنظیم تصویر برجسته، روی گزینه تصویر شاخص کلیک کنید و هر تصویر دلخواه خود را از کتابخانه رسانه انتخاب کنید یا آن را از رایانه خود آپلود کنید. همچنین می توانید با کلیک بر روی بخش زیر تصاویر گالری، چندین مورد را در یک فیلتر انتخاب کنید.

Elementor advanced image gallery widget

حتی می‌توانید با دادن یک نام فیلتر متفاوت برای آن موارد، آیتم‌های گالری را به بیش از یک فیلتر اختصاص دهید. روی دکمه «افزودن مورد» کلیک کنید و نام گروه فیلتر پیش‌فرض را تغییر دهید.

Filterable gallery widget for Elementor

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

Elementor filterable gallery widget

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

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

این نیز نمای پیش فرض است.

Advanced gallery widget for Elementor

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

Advance Filterable image gallery widget

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

The result will look something like this.

popup view of Elementor advanced gallery widget

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

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

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

برای درک بهتر، به مثال زیر نگاه کنید. در اینجا من از تصویر 300×300 به عنوان کوچکترین وضوح تصویر استفاده کرده ام.

mosaic layout in advanced gallery widget

حالا به همان روشی که در بالا برای گالری ساده در شروع انجام دادیم، چند تصویر جذاب اضافه کنید. فقط مطمئن شوید که تصاویر را با توجه به اندازه های ذکر شده در بالا اضافه کنید.

نتیجه نهایی چیزی شبیه به این خواهد بود.

mosaic layout in image gallery widget for elementor

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

item adjustment in advanced gallery widget for elementor

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

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

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

implementing featured image in the elementor gallery widget

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

loading images in the advanced image gallery widget

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

view of Elementor Advanced Gallery Widget

حالا بیایید انیمیشن را به فیلترهای گالری خود در المنتور اضافه کنیم. از بخش فیلتر، از بین بیش از 20 انیمیشن شگفت انگیز فیلتر انتخاب کنید. در اینجا ما انیمیشن “کج شدن” را امتحان خواهیم کرد.

Filter animation in advanced image gallery widget

اکنون هر زمان که شخصی بین فیلترهای گالری شما جابجا شود، یک انتقال متحرک منحصر به فرد درست مانند موارد زیر اتفاق می افتد:

Filter animation

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

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

Filter styling in advanced gallery widget

به طور مشابه، می توانید فیلترها را برای حالت “هاور” سفارشی کنید. از قسمت فیلتر، روی گزینه هاور کلیک کنید. در اینجا می توانید رنگ بندی متن فیلتر، پس زمینه و حاشیه را تغییر دهید.

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

icon display in image of advance gallery widget for elementor

هنگامی که گزینه نماد را فعال کردید، می‌توانید برای افزودن یا تغییر آیکون‌های مورد خود، به برگه استایل بروید. می‌توانید از بخش نمادها برای افزودن نمادها از گالری نمادها استفاده کنید و همچنین می‌توانید یک SVG سفارشی را از رایانه خود آپلود کنید. این ویژگی همچنین به شما امکان می دهد اندازه، پس زمینه و رنگ یک نماد را تغییر دهید. همچنین می توانید اندازه و رنگ پس زمینه آیکون را نیز تنظیم کنید. علاوه بر این، حتی می توانید افکت های شناور را به نماد خود اضافه کنید.

icon customization in advance gallery widget for elementor

عنوان و توضیحات را به تصاویر خود در گالری اضافه کنید. این یکی دیگر از ویژگی های شگفت انگیز است که می توانید هنگام استفاده از ویجت گالری پیشرفته ایکس پرو ما از آن استفاده کنید. اضافه کردن کپشن های جذاب به تصاویر خود مطمئناً آنها را برای بازدیدکنندگان سایت جذاب تر و جذاب تر می کند. علاوه بر این، می‌توانید توضیحاتی را اضافه کنید که به شما کمک می‌کند زمانی که یک نوار لغزنده روی آیتم گالری شما می‌آورند، توضیح مختصری درباره تصویر خود بدهید.

روی لغزنده‌های جلوی گزینه‌های زیرنویس و توضیحات در بخش پیشرفته کلیک کنید تا آنها فعال شوند و روی تصاویر شما ظاهر شوند. نتیجه نهایی چیزی شبیه به این خواهد بود:

image title and description

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

به بخش بارگیری بیشتر در برگه محتوا بروید، این نمای پیش‌فرض را خواهید دید.

load more feature in advanced gallery widget

اکنون می توانید گزینه بارگذاری بیشتر را از هیچ کدام به هیچ یک از اینها (کلیک، اسکرول، سفارشی) تغییر دهید. پس از انتخاب گزینه مورد نظر خود می توانید موارد را در هر صفحه تنظیم کنید. حتی می‌توانید نام گزینه‌های پیش‌فرض را مطابق با خود تغییر دهید و می‌توانید برای موارد گالری باقی‌مانده برای نمایش شماره‌گذاری کنید.

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

اجازه دهید من همچنین یک پیش نمایش جذاب از این را مطابق با الزامات ما به شما نشان دهم. در اینجا من از گزینه کلیک استفاده می کنم، برای نمایش 3 آیتم در هر صفحه تنظیم می کنم و گزینه تعداد دکمه ها را فعال می کنم. همچنین نام متن دکمه را به «نمایش بیشتر» تغییر داده‌ام و آن را از برگه «استایل » طراحی کرده‌ام.

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

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

بیایید یک پیش نمایش با جلوه نوآورانه بازشو ببینیم. من همچنین آیکون های تصویر کوچک، دانلود و اشتراک گذاری را هایلایت کرده ام.

می‌توانید در عرض چند دقیقه افکت‌های هاور جذابی به آیتم‌های گالری خود اضافه کنید. بیایید آن‌ها را طراحی کنیم تا فوراً بازدیدکنندگان سایت شما را جذب کنند. به زبانه استایل بروید و روی بخش پوشش کلیک کنید. در ابزارک گالری پیشرفته ایکس پرو ما، می‌توانید از بین بیش از 10 افکت هاور شگفت‌انگیز انتخاب کنید. برای جذاب‌تر کردن افکت هاور خود، می‌توانید یک رنگ ثابت را به عنوان نوع پس‌زمینه تنظیم کنید. برای انجام این کار، گزینه کلاسیک را از بخش نوع پس‌زمینه انتخاب کنید، رنگ دلخواه خود را تنظیم کنید و میزان شفافیت آن را تعیین کنید.

آیتم‌های گالری شما با افکت «حرکت به راست» زمانی که کاربر بر روی آیتم‌های گالری شما هاور می‌کند، به این شکل خواهند بود:

شما همچنین می‌توانید در بخش پوشش یک پس‌زمینه گرادیانت با ترکیبی از 2 رنگ استایل‌دهی کنید. فقط گزینه پس‌زمینه گرادیانت را با نوع خطی یا شعاعی انتخاب کنید. بهترین موقعیت برای گرادیانت را به دلخواه خود تنظیم کنید.

خروجی نهایی با افکت هاور «نمایش از پایین» به این شکل خواهد بود:

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

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

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