Очень часто бывает, что при написании статьи необходимо выделить какой-то важный текст, на который читателю нужно обратить особое внимание. Это лучше делать вставляя в статью цитату. Стандартный способ в редакторе 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. Левый отступ текста от рамки цитаты. (п.1)
2. Три параметра левой рамки цитаты (п.2):
   – ширина
   – вид
   – цвет
3. Цвет фона цитаты (п.3)
4. Левый отступ цитаты от края (п.4)
5. Цвет шрифта (п.5)
6. Текст цитаты (п.6)

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

Цитата, которая оформлена самостоятельно, придает блогу оригинальность и неповторимость, что положительно сказывается на читательской аудитории.

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

Буду рад Вашим вопросам и комментариям.

Успехов Вам!
С уважением Владимир Шишков