Вы хотите добавить пробелы или подразделы с отступом на WordPress? Хотели бы вы делать абзацы в WordPress с отступом?

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

В этом уроке мы покажем вам, как сделать отступ легко параграфы на WordPress.

отступ абзаца на WordPress

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

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

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

Отступ абзацев в wordpress

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

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

Вы также можете уменьшить вывод, нажав на кнопку Уменьшить отступ

Мы также приглашаем вас, прежде чем продолжать открывать Как использовать редактор Гутенберга для WordPress 5.0: Часть XNUMX

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

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

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

<p style="padding-left:25px;">Your paragraph text goes here...</p>
Сделать отступ абзаца вручную в wordpress

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

Так что, если вы достаточно часто делаете отступы, это не идеальное решение.

Откройте для себя наш гид по Как написать (запись) хороший пункт на своем блоге 

Метод 3: отступ только в первой строке абзаца

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

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

Пример отступа абзаца

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

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

Дополнительный настройщик css wordpress

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

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

Откройте для себя также наш Учебник: как освоить визуальный редактор WordPress

Этот код CSS просто сообщает браузерам, что если абзац имеет класс «.custom-indent», то он добавляет отступ 60 пикселей.

Затем вы можете редактировать свою статью в текстовом редакторе. Затем окружите текст тегами <p class = "custom-indent"> et </p> следующим образом:

Текст вашего абзаца идет сюда ...

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

Интервал перед абзацем

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

article p { 
text-indent:60px;
}

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

Узнайте также перед отъездом Как добавить визуальный стиль редактора WordPress

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

1. Желтый карандаш: редактор CSS в стиле Visual

Yellow Pencil - это редактор визуальных стилей, который можно использовать с любой темой, чтобы персонализировать свой веб-сайт за считанные минуты (шрифты, цвета, анимация и многое другое…).

Yellowpencil плагин визуального редактора стилей css wordpress

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

скачать | Демонстрация | веб-хостинг

2. Easy Custom JS и CSS 

Ce Плагин Wordpress premium — это мощный редактор кода CSS и JavaScript, который позволяет добавлять их в любой раздел вашего веб-сайта. Это позволяет вам сохранить ваши настройки даже после серьезного обновления вашего WordPress тема.

Простой настраиваемый плагин для дополнительной настройки js и css для wordpress

У вас есть возможность ограничить область использования вашего персонального кода. Например, вы можете использовать свой код только для статьи, имеющей видеоформат. Или вы можете ограничить свой код определенной темой; Это удобно, если вы часто меняете темы для своего блога WordPress.

скачать | Демонстрация | веб-хостинг

2. Отзывчивые карты Google

Ce Плагин Wordpress способствует созданию системы нескольких маркеров на карте и нескольких карт на странице. Он включает в себя полноэкранный просмотр и группировку нескольких маркеров. Для этого не требуется ключ API.

Плагины WordPress Maps - Адаптивные карты Google

Установка Плагин Wordpress Отзывчивая карта Googles просто и легко. Нет необходимости в длинных сложных шорткодах. Точно так же просто создать карту, быстро добавить к ней местоположение, для этого вам просто нужно скопировать шорткод на страницу, где вы хотите отобразить карту, и все готово!

считывание Как отобразить местоположение члена вашего сообщества WP на карте Google

Его другие особенности:отзывчивый arte, pнесколько мест на одной карте, рнесколько карт на странице, возможностьскачать свои собственные маркеры, полный экран, буду поддерживатьразличные типы карт (дорожная карта, спутниковая, гибридная и рельефная), Zoom автоматический, возможность настроить тперейти с карты, ет многое другое ...

Рекомендуемые ресурсы

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

Заключение

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

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

...