درگیری با جزئیات تکراری طراحی
- × ساخت و تنظیم چندین گرادیانت و لایه گرافیکی
- × نوشتن Keyframe و کنترل سرعت انیمیشنها
- × هماهنگ کردن رنگ متن با پسزمینه روشن یا تیره
- × تکرار دوباره همین مراحل برای هر لندینگپیج
نسخه ۲.۰ با ۳۰ پسزمینه آماده
پسزمینهای که ساعتها زمان میبرد، با چند کلیک آماده کن.
با افزونه شیشهگر بدون نوشتن حتی یک خط کد، پسزمینههای شیشهای، متحرک، مدرن و مینیمال را روی برگههای وردپرس فعال کنید. زمان و انرژی خود را بهجای ساخت افکتهای پیچیده، صرف محتوا، پیشنهاد فروش و تجربه کاربر کنید.
✓
بدون نیاز به کدنویسی
✓
انتخاب جداگانه برای هر برگه
✓
مناسب لندینگپیجها
پیشنمایش پنل مدیریت شیشهگر
تنظیم پسزمینه برگه
برگه و قالب موردنظر را انتخاب کنید
برگه انتخابشده: لندینگ معرفی محصول
۳۰
قالب پسزمینه آماده
بدون کد
راهاندازی از پنل وردپرس
مستقل
از قالب فعال وردپرس
۲.۰.۰
نسخه فعلی افزونه
زمان طراحی را پس بگیرید
تمرکز شما باید روی محتوای صفحه باشد، نه جنگیدن با CSS
ساخت دستی یک پسزمینه مدرن فقط انتخاب چند رنگ نیست. لایهها، گرادیانتها، Blur، انیمیشن، خوانایی متن و نمایش صحیح در اندازههای مختلف، همگی به زمان و آزمونوخطا نیاز دارند.
انتخاب، ذخیره و تمرکز روی هدف صفحه
- ✓ انتخاب برگه موردنظر از پنل افزونه
- ✓ انتخاب یکی از ۳۰ پسزمینه آماده
- ✓ تنظیم رنگ روشن یا تیره متن برای خوانایی بهتر
- ✓ تمرکز بیشتر روی محتوا، محصول و پیشنهاد فروش
دموی واقعی و تعاملی
قبل از خرید، هر ۳۰ پسزمینه را زنده امتحان کنید
از فهرست زیر یک قالب را انتخاب کنید تا همان لحظه روی نمونه لندینگپیج اجرا شود. میتوانید حرکت افکتها را متوقف کنید یا پیشنمایش را بهصورت تمامصفحه ببینید.
SG
استودیو خلاق
خانه
خدمات
نمونهکارها
تماس
ایده شما باید
دیده شود.
یک نمونه لندینگپیج با کارت شیشهای که نشان میدهد پسزمینههای شیشهگر چگونه میتوانند بدون ایجاد مزاحمت برای محتوا، ظاهر صفحه را مدرنتر کنند.
شروع همکاری
مشاهده نمونهکارها
بدون کدنویسی
مدیریت از وردپرس
انتخاب برگه
فعالسازی هدفمند
۳۰ قالب
روشن، تیره و متحرک
نکته: پیشنمایش بالا با همان کلاسها و موتور JavaScript افزونه شیشهگر اجرا میشود.
ویژگیهایی برای طراحی سریعتر
شیشهگر فقط یک تصویر پسزمینه نیست
مجموعهای از پسزمینههای پویا، مینیمال و شیشهای است که برای استفاده سریع در صفحات وردپرس آماده شدهاند.
۳۰ قالب آماده
از Aurora و Mesh Gradient تا باران، حباب، برف، نئون، اقیانوس، جنگل و قالبهای مینیمال روشن و تیره.
بدون نیاز به کدنویسی
برای ساخت افکتها نیازی به نوشتن CSS یا JavaScript ندارید. برگه و پسزمینه را از پنل افزونه انتخاب کنید.
اعمال روی برگه دلخواه
لازم نیست یک پسزمینه را روی تمام سایت نمایش دهید. برای هر برگه، انتخاب هدفمند و جداگانه داشته باشید.
کنترل رنگ متنها
با قابلیت سفید یا مشکی کردن متنهای برگه، خوانایی محتوا را با پسزمینههای روشن و تیره هماهنگ کنید.
بدون وابستگی به jQuery
موتور تولید ذرات و عناصر متحرک با JavaScript خالص نوشته شده و به کتابخانه جانبی وابسته نیست.
قالبهای متحرک و ثابت
در کنار افکتهای پویا، قالبهای Simple و Minimal نیز برای صفحاتی که ظاهر آرامتر میخواهند در دسترس هستند.
شیشهگر کجا میدرخشد؟
مخصوص صفحاتی که باید در نگاه اول جذاب باشند
پسزمینه مناسب میتواند شخصیت بصری صفحه را شکل دهد؛ بدون اینکه مجبور باشید برای هر پروژه همهچیز را از ابتدا بسازید.
لندینگپیج فروش
برای معرفی محصول، کمپینها، ثبتنام دوره و صفحات دارای پیشنهاد ویژه.
معرفی استارتاپ
ساخت فضای مدرن برای محصولات نرمافزاری، سرویسهای آنلاین و کسبوکارهای فناوری.
رزومه و نمونهکار
مناسب طراحان، توسعهدهندگان، فریلنسرها و استودیوهای خلاق.
صفحات مناسبتی
استفاده از قالبهایی مانند برف زمستانی، برگ پاییزی و کاغذرنگی برای کمپینهای مناسبتی.
صفحه معرفی اپلیکیشن
نمایش حرفهای ویژگیهای اپلیکیشن، داشبورد یا محصول دیجیتال.
صفحه در دست ساخت
ساخت سریع یک صفحه جذاب برای معرفی نسخه آینده یا جمعآوری اطلاعات کاربران.
صفحه معرفی خدمات
ارائه خدمات آژانس، شرکت یا تیم شما روی یک فضای مدرن و منسجم.
هدر و بخش اول صفحه
ایجاد یک فضای چشمگیر در قسمت ابتدایی صفحات مهم سایت.
ساده و بدون پیچیدگی
فقط سه مرحله تا یک پسزمینه متفاوت
شیشهگر برای این ساخته شده که شما را از تنظیمات غیرضروری و کدنویسیهای تکراری دور کند.
۱
افزونه را نصب کنید
فایل افزونه را در وردپرس نصب و فعال کنید تا پنل شیشهگر در اختیار شما قرار بگیرد.
۲
برگه و قالب را انتخاب کنید
برگه موردنظر را مشخص کرده و یکی از پسزمینههای آماده را انتخاب کنید.
۳
ذخیره کنید و نتیجه را ببینید
تنظیمات را ذخیره کنید تا پسزمینه روی همان برگه نمایش داده شود.
مقایسه مسیر طراحی
ساخت دستی یا استفاده از شیشهگر؟
| موضوع | ساخت دستی | استفاده از شیشهگر |
|---|---|---|
| نیاز به کدنویسی | نیازمند CSS و JavaScript | بدون کدنویسی |
| ساخت انیمیشنها | طراحی و تنظیم از ابتدا | افکتهای آماده |
| تنوع طرح | وابسته به زمان طراحی | ۳۰ قالب آماده |
| استفاده در پروژههای مختلف | کپی و تنظیم مجدد کدها | انتخاب از پنل افزونه |
| هماهنگی رنگ متن | تنظیم دستی استایلها | انتخاب متن روشن یا تیره |
| تمرکز روی محتوا | بخشی از زمان صرف پسزمینه میشود | زمان بیشتر برای محتوای اصلی صفحه |
مشخصات فنی
قبل از نصب چه چیزهایی باید بدانید؟
نیازمندیهای افزونه
- نسخه افزونه 2.0.0
- حداقل وردپرس 5.8+
- حداقل PHP 7.4+
- موتور JavaScript Vanilla JS
- تعداد قالبها 30
نکات سازگاری و استفاده بهتر
- ✓ برای دیده شدن پسزمینه، بخشها و کانتینرهای صفحه نباید پسزمینه کاملاً مات داشته باشند.
- ✓ افکتهای Blur و Glassmorphism در مرورگرهای مدرن بهترین نتیجه را نمایش میدهند.
- ✓ برای صفحات حساس به مصرف گرافیکی میتوانید از قالبهای Simple و Minimal استفاده کنید.
- ✓ قبل از انتشار نهایی، خوانایی متنها را روی موبایل و دسکتاپ بررسی کنید.
برخی افکتهای متحرک مانند ذرات، باران و Mesh بهصورت
طبیعی از افکتهای ثابت پردازش گرافیکی بیشتری نیاز دارند.
انتخاب قالب باید متناسب با نوع صفحه انجام شود.
پاسخ به پرسشهای خریداران
سؤالات متداول
آیا برای استفاده از شیشهگر باید CSS یا JavaScript بلد باشم؟
خیر. انتخاب برگه و پسزمینه از پنل افزونه انجام میشود و
برای استفاده عادی نیازی به نوشتن کد ندارید.
آیا میتوانم برای هر برگه پسزمینه متفاوتی انتخاب کنم؟
بله. ساختار افزونه برای اختصاص قالب پسزمینه به برگههای
انتخابشده طراحی شده است.
آیا افزونه با صفحهسازها قابل استفاده است؟
پسزمینه شیشهگر مستقل از صفحهساز اجرا میشود؛ اما برای
دیده شدن آن باید پسزمینه سکشنها یا کانتینرهای صفحه شفاف
باشد. اگر صفحهساز روی تمام بخشها رنگ مات قرار داده باشد،
آن رنگ پسزمینه شیشهگر را میپوشاند.
اگر پسزمینه تیره باشد، تکلیف رنگ نوشتهها چیست؟
شیشهگر دارای کلاسهای کمکی برای سفید یا مشکی کردن متنهای
برگه است تا بتوانید خوانایی متن را با نوع پسزمینه هماهنگ کنید.
آیا همه پسزمینهها متحرک هستند؟
خیر. در کنار افکتهای متحرک، قالبهای سادهتر و آرامتری
مانند Simple Glass و Minimal Gradient نیز وجود دارند.
شیشهگر بیشتر برای چه صفحاتی مناسب است؟
لندینگپیجهای فروش، صفحات معرفی محصول، رزومه، نمونهکار،
صفحه معرفی استارتاپ، کمپینهای مناسبتی و صفحات معرفی خدمات
از مهمترین کاربردهای افزونه هستند.
زمان طراحی پسزمینه را به ساخت محتوای بهتر برگردانید
شیشهگر کمک میکند بدون درگیری با کدهای تکراری، برای صفحات مهم سایت خود فضای بصری مدرن و متفاوتی بسازید. قالب را انتخاب کنید و تمرکزتان را روی چیزی بگذارید که واقعاً اهمیت دارد: محتوای صفحه.