گالری تصاویر یکی از بخشهای مهم در طراحی سایت است که علاوه بر زیبایی بصری، تأثیر مستقیمی بر معرفی محصولات، نمایش تخفیفها و جذب کاربران دارد. وجود یک گالری حرفهای و کاربرپسند میتواند نرخ کلیک و فروش شما را افزایش دهد. مدیریت درست گالری در صفحات مختلف سایت اهمیت بالایی دارد، زیرا باعث میشود جلوهای منظم و جذابتر برای کاربر داشته باشد.
راههای ساخت گالری
برای ساخت گالری تصاویر در المنتور، دو روش اصلی وجود دارد:
۱. کتابخانه رسانهها
در این روش تصاویر مورد نظر خود را در وردپرس آپلود کرده یا از تصاویر موجود در کتابخانه رسانه استفاده میکنید. این روش مطمئنتر است زیرا تصاویر همیشه روی هاست شما باقی میمانند.
۲. لینک خارجی
میتوانید آدرس تصاویر را بهصورت لینک خارجی وارد کنید. با این حال این روش پیشنهاد نمیشود، چون اگر تصویر در هاست خارجی حذف یا تغییر نام داده شود، گالری شما دچار مشکل خواهد شد.
نحوه ساخت گالری در المنتور
پس از افزودن بخش جدید در صفحه:
-
ابزارک گالری تصاویر (Gallery) را به داخل ستون بکشید.
-
در تنظیمات محتوا، حالت پیکربندی را روی چندگانه (Multiple) قرار دهید.
-
آیتم جدید اضافه کنید، نام گالری را مشخص کرده و تصاویر دلخواه را از کتابخانه انتخاب کنید.
-
با گزینه درج گالری تصاویر را اضافه کنید. بهتر است برای هر تصویر نام مشخصی بگذارید تا مدیریت گالری سادهتر شود.
-
تنظیمات طرحبندی، ستونها، فاصلهها، بارگذاری تنبل (Lazy Load)، پیوند و اندازه تصاویر را طبق نیاز تغییر دهید.
-
از بخش فیلتر میتوانید فیلترها را فعال یا غیرفعال کنید و افکتهای هاور یا انیمیشن برای گالری انتخاب کنید.
-
در بخش پوشش (Overlay) نیز میتوانید پسزمینه، عنوان و توضیحات را تغییر دهید.
تنظیمات استایل
در بخش استایل میتوانید ظاهر گالری را شخصیسازی کنید:
-
تغییر رنگ و استایل تصاویر در حالت عادی و هاور.
-
تنظیم پسزمینه و تایپوگرافی متنها.
-
تغییر رنگ و افکت فیلترها برای جذابیت بیشتر.
-
ایجاد فاصله، حاشیه و استایل دلخواه برای آیتمها.
جمعبندی
با المنتور میتوانید بهسادگی یک گالری حرفهای و زیبا بسازید. استفاده از کتابخانه رسانهها، مدیریت تصاویر را سادهتر میکند و با شخصیسازی تنظیمات محتوا و استایل، میتوانید گالریهایی جذاب و کاربرپسند ایجاد کنید که هم برای معرفی محصولات و هم برای جلب توجه کاربران بسیار مؤثر است.
منبع : https://ofoghweb.com/use-the-gallery-widget-elemntor/
:: بازدید از این مطلب : 4
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0