n-wp.ru — блог о WordPress

Шорткод text — текст, выделенный определенный цветом, фоном и размером

Удобный шорткод для выделения произвольных фрагментов текста. Текст можно выделить шрифтом заранее определенным набором цветов и размеров, подсветить фоном.

Иногда в тексте приходится выделять фрагменты текста, чтобы сконцентрировать на них внимание читателей. Можно использовать чистую разметку HTML, но мне оказалось удобнее создать для подсветки текста специальный шорткод text. С его помощью я выделяю текст определенным цветом, размером, подсвечиваю фоном. Для этого я заранее определил несколько цветов и размеров, создав для них классы с индивидуальным оформлением (см. далее дополнительный код для style.css). Это заранее созданное оформление я применяю в своих шорткодах — вы можете взять этот подход на вооружение, создав набор шорткодов, которые будут смотреться не хуже, чем шорткоды из плагинов или премиум-тем. Распишу, как создал шорткод для подсветки текста.

Использование шорткода: [code inline=»yes»]выделенный текст

Использование с параметрами: [code inline=»yes»]выделенный текст

Дополнительные параметры:

  • цвет шрифта: green (по умолчанию) / blue / brown / lime / magenta / mango / pink / purple / red / teal / black / white
  • цвет фона: white (по умолчанию) / blue / brown / lime / magenta / mango / pink / purple / red / teal / black / white / green / light
  • размер шрифта: normal (по умолчанию) / small / big / large
Расшифровка цветов:

  • blue: #04AEDA
  • brown: #A05000
  • green: #339933
  • lime: #A2C139
  • magenta: #D80073
  • mango: #F09609
  • pink: #E671B8
  • purple: #A200FF
  • red: #E51400
  • teal: #00ABA9
  • black: #000000
  • white: #FFFFFF
  • light: #FFFFD3
  • grey: #404040
Расшифровка размеров:

  • normal: 1em
  • small: 0.85em
  • big: 1.38em
  • large: 1.62em

Это — выделенный текст с параметрами по-умолчанию. Это — выделенный и подсвеченный текст нормального, маленького, большого и очень большого размера.

исходный код: [code inline=»yes»]Это — выделенный текст с параметрами по-умолчанию. Это — выделенный и подсвеченный текст нормального, маленького, большого и очень большого размера.

Комментировать