ОСНОВНОЕ

WORDPRESS

Операционные системы

Базы данных

Фреймворк Bootstrap

Нельзя безнаказанно управлять государством без народа и против воли народа (М. Торез).

Как легко сделать отступ в WordPress

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

Статья опубликована: 16 января 2017

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

 

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

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

 

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

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

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

 

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

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


Читайте также

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

  1. Sergey Larin:

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

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

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




    1



    0
  2. Sergey Larin:

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




    1



    0
  3. Обертка текста у вас другая, т.е. будет

    .theme-post-content p {
    text-indent:55px;
    }




    0



    0
  4. Sergey Larin:

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




    0



    0

Добавить комментарий

Войти с помощью: 

Ваш e-mail не будет опубликован. Обязательные поля помечены *

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

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

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

close
galka

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

close