سلام.
همانطور که میدانید در هر سایتی حداقل یک دکمه وجود دارد. ساخت دکمه به صورت کلی ساده است اما برای تازه کارهای وب یا کسانی که زیاد با CSS و... آشنایی ندارند کمی شاید مشکل باشد. سرویس هایی نیز برای ساخت دکمه وجود دارند اما گاهی استفاده از این سرویس ها باعث می شود که سرعت لود سایت شما پایین بیاید.(مخصوصاً اگر از وردپرس استفاده می کنید.)
همانطور که گفتم ساخت دکمه برای وردپرس ممکن است کمی مشکل باشد اما نگران نباشید! افزونه ای وجود دارد به نام Button Builder ( باتن بلدر ) کار این افزونه همانطور که از نامش پیداست، دکمه برای سایت شما طراحی می کند. گزینه های افزونه باتن بلدر بسیار زیاد است و می توان به راحتی دکمه های زیبا و حرفه ای را طراحی کنید. درون خود افزونه 10 نوع دکمه به صورت پیشفرض قرار دارد که می توانید از آنها به راحتی استفاده کنید.
افزونه باتن بلدر به طور کامل از فارسی پشتیبانی می کند و فونت B Yekan نیز بر روی آن نصب شده است.
یکی دیگر از چیزهایی که در افزونه وجود دارد، قابلیت وارد کردن کد به باتن بلدر است. اگر شما کدهایی که قبلاً توسط خود افزونه تولید شده اند را به قسمت وارد کردن کد بدهید به صورت خودکار از نو دکمه برایتان طراحی شده و می توانید به راحتی گزینه های آنرا ویرایش کنید.
از قابلیت های قسمت کارخانه این افزونه می توان: گرد کردن گوشه ها، قراردادن آیکون با استفاده از Font Awesome، قرار دادن زیرنویس، تغییر رنگ دکمه و متن آن با استفاده از Color Picker، دادن انیمیشن های زیبا و... را نام برد.
نحوه خروجی افزونه باتن بلدر نیز به این صورت است که شما زمانی که یک دکمه را طراحی می کنید، کد کوتاه، PHP و HTML آنرا تحویل می گیرید و می توانید در هر جایی از وردپرس خود از آن استفاده کنید. اما برای راحتی کار در ادیتور وردپرس نیز یک دکمه ایجاد می شود که کل قسمت کارخانه به آن قسمت انتقال می یابد شما می توانید بسیار سریعتر و راحت تر دکمه مورد نظر خود را طراحی کنید.
امکانات این افزونه به صورتی طراحی شده اند که به SEO سایت شما آسیبی نرسد و حتی آنرا تقویت کند.
البته این افزونه توسط من طراحی نشده و من فقط کمی آنرا ارتقاء داده و فارسی کرده ام.
لیست کل امکانات کارخانه افزونه باتن بلدر :
جزئیات:
آدرس دهی(لینک دهی)
نحوه بازشدن لینک
تولیتپ لینک
نوع لینک
ID سفارشی
Class سفارشی
متن دکمه
متن زیر نویس
اندازه دکمه
طراحی:
اندازه دکمه
رنگ دکمه
رنگ متن
نوع دکمه
طرح نمایش آیکون
نوع سه بعدی بودن دکمه
واکنش ماوس
گردی گوشه ها
سایه دکمه
سایه متن
شفافیت
شفافیت ماوس
انیمیشن آیکون
انیمیشن دکمه
اعمال افکت با CSS
مشخصه ها:
فونت ها
اندازه فونت
مکان آیکون
مکان زیر نویس
مکان دکمه
عرض دکمه
طول دکمه
ارتفاع متن دکمه
رنگ متن
رنگ پس زمینه
رنگ کادر متن
اندازه کادر
نوع کادر
حتماً از پیشنمایش و تصاویر دیدن فرمایید.
برچسب ها:
افزونه فرم باتن باتن بلدر باتن ساز بلدر دکمه دکمه ساز دکمه فرم ژنراتور سازنده طراحی طراحی دکمه فرم وب باتن