در این مقاله، به شما آموزش می دهیم تا به ساده ترین روش یک گالری تصاویر هنری برای وبسایت خود با استفاده از المنتور ایجاد کنید.بدون توجه به نوع وبسایتتان، اگر می خواهید کارهای خود را به صورت خلاقانه نمایش دهید یا می خواهید وبسایتتان را جذاب تر کنید، استفاده از یک گالری تصاویر هنری به شما کمک خواهد کرد. افزودن یک گالری تصاویر راهی عالی برای نمایش کارهایتان است. تصاویر می توانند بخش بسیار حیاتی ایفا کنند اگر می خواهید خدمات یا کارهای خود را به صورت بصری به کاربران خود نشان دهید این آموزش به شما بسیار کمک خواهد کرد. افزودن یک گالری تصاویر هنری بسیار آسان است به شرط آن که از ابزارهای مناسب استفاده کنید. افزونه هایی مانند المنتور و Absolute Addons به شما امکان می دهند تا بدون نوشتن حتی یک خط کد نویسی، یک گالری تصاویر را به وبسایت خود اضافه کنید.
نکته : برای خرید افزونه المنتور پرو اینجا کلیک کنید.
نحوه ایجاد یک گالری تصاویر هنری در المنتور
برای ایجاد یک گالری تصاویر هنری، در قدم اول نیاز به نصب و فعالسازی افزونه Absolute Addons دارید. Absolute Addons افزونه ای است که تجربه ای زیبا از ایجاد وبسایت برای شما فراهم می کند. با بیش از ۲۵۰ ابزارک طراحی آماده، می توانید به سرعت یک وبسایت زیبا ایجاد کنید. این افزونه شامل ابزار ساخت تصاویر است که به شما امکان می دهد یک گالری تصاویر زیبا به وبسایت خود اضافه کنید. برای استفاده از ابزارک Image Grid، ابتدا با کلیک بر روی آیکون “+” در المنتور، یک بخش ایجاد کنید. سپس از بخش بلاک در نوار سمت چپ، به دنبال ابزارک Image Grid بگردید. ابزارک Image Grid را بکشید و در بخش ایجاد شده قرار دهید.
حالا در زیر قسمت محتوا از منوی قالب ها (Template)، شما می توانید قالب های شبکه تصاویر را انتخاب کنید. چندین قالب موجود است.
از گزینه محتوا، می توانید مورد را به بخش شبکه تصاویر خود اضافه کنید. برای اضافه کردن مورد جدید روی دکمه “افزودن آیتم” کلیک کنید. می توانید با کلیک بر روی آیکون کپی، هر آیتمی را کپی کنید یا با استفاده از آیکون حذف، یک آیتم را حذف کنید. برای انتخاب تصویر، روی هر کدام از آیتم ها کلیک کنید. تصویر خود را بار گذاری کنید و سپس متن آلت (alt text) تصویر را اضافه کنید. در اینجا یک گزینه برای تنظیم سبک تصویر وجود دارد. شما می توانید سبک تصاویر خود را تنظیم کنید به عنوان مثال:
- بدون(None)
- عریض(Wide)
- بلند(Tall)
- بزرگ(Big)
شما همچنین می توانید قابلیت نمایش تصاویر در پنجره متحرک را فعال یا غیر فعال کنید.
به بخش استایل (Style) بروید که در آن گزینه های مختلفی برای طراحی بخش شبکه تصاویر وجود دارد.
عکس ها (Images)
از اینجا می توانید (padding) و عرض تصاویر را تنظیم کنید.
کنترل فاصله (Gap Control)
از گزینه کنترل فاصله می توانید فاصله سطر و ستون را تنظیم کنید.
قسمت پیشرفته
در قسمت پیشرفته می توانید نوع حاشیه (border)، رنگ حاشیه، شعاع حاشیه (border-radius) و سایه جعبه (box-shadow) را برای تصاویر اضافه کنید. و همینطور میتوانید افکت های متفاوتی را بر روی تصاویر خود در این قسمت اعمال کنید.
تمام شد! بخش گالری تصاویر شما کاملاً آماده استفاده است.
