Как добавить одинарный/двойной отступ в WordPress

В большинстве текстовых процессоров вы легко можете добавить дополнительные пустые строки. Все, что нужно для этого сделать, это нажать клавишу ENTER несколько раз. Если проявить немного смекалки, то можно изменить форматирование для создания двойной межстрочного интервала после абзацев, увеличить высоту строки и т.д. И вот, часто для новичком является проблемой такое форматирование в визуальном редакторе WordPress. Почему? Потому как в нем нет кнопок форматирования, как на пример в MS Word. В этой статье мы покажем вам как добавить одинарный / двойной межстрочный интервал в WordPress.

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

Добавляем двойной межстрочный интервал

Когда вы нажимаете Enter для того, чтобы добавить перенос строки, визуальный редактор WordPress считает ее за новый абзац. Это означает, что она автоматически добавит двойной межстрочный интервал при условии что в стилях вашей темы прописано соответствующее правило (в большинстве приличных тем так и есть на самом деле).

Поэтому просто нажимаем Enter после строки, а затем продолжаем печатать на следующей за ней.

doublelinespace[1]

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

doublespacepreview[1]

Добавляем одинарный межстрочный интервал

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

singlespacepreview[1]

В этом случае вам необходимо нажать клавиши SHIFT + ENTER.

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

Модифицируем высоту строки и отступы

Иногда же, даже если вы добавили корректный интервал в редакторе, он может отображаться не так, как вы хотите, именно в вашей теме. В таком случае необходимо проделать некоторые изменения в CSS. CSS — это по сути функции форматирования как в Microsoft Word.

Да, вам придется подправить немного CSS кода, однако это не так страшно, как вы думаете.

Открываем файл таблицы стилей вашей темы. Это можно сделать через административную панель WordPress, посетив Внешний вид » Редактор. Также можно использовать FTP, если вам так удобнее.

В вашем CSS файле запускаем поиск класса .post p

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

.post p{line-height: 1.5em;} 

Правило CCS, предложенное выше, изменит межстрочный интервал содержимого абзацев на 1.5em. Em — это единица измерения ширины в типографике. Мы используем класс .post, который WordPress автоматически добавляет в область контента для всех записей для того, чтобы точно применить класс к параграфам записей, и исключительно к ним.

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

.post p { 
line-height: 1.5em;
padding-bottom: 15px;
} 

Не стесняйтесь изменять значения для того, чтобы полностью удовлетворить свои дизайнерские потребности :)

Надеемся, что эта статья помогла вам добавить одинарный / двойной отступ в WordPress.

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

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

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

VN:F [1.9.22_1171]
Rating: 4.7/5 (15 votes cast)

Об авторе ADv

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