Как на сайте сделать отступ

Как на сайте сделать отступ 684

Вы хотите добавить пробелы или отступы для параграфов в 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]

please wait...

Rating: 0.0/5 (0 votes cast)


Как на сайте сделать отступ 746


Как на сайте сделать отступ 950


Как на сайте сделать отступ 22


Как на сайте сделать отступ 389


Как на сайте сделать отступ 24


Как на сайте сделать отступ 321


Как на сайте сделать отступ 735


Как на сайте сделать отступ 996


Как на сайте сделать отступ 74


Как на сайте сделать отступ 928


Как на сайте сделать отступ 540


Как на сайте сделать отступ 425


Как на сайте сделать отступ 698


Как на сайте сделать отступ 892


Как на сайте сделать отступ 158


Как на сайте сделать отступ 190


Как на сайте сделать отступ 57


Как на сайте сделать отступ 993


Как на сайте сделать отступ 255


Читать далее:

  • Рецепт коньяка по латгальски из самогона в домашних условиях
  • Как сделать пробел в тексте в ворде
  • Как сделать клубничный коктейль в домашних условиях с мороженом
  • Как сделать полезный напиток
  • Как сделать волосы волнистым с помощью плойки