Последние новости:

Поиск по сайту:

В нашей жизни правда всегда торжествует, но жизни часто не хватает (С. Эйзенштейн).

Как легко сделать отступ в WordPress1 мин для чтения

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

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

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

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

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

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

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

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

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

Способ 2: Пункты отступа вручную с помощью текстового редактора

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

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

<p style="padding-left:25px;">Ваш текст сюда...</p>

 

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

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

Читать  Как отключить Google Analytics для зарегистрированных пользователей

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

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

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

Все линии в пункте отступа

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

Во- первых, вам необходимо посетить Внешний вид »Настройка для запуска настройщика темы WordPress. Теперь нажмите на вкладку «Additional CSS».

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

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

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

 

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

Теперь вы можете отредактировать пост в WordPress и переключиться на текстовый редактор. Затем поместите ваш блок внутри <p class=”custom-indent”> и </p> примерно так:

<p class="custom-indent">Ваш текст сюда...</p>

 

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

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

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

article p { 
text-indent:55px;
}

 

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

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

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...
Поделиться в соц. сетях:

0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
guest

**ссылки nofollow

6 комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии
Sergey Larin

Андрей, здравствуйте. Спасибо за помощь, но что-то не вышло мне добавить эти отступы 🙁 Я хотел применить способ №3 (когда автоматически везде перед абзацем на всех страницах появятся отступы). То есть, я пытался применить этот код:
article p {
text-indent:55px;
}

Но, эти оступы так и не появились. Посдкажите, пожалуйста, как быть? Вы могли бы взглянуть на скрин? http://imgur.com/gallery/xUuHa

PS я не знаю языки программирования, но, может, нужно было обернуть каждый параграф с помощью P?
PSS Пока что мне помогло лишь вставить перед каждым параграфом      
но неудобно это.

Sergey Larin

&_n_b_s_p; — если убрать нижнее подчёркивание

Sergey Larin

Андрей, спасибо 🙂 Я взял этот код, вставил его в Additional CSS (как в статье описано). а потом — ничего не поменялось. Грусть, печаль, помогите
Вот сюда я его применил, сохранил, стал читать страницы и абзацы всё такие же — на западный манер, без красной строки.
http://imgur.com/hrHAeAn
Как быть Может, дело в том, что на сайте есть и сами страницы сайта и блог? Блог. Может, он живёт своей жизнью?

Sergey Larin

Спасибо за помощь, Андрей. Я помню, что ваши советы заработали.

Это может быть вам интересно

Статьи партнеров:

Рекомендуемое
Команды оболочки Linux представляют собой краткое справочное руководство, входящие наиболее необходимый…
6
0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

Заполните форму и наш менеджер перезвонит Вам в самое ближайшее время!

badge
Обратный звонок 1
Отправить

Спасибо! Ваша заявка принята

close

Спасибо! Ваша заявка принята

close