ابزار حرفه‌ای ساخت دکمه CSS
دکمه‌ها اولین نقطه تعامل کاربر با سایت شما هستند. با این ابزار رایگان، در چند ثانیه یک دکمه حرفه‌ای و مدرن بسازید و کد HTML و CSS آن را کپی کنید.
چرا از این ابزار استفاده کنیم؟
پیش‌نمایش زنده
همان لحظه که تنظیمات را تغییر می‌دهید، دکمه به‌روزرسانی می‌شود و خروجی نهایی را با حالت هاور مشاهده می‌کنید.
کپی سریع HTML و CSS
کد HTML و CSS به صورت جداگانه در اختیار شما قرار می‌گیرد و با یک کلیک در کلیپ‌بورد کپی می‌شود.
نصب به عنوان اپلیکیشن
ابزار را روی صفحه اصلی موبایل یا دسکتاپ نصب کنید و بدون مرورگر و بدون اینترنت به آن دسترسی داشته باشید.
راهنمای گام به گام
تنظیم مشخصات کلی
متن دکمه، سایز فونت، پدینگ افقی و عمودی، گردی گوشه‌ها و ضخامت کادر را در تب «عمومی» تنظیم کنید.
انتخاب رنگ‌ها
رنگ متن، پس‌زمینه و کادر را در حالت عادی و حالت هاور تنظیم کنید تا دکمه شما واکنش‌گرا شود.
تنظیم سایه و آیکون
سایه دلخواه را تنظیم کنید و در صورت نیاز یک آیکون از کتابخانه انتخاب کنید و موقعیت آن را مشخص کنید.
کپی کد HTML و CSS
روی دکمه‌های «کپی HTML» و «کپی CSS» کلیک کنید و کدهای نهایی را در پروژه خود قرار دهید.
سوالات متداول
بله، ابزار ساخت دکمه CSS رایا وردپرس کاملاً رایگان است و هیچ محدودیتی در تعداد استفاده وجود ندارد.
دکمه‌های تولید شده کاملاً استاندارد و مطابق با آخرین مشخصات W3C هستند و در تمام مرورگرهای مدرن کار می‌کنند. آیکون‌ها به صورت SVG درون‌خطی هستند که سریع‌ترین حالت ممکن است.
کد HTML را در جایی که می‌خواهید دکمه نمایش داده شود قرار دهید. کد CSS را در قسمت «ظاهر > شخصی‌ساز > CSS اضافی» یا فایل style.css قالب فرزند خود قرار دهید.
بله، دکمه‌های تولید شده با واحدهای استاندارد ساخته می‌شوند و در تمامی دستگاه‌ها به خوبی نمایش داده می‌شوند.
از منوی بالا گزینه «نصب وب اپلیکیشن» را انتخاب کنید و مراحل نمایش داده شده را دنبال کنید تا ابزار روی صفحه اصلی دستگاه شما نصب شود.