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

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

Способ 1: Используем кнопки для добавления отступов в визуальном редакторе

По-умолчанию, большинство тем WordPress будут отображать абзацы выровненными по левому краю.

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

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

По кнопке можно нажимать необходимое количество раз, и отступ все время будет увеличиваться. Также пространство можно уменьшить, если нажать на кнопку «Уменьшить отступ».

Способ 2: Делаем отступ для абзаца вручную в текстовом редакторе

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

Более продвинутые пользователи могут переключиться в текстовый редактор и вручную добавить отступы. Для этого нужно обернуть текст параграфа в теги <p> и </p>, а затем добавить инлайновый CSS к ним вот так:

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

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

Способ 3: Выделяем отступом только первую строку абзаца

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

Даже в WordPress, когда вы выделяете абзац отступом, это пространство добавляется ко всему абзацу.

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

Для начала переходим на страницу Внешний вид » Настроить для запуска кастомайзера тем WordPress. Теперь нажимаем на вкладку «Произвольный CSS».

Вы увидите область для ввода текста слева, куда и нужно добавить следующий код:

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

Этот CSS код просто сообщает браузера, что если у абзаца есть класс .custom-indent class, тогда нужно добавить 60px для text-indent.

Теперь, переходим в редактирование записи и переключаемся в текстовый редактор. Затем оборачиваем абзац в теги <p class=”custom-indent”> and </p> вот так:

<p class="custom-indent">Здесь текст вашего абзаца...</p>

Смотрим на «отступившую» первую строку абзаца.

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

article p {
text-indent:60px;
}

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

Мы надеемся, что эта статья помогла вам научиться добавлять отступы для абзацев в WordPress.

По всем вопросам и отзывам просьба писать в комментарии ниже.

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