-
نویسنده : tahaweb-admin
- دسته بندی : آموزش
- تاریخ انتشار :
- تاریخ بروزرسانی : سپتامبر 18, 2025
در دنیای طراحی وب، جلوههای بصری مدرن میتوانند تجربه کاربری را به شکل چشمگیری بهبود دهند. یکی از جذابترین و پرطرفدارترین این افکتها، Liquid Glass است؛ افکتی که به عناصر سایت ظاهری شیشهای و شفاف میدهد و حس حرکت و عمق ایجاد میکند.
اگر شما هم از کاربران وردپرس و المنتور هستید، خبر خوب این است که با استفاده از ابزارها و تکنیکهای ساده میتوانید این افکت را به صفحات سایت خود اضافه کنید و ظاهر سایتتان را حرفهای و مدرن کنید. در این مقاله، قدم به قدم نحوه استفاده از افکت Liquid Glass در المنتور را آموزش میدهیم تا بتوانید سایت خود را به سبک مدرن طراحی کنید.
سایت حرفه ای ساخت افکت Liquid Glass
برای ایجاد افکت Liquid Glass در سایتهای وردپرسی، استفاده از ابزارهای آنلاین باعث میشود بدون نیاز به کدنویسی حرفهای، صفحات سایت خود را شیشهای و مدرن طراحی کنید. در ادامه چند ابزار محبوب را معرفی کردهایم:
1. Liquid Glass Generator
توضیح: این سایت یک ابزار اختصاصی برای ساخت افکت Liquid Glass است. شما میتوانید رنگ پسزمینه، میزان شفافیت، شدت تاری و سایهها را تنظیم کرده و کد CSS آماده دریافت کنید.
مزایا:
-
رابط کاربری ساده و قابل فهم حتی برای مبتدیان
-
امکان دریافت کد CSS آماده برای استفاده در المنتور و وردپرس
-
پیشنمایش زنده تغییرات قبل از گرفتن کد
معایب: -
گزینههای سفارشیسازی پیشرفته محدود هستند
-
برای پروژههای بزرگ، نیاز به تغییر دستی CSS ممکن است
آموزش اعمال افکت Liquid Glass در المنتور
در این بخش، یاد میگیریم چگونه کدهایی که از ابزارهای آنلاین گرفتیم را در صفحات المنتور سایت وردپرسی خود اعمال کنیم و ظاهر شیشهای زیبا ایجاد کنیم.
مراحل پیشنهادی:
-
ایجاد یا انتخاب یک بخش در المنتور
-
کارت، دکمه یا ستون موردنظر خود را انتخاب کنید.
-
این بخش جایی است که افکت Liquid Glass را روی آن اعمال میکنید.
-
-
قرار دادن CSS آماده
-
از ابزارهایی مثل Liquid Glass Generator کد CSS دریافت کنید.
-
در المنتور، به تب Advanced > Custom CSS بروید و کد را وارد کنید.
(توجه: ویژگی Custom CSS در المنتور پرو در دسترس است.)
-
-
تنظیمات ظاهری اضافی
-
اگر نیاز بود رنگها یا میزان شفافیت را تغییر دهید تا با طراحی سایت شما هماهنگ شود.
-
میتوانید سایهها، حاشیهها و انحنای گوشهها را هم تغییر دهید.
-
-
پیشنمایش و انتشار
-
پیشنمایش صفحه را ببینید و مطمئن شوید افکت درست اعمال شده است.
-
سپس صفحه را منتشر کنید تا کاربران سایت نیز این جلوه شیشهای را مشاهده کنند.
-
این آموزش ساده و کاربردی تنها یک نکته کوچک از دوره کامل آموزش وردپرس در اصفهان است. با یادگیری این تکنیکها، میتوانید سایت خود را با المنتور حرفهای و مدرن طراحی کنید.
اگر میخواهید تکنیکهای بیشتری مثل این افکت Liquid Glass یاد بگیرید و کل سایت خود را با طراحی مدرن و جذاب بسازید، همین حالا به دوره جامع آموزش وردپرس در اصفهان ما بپیوندید و از تجربیات عملی و نکات حرفهای مدرس استفاده کنید:
مشاهده دوره آموزش وردپرس در اصفهان
مشاهده دوره آموزش المنتور در اصفهان
نظرات شما درباره ما