Открыть меню

Как красиво оформить список в статье

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

Применение списков в тексте статей позволяет вам выражать структурно содержание для своего читателя. Списки, конечно, применяются не всегда, но в отдельных моментах они просто необходимы. Кроме того, их применение в тексте неплохо ценится поисковыми роботами.

Но, если сам по себе список сделать в редакторе статей WordPress не представляет никаких сложностей, та вот внешний вид готового списка оставляет желать лучшего.

Строки списка как бы прилипают друг другу. А для наглядности, наоборот, желательно чтобы между ними было определенное расстояние. В офисных текстовых редакторах, типа Word, Вы можете назначать расстояние между абзацами. Но как это сделать в WordPress?

Способ, о котором пойдёт речь ниже — это своеобразный лайфхак, основанный прежде всего на хитрости и простоте. Он может покорить не только новичков, но и блогеров со стажем.

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

А уже после этого, выбирайте тип списка. Этим дополнительным шагом вы заставляете редактор статей внести дополнительный код, а именно код выравнивания, на основе которого в последующем несложно указать отступ.

Вам останется только вместо выражения

text-align: left; (надпись выровнять по центру)

написать

padding-top: 20px; (надпись выровнять по центру)

Словосочетание padding-top переводится, как «отступ сверху». Это стандартная команда HTML разметки и CSS кода. Так что Америку в этом случае вы не откроете, а просто примените эту команду нестандартно.

В последующие пункты списка вы можете просто копировать запись из самого первого. Изменяя числовое значение количества пикселей, вы можете регулировать отступы.

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

<p style="text-align: left; padding-top: 20px;"> (надпись выровнять по центру)

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

Конечно, показать наглядно текстом весь этот процесс довольно сложно. Поэтому посмотрите вот это видео, и вы наверняка после просмотра зададите вопрос, где же мы были с этим советом раньше?

В заключение посоветуем вам всё-таки присмотреться к возможности расширить штатный функционал встроенного редактора WordPress дополнительными кнопками так, как написано вот в этой статье. Помните о своих читателях! Ваше старание в оформлении статей не останется незамеченным.

Обсуждение: 3 комментария
  1. Очень важный лайфхак, спасибо)

    Ответить
    1. Красивое оформление очень сильно дает ощущение комфорта при чтении. Жаль что очень многие попросту плюют на возможности, которые есть у них в руках.

      Ответить
  2. Очень полезная статья!И главное все просто и красиво оформляется,вот только надо научиться!Спасибо!У Вас много полезных статей для начинающих.

    Ответить

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

© 2018 Я блогер — Онлайн-школа Евгения Вергуса · ИП Вергус Е. Е. ОГРН 313618119000022. Копирование контента запрещено.
Служба поддержки  |  Политика конфиденциальности  |  Снятие ответственности