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

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

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

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

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

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

Кнопки увеличения отступа и уменьшения отступа в редакторе WordPress

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

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

Вы также можете уменьшить интервал, нажав на кнопку уменьшить отступ.

Метод 2: Отступ абзаца вручную с помощью текстового редактора

Использование кнопок отступа текста в визуальном редакторе — самый простой способ отступа абзацев в WordPress. Однако это не позволяет вам контролировать количество интервалов, которые вы хотите добавить.

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

и

теги, а затем добавьте встроенный CSS к тексту абзаца, как показано ниже:

Ручной отступ абзацев с помощью встроенного CSS

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

Способ 3: Отступ только для первой строки абзаца

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

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

В абзаце с отступом затрагиваются все строки

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

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

Добавление пользовательского CSS в WordPress

В левой панели появится текстовое поле, куда можно добавить пользовательский CSS. Вам нужно добавить этот CSS-код в поле.

p.custom-indent

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

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

Такие теги как:

Текст вашего абзаца размещается здесь.

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

Отступ только первой строки абзаца в WordPress

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

статья р

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

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

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий