Skip to content Skip to footer
Open Hours:Mn - St, 8:00 a.m. - 9:00 p.m.
123, New Lenox, Chicago
Work Time8:00 - 18:00
Shopping Cart 0 items - $0.00 0
123, New Lenox, Chicago, IL 60606
Shopping Cart 0 items - $0.00 0

Shortcode “Title”

Shortcode “Title”

Краткое описание

Шорткод “Title” предназначен для вывода стандартных заголовков, краткого описания и/или кнопки со ссылкой для разделов страниц.

В принципе, практически каждый шорткод из комплекта ThemeREX Adoons имеет свои параметры для вывода заголовков и описания над телом шорткода и кнопки со ссылкой после вывода шорткода. Но иногда требуется добавить заголовок, описание и/или кнопку перед шорткодами других производителей или просто перед каким-либо разделом страницы. В этом случае на помощь приходит шорткод “Title”.

В полном виде данный шорткод может содержать заголовок, подзаголовок, описание и кнопку. Если какое-либо из вышеперечисленных полей не заполнено – оно не выводится.

Шорткод имеет два стиля вывода:

  1. Default – обычный вывод: сверху подзаголовок мелким цветным шрифтом, затем крупный заголовок, затем произвольное текстовое описание и кнопка
  2. Shadow – в этом виде вывода подзаголовок (обычно пара символов – типа порядкового номера) выводится очень крупным шрифтом и слабо-контрастным цветом позади заголовка, создавая ему своеобразную тень
Style "Default"

Shortcode "Title"

обычный вывод: сверху подзаголовок мелким цветным шрифтом, затем крупный заголовок, затем произвольное текстовое описание и кнопка

Style "Default"

Title

Пример полного комплекта "подзаголовок - заголовок - описание - кнопка", выровненного по левому краю

Style "Default"

Title

Пример полного комплекта "подзаголовок - заголовок - описание - кнопка", выровненного по центру

Style "Default"

Title

Пример полного комплекта "подзаголовок - заголовок - описание - кнопка", выровненного по правому краю

Style "Default" + Tag H1

Heading 1

К заголовку "насильно" применен размер H1

Style "Default" + Tag H2

Heading 2

К заголовку "насильно" применен размер H2

Style "Default" + Tag H3

Heading 3

К заголовку "насильно" применен размер H3

Style "Default" + Tag H4

Heading 4

К заголовку "насильно" применен размер H4

Style "Default" + Tag H5
Heading 5

К заголовку "насильно" применен размер H5

Style "Default" + Tag H6
Heading 6

К заголовку "насильно" применен размер H6

Style 'Shadow'

в этом виде вывода с помощью пары круглых скобок создается крупная тень (обычно пара символов – типа порядкового номера) - выводится очень крупным шрифтом и слабо-контрастным цветом позади заголовка, а с помощью пары фигурных скобок - акцентный элемент - кружок с надписью

01

Title

Пример полного комплекта "подзаголовок - заголовок - описание - кнопка", выровненного по левому краю

02

Title

Пример полного комплекта "подзаголовок - заголовок - описание - кнопка", выровненного по центру

03

Title

Пример полного комплекта "подзаголовок - заголовок - описание - кнопка", выровненного по правому краю

Style 'Accent'

в этом виде вывода часть заголовка внутри тега "i" (обычно пара символов – типа порядкового номера) выводится очень крупным шрифтом и слабо-контрастным цветом позади заголовка, создавая ему своеобразную тень, а часть внутри тега "b" как акцентный элемент в круге

Style 'Accent'

Title with shadow and accent01accent item

Пример полного комплекта "подзаголовок - заголовок - описание - кнопка", выровненного по левому краю

Style 'Accent'

Title with shadow and accent02accent item

Пример полного комплекта "подзаголовок - заголовок - описание - кнопка", выровненного по центру

Style 'Accent'

Title with shadow and accent02accent item

Пример полного комплекта "подзаголовок - заголовок - описание - кнопка", выровненного по правому краю

Shortcode 'Title'

Style 'Gradient'

А теперь вариант вывода заголовка с градиентной заливкой. Пользователь может настраивать цвет начала и конца градиента, а также его направление (угол наклона)

Style 'Gradient'

Заголовок в цветах флага

Желто-синий градиент, развернутый на 90 градусов

Style 'Gradient'

Red and Black is classic

А теперь немного классики: "Красное и черное" в нашем исполнении

Style 'Gradient'

Disappearing title

На десерт - исчезающий заголовок

Shortcode 'Title'

Перепечатываемый текст

В конце - немного баловства: любой фрагмент заголовкаможет стать "перепечатываемым" - пользователь может задать набор слов для смены (первая строка в наборе обязательно должна совпадать с какой-то частью заголовка), цвет, скорость печати и паузу перед стиранием, а также цикличность действия.

Shortcode 'Title'

Двойной заголовок

Теперь любой заголовок можно разделить на две части и задать оформление (цвет, бордюр, фоновую картинку и тень текста) отдельно для каждой части

Двойной заголовок

Двойной заголовок

Only imagine the opportunities !