Шорткоды для вставки кнопок

декабря 15, 2018  
Из категории Продвижение и маркетинг

Вы можете вставить в пост стандартный HTML тэг input типа submit или кнопку.

Кнопку можно использовать для отправки формы, например, формы подписки, а также для оформления ссылок, например, партнёрских ссылок.

Чтобы вставить кнопку, нужно в тексте разместить соответствующий шорткод, в его параметрах указать размер, цвет кнопки, при необходимости всплывающую надпись и ссылку.

Цвета и размеры кнопок

 

Призывные кнопки

Призывные кнопки разработаны специально, чтобы привлечь внимание. Они большие и используют шрифт в верхнем регистре, чтобы отличаться их от других кнопок.

 

Призывные кнопки используются в шорткодах «Призыв к действию».

 

[button style="impactBtn" onclick="alert('Это призывная кнопка'); "]Impact Button[/button]

Стандартные кнопки

[button]Button Text[/button]

Параметры

style
(строка) (дополнительно) Цвет и размер кнопки, например, «белая большая». Стиль может содержать любую комбинацию размера и цвета.

Размер: small, medium (по умолчанию), large
Цвета: dark, white, gray, orange, red, blue, green, black, impactBtn
title
(строка) (дополнительно) Заголовок.
class
(строка) (дополнительно) Класс стиля.
id
(строка) (дополнительно) ID аттрибута.
onclick
(строка) (дополнительно) Функция JavaScript, срабатывающая по клику.
name
(строка) (дополнительно) Аттрибут формы «имя».
value
(строка) (дополнительно) Аттрибут формы «значение».

Кнопка со ссылкой

[button_link url="http://www.mysite.com"]Button Text[/button_link]

Параметры

url
(строка) Ссылка для перехода по клику.
target
(строка) (дополнительно) Аттрибут «target» для перехода: blank, parent, self, top.
style
(строка) (дополнительно) Цвет и размер кнопки, например, «белая большая». Стиль может содержать любую комбинацию размера и цвета.

Размер: small, medium (по умолчанию), large
Цвета: dark, white, gray, orange, red, blue, green, black, impactBtn
title
(строка) (дополнительно) Заголовок.
class
(строка) (дополнительно) Класс стиля.
id
(строка) (дополнительно) ID атрибута.
onclick
(строка) (дополнительно) Функция JavaScript, срабатывающая по клику.

Пример кнопки

 

eTXT

Комментарии закрыты.