Как быстро добавить отступы для абзацев в WordPress?

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

Добавляем отступы для абзацев

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

Метод 1. Автоматический отступ средствами визуального редактора

На панели инструментов встроенного визуального редактора имеются кнопки с названиями Увеличить отступ и Уменьшить отступ.

Визуальный редактор WordPress

Для добавления отступа необходимо выделить один или несколько нужных абзацев и нажать кнопку Увеличить отступ.

Увеличение отступа в визуальном редакторе WordPress

Обратное действие осуществляется нажатием кнопки Уменьшить отступ. Нажимая кнопки один или более раз, Вы таким образом добьетесь нужного расстояния текста от левого края страницы.

Метод 2. Добавление отступа в визуальном редакторе вручную

Первый метод является наиболее простым для пользователя, но он не позволяет задать точное расстояние отступа, которое бывает необходимо знать при верстке общего дизайна сайта. В этом случае на помощь приходит каскадная таблица стилей или CSS.

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

Визуальный редактор WordPress

Дальше нужный абзац необходимо обернуть в специальный HTML-тег <p>, в котором указать точный размер отступа (в пикселях).

<p style="padding-left:25px;">
   Здесь текст вашего абзаца…
</p>

Вместо числа 25 Вы сможете поставить нужную Вам величину отступа. В результате абзац с отступом в 25 пикселей будет иметь вид:

Увеличение отступа в визуальном редакторе WordPress

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

Оба способа дадут один и тот же результат:

Запись на сайте с добавленным отступом для абзаца

Метод 3. Добавление отступа только для первой строки

Обычно на страницах сайтов отступ применяется для всех строк абзаца. Но некоторые сайты, обычно новостные или журнальные, все же придерживаются традиционной книжной модели, делая отступ только для первой строки абзаца. Для этого будем использовать тот же CSS, но только размещать код придется в двух местах.

Для начала необходимо в админ-панели перейти на страницу редактирования темы сайта (Внешний вид -> Настроить) и выбрать пункт Дополнительные стили или Произвольный CSS.

Настройка темы

В итоге перед Вами откроется большая область для вставки текста, в которую необходимо вставить следующий код:

p.custom-indent {
  text-indent:25px;
}

Блок Дополнительные стили

Далее нужно перейти на страницу редактирования записи и, аналогично предыдущему способу, обернуть нужный абзац в тег <p>:

Увеличение отступа в визуальном редакторе WordPress

Все абзац добавлен, можно проверять на сайте.

Запись на сайте с добавленным отступом для первой строки абзаца

Курс WordPress-разработчик
Если Вам понравилась статья — поделитесь с друзьями
Михаил Петров
Привет! Меня зовут Михаил Петров. Я копирайтер и занимаюсь этим с 2013 года. Скрупулезность и ответственность - моя фишка! Не могу делать как попало и добиваюсь, чтоб заказчик сказал минимум “неплохо”. За все время своей работы пришлось написать и отредактировать немало разной “текстовухи”, включая SEO-тексты, отзывы и прочую чушь. На сегодняшний день специализируюсь на написании информационных статей и руководств технического направления. Вижу смысл и светлое будущее в текстах для людей, а не для машин.