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

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

indentparagraphs-1[1]

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

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

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

increaseindent[1]

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

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

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

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

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

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

indent-manually[1]

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

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

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

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

webindent[1]

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

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

customcss[1]

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

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

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

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

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

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

traditional-indent[1]

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

article p {
text-indent:60px;
}

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

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

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

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

VN:F [1.9.22_1171]
Rating: 3.8/5 (10 votes cast)

Об авторе ADv

Занимаюсь разработкой сайтов и магазинов на WordPress. Оказываю платные помощь и консультации. Skype: advokat_b
Scroll To Top