Кнопки сайта – одни из самых часто используемых элементов, которые помимо выполнения своей основной задачи, являются и частью дизайна. Каждый вебмастер хочет, чтобы дизайн его сайта был креативным и неповторимым. Если ваша фантазия оставляет желать лучшего, существуют сервисы, на которых можно почерпнуть вдохновения из эскизов или создать кнопку на основе готовых шаблонов.
В этой статье мы поговорим о том, как сделать кнопку для сайта в онлайн сервисе.
Как сделать кнопку для сайта самостоятельно
Сервис, о котором идет речь, называется Dabuttonfactory. Он позволит сделать кнопку для сайта любой сложности и настроить самые разные параметры. Настроив опции, вы сможете скачать получившийся результат в форматах png, jpg, gif или ico. Достоинством сервиса является возможность сразу наблюдать изменения, а также большое количество параметров, в том числе настройка градиентов и фона.
На главной странице сервиса Dabuttonfactory вы увидите набор готовых кнопок, которые можно скачать и использовать. На их основе вы можете создавать собственные уникальные оформления. Из любой готовой кнопки вы можете сделать кнопку для сайта, абсолютно уникальную. Достаточно просто кликнуть по понравившемуся шаблону, и перед вами появится визуальный редактор.
Справа и слева визуального редактора панели с инструментами. Так вы можете настроить форму кнопки, закругление ее углов, тип градиента фона, цвета, включить bubble эффект, включить или отключить границы, настроить границы, включить или отключить тень границ, настроить тень границ. Настройка данных параметров осуществляется на правой панели.
Слева вы можете настроить текст, выбрать шрифт, сделать его жирным или курсивом, настроить цвет и размер, включить или отключить тень текста, выбрать тени и ее глубину, а также выбрать размер, который может быть фиксированный или адаптированный под текст.
Когда вы закончили создание кнопки и убедились в том, что вас все устраивает, выберите формат кнопки в комбобоксе, который находится под самой кнопкой и нажмите «Download». После того как все готово, создайте FTP соединение или воспользуйтесь файловым менеджером своего хостинга, чтобы закинуть кнопку на сервер. Выберите нужную директорию и загрузите туда кнопку.
Все готово, осталось добавить ее на страницу, привязать к ней ссылку и с помощью CSS настроить параметры Hover и Down при необходимости.
Вам также будет интересно узнать о других способах создания кнопок на WordPress. Об этом здесь.