نحوه اعمال ماسک تصویر در المنتور

آیا می خواهید ماسک تصویر را در آن اعمال کنید Elementor ?

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

اگر شما استفاده از Elementor Pro و دانش CSS داشته باشید، می توانید CSS سفارشی را برای اعمال ماسک تصویر روی یک تصویر اضافه کنید. اگر دانش CSS ندارید، می توانید از آن استفاده کنید افزونه افزونه Happy Addons برای اعمال ماسک تصویر در المنتور.

Happy Addons یک افزونه Freemium Elementor است که دارای عملکردی برای اعمال ماسک تصویر است. این ویژگی خود فقط در نسخه حرفه ای موجود است، بنابراین برای استفاده از این ویژگی باید از نسخه حرفه ای Happy Addons استفاده کنید.

به هر حال، ماسک تصویر چیست؟

پوشش تصویر فرآیندی است که در آن قسمت‌های خاصی از تصویر پنهان می‌شود تا بر قسمت‌های دیگر تأکید شود. این فرآیند اغلب در ابزارهای ویرایش تصویر مانند Photoshop و GIMP اعمال می شود.

در اینجا مثال آورده شده است.

CSS اساساً یک ویژگی برای اعمال ماسک تصویر دارد. اما باز هم، برای استفاده از آن باید مهارت های CSS داشته باشید. تو میتوانی بخوانی مقاله CET برای پیدا کردن بیشتر

Happy Addons یک راه حل عالی برای اعمال ماسک تصویر در Elementor است اگر دانش CSS ندارید.

چطور کار می کند؟

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

نحوه اعمال ماسک تصویر

قبل از شروع، مطمئن شوید که نسخه حرفه ای Happy Addons را بر روی خود نصب و فعال کرده اید سایت اینترنتی وردپرس. می توانید آن را دریافت کنید وب سایت رسمی آن.

هنگامی که همه چیز آماده شد، یک صفحه جدید ایجاد کنید و آن را با Elementor ویرایش کنید، یا می توانید یک صفحه موجود را نیز ویرایش کنید. ویجتی را که شامل یک تصویر است - مانند ویجت Image - به کادر ویرایش اضافه کنید.

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

یک شکل پوششی را که دوست دارید انتخاب کنید. شما همچنین می توانید موقعیت پوشش را تنظیم کنید، اندازه را تنظیم کنید و تکرار کنید. اگر می‌خواهید با استفاده از یک فایل SVG از یک شکل پوشاننده سفارشی استفاده کنید، می‌توانید روی نماد تصویر (کنار نماد Happy Addons) کلیک کنید.

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

اکنون Elementor Pro را دریافت کنید!!!

نتیجه

اینجا ! این برای این مقاله است که به شما نشان می دهد چگونه ماسک تصویر را در المنتور اعمال کنید. اگر در مورد نحوه رسیدن به آنجا نگرانی دارید، به ما اطلاع دهید نظر.

با این حال ، شما همچنین می توانید مشورت کنید منابع مااگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.

اما در عین حال، این مقاله را در شبکه های اجتماعی مختلف خود به اشتراک بگذارید.

...