Как вставить цитату и красиво ее оформить в WordPress

Блог Владимира Шишкова

Как создать, раскрутить и зарабатывать на своем блоге

Работа с блогом

Как вставить цитату и красиво ее оформить в WordPress

Как вставить цитату и красиво ее оформить в WordPress
5 (100%) 26 голос[ов]

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

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

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

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

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

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

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Как вставить цитату и красиво ее оформить в WordPress
5 (100%) 26 голос[ов]

Работа с блогом

Рекомендую статьи

Добавить комментарий

Войти с помощью: 

Ваш e-mail не будет опубликован.



Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: