Как вставить цитату и красиво ее оформить в WordPress
Очень часто бывает, что при написании статьи необходимо выделить какой-то важный текст, на который читателю нужно обратить особое внимание. Это лучше делать вставляя в статью цитату. Стандартный способ в редакторе WordPress, далеко не всем подходит. Поэтому красивую цитату, которая обращает на себя внимание можно создать самому. Как это делать смотрите в данной статье.
Оформление цитаты
Процесс создания своей цитаты в WordPress не является чем-то сложным. Если Вы хотя бы немного знаете HTML и CSS.
Конечно можно воспользоваться стандартным текстовым редактором WordPress и создать данную цитату.
Рис. 1
Ее можно создать нажав, на две перевернутые кавычки в панели инструментов (п.1 – Рис.1). Но как показывает практика, далеко не всем нравиться такое оформление цитаты и поэтому они стараются создать что-то свое.
![]() |
Читайте статьи: • Зачем нужны рубрики, метки и ключевые слова в WordPress • Транслитерация ссылок статей плагином WP Translitera • Сайт возврата денег с покупки нужных сервисов и программ |
Код цитаты
Для того, чтобы создать свою цитату и оформить, так как захочется, напишем несложный код.
<p style=”padding-left: 10px; border-left: 2px solid #DC143C; background-color: #DCDCDC; margin-left: 20px;”><span style=”color: #2c323f;”>Ваш текст</span></p>
Рис. 2
Теперь мы можем вставить данный код в любое место нашей статьи. Для этого переходим в текстовом редакторе во вкладку “Текст” (Рис.3).
Рис. 3
Теперь, копируем наш код и вставляем (Рис.4).
Рис. 4
Внешний вид цитаты
Как мы видим наш код прекрасно вставился и для того, чтобы посмотреть результат возвращаемся на вкладку “Визуально” (Рис.5).
Рис. 5
Наша цитата готова. Теперь мы можем ее оформлять как захочется.
Параметры цитаты
Рис. 6
Для того, чтобы менять оформление нашей цитаты, просто нужно менять определенные параметры. Давайте подробнее остановимся на этом.
Параметры оформления цитаты:
- Левый отступ текста от рамки цитаты. (п.1)
- Три параметра левой рамки цитаты (п.2):
– ширина
– вид
– цвет - Цвет фона цитаты (п.3)
- Левый отступ цитаты от края (п.4)
- Цвет шрифта (п.5)
- Текст цитаты (п.6)
Теперь зная все параметры, можно легко ее изменять и делать под себя.
Цитата, которая оформлена самостоятельно, придает блогу оригинальность и неповторимость, что положительно сказывается на читательской аудитории.
Таким образом, мы научились создавать свои неповторимые цитаты в блоге, что будет очень полезно для оформления и продвижения блога.
Буду рад Вашим вопросам и комментариям.
Успехов Вам!
С уважением Владимир Шишков