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

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

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

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

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

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

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

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

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

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

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

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

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

<p style="padding-left:25px;">Your paragraph text goes here...</p>

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

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

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

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

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

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

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

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

Это отобразит текстовое поле в левой панели, где вы можете добавить свой собственный код 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 — это визуальный редактор стилей, который можно использовать с любой темой для быстрой настройки вашего сайта (шрифты, цвета, анимация и многое другое...).

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

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

2. Easy Custom JS и CSS 

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

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

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

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

Этот плагин для WordPress упрощает создание системы из нескольких маркеров на карте и размещение нескольких карт на одной странице. Он включает полноэкранный режим и возможность группировки нескольких маркеров. API-ключ не требуется.

Установка плагина WordPress «Адаптивная карта Google»s просто и легко. Нет необходимости в длинных сложных шорткодахАналогично, легко создать карту и быстро добавить на нее местоположение; все, что вам нужно сделать, это скопировать шорткод на страницу, где вы хотите отобразить карту, и все!

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

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

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

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

• Как установить (добавить) плагин на WordPress
• Как установить WordPress Security Wordfence
• Чего ожидать от Гутенберга от нового редактора WordPress?  
• Как использовать редактор Гутенберга для WordPress 5.0: Часть XNUMX 
• Как добавить функции в визуальный редактор WordPress

Заключение

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

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

...