Редактируя текст, часто приходится добавлять пробелы или отступы для параграфов, особенно для первой строки абзаца. В системе WordPress эту задачу можно решить несколькими методами.
Добавляем отступы для абзацев
Обычно во всех WordPress-темах контент на страницах сайта выравнивается по левому краю, без каких-либо отступов. Если Вы все же решили увеличить отступ, то можете сделать это одним из предложенных ниже способов.
Метод 1. Автоматический отступ средствами визуального редактора
На панели инструментов встроенного визуального редактора имеются кнопки с названиями Увеличить отступ и Уменьшить отступ.
Для добавления отступа необходимо выделить один или несколько нужных абзацев и нажать кнопку Увеличить отступ.
Обратное действие осуществляется нажатием кнопки Уменьшить отступ. Нажимая кнопки один или более раз, Вы таким образом добьетесь нужного расстояния текста от левого края страницы.
Метод 2. Добавление отступа в визуальном редакторе вручную
Первый метод является наиболее простым для пользователя, но он не позволяет задать точное расстояние отступа, которое бывает необходимо знать при верстке общего дизайна сайта. В этом случае на помощь приходит каскадная таблица стилей или CSS.
Итак, первым делом в визуальном редакторе необходимо переключится в режим Текст.
Дальше нужный абзац необходимо обернуть в специальный HTML-тег <p>, в котором указать точный размер отступа (в пикселях).
<p style="padding-left:25px;"> Здесь текст вашего абзаца… </p>
Вместо числа 25 Вы сможете поставить нужную Вам величину отступа в пикселях или других единицах измерения css. В результате абзац с отступом в 25 пикселей будет иметь вид:
Этот способ подойдет для документа, в котором нечасто нужно будет делать отступы, так как очень неудобно будет добавлять тег десяток или два раз.
Оба способа дадут один и тот же результат:
Метод 3. Добавление отступа только для первой строки
Обычно на страницах сайтов отступ применяется для всех строк абзаца. Но некоторые сайты, обычно новостные или журнальные, все же придерживаются традиционной книжной модели, делая отступ только для первой строки абзаца. Для этого будем использовать тот же CSS, но только размещать код придется в двух местах.
Для начала необходимо в админ-панели перейти на страницу редактирования темы сайта (Внешний вид -> Настроить) и выбрать пункт Дополнительные стили или Произвольный CSS.
В итоге перед Вами откроется большая область для вставки текста, в которую необходимо вставить следующий код:
p.custom-indent {
text-indent:25px;
} 
Далее нужно перейти на страницу редактирования записи и, аналогично предыдущему способу, обернуть нужный абзац в тег <p>:
Все абзац добавлен, можно проверять на сайте.
Нажмите, пожалуйста, на одну из кнопок, чтобы узнать понравилась статья или нет.
