Как добавить пользовательский CSS на сайт WordPress? Сейчас расскажу и покажу Вам!
Здравствуйте, уважаемые друзья и гости блога atready.ru! Вы начинающий вебмастер? А может быть просто не в курсе, как добавить на свой сайт WordPress пользовательский CSS? Тогда я Вам сейчас об этом расскажу все! Поехали …
При создании сайта на WordPress Вы можете немного изменить дизайн сайта. Возможно, Вы хотите, чтобы названия выглядели немного крупнее и смелее. Если параметры темы по умолчанию не предоставляют эти параметры настройки, WordPress позволяет вам выйти за рамки и изменить форму материала. Об этом мы и поговорим сегодня. В этой статье мы покажем Вам, как добавить пользовательский CSS на сайт WordPress.
CSS (Cascading Style Sheet) определяет, как ваш сайт выглядит и ведет себя при выполнении различных действий на сайте. Чтобы иметь возможность добавить собственный CSS на сайт WordPress, Вы должны четко понимать структуру HTML и CSS.
Что такое пользовательский CSS?
Если у вас есть интеес к созданию сайта, Вы должны иметь представление о том, как сделаны вещи внутри сайта. Хотя WordPress в качестве CMS дает Вам возможность создавать сайт без кодирования, но есть области, где Вы можете лучше изменить сайт, если знаете немного кодирования. Вот тут-то и появляется пользовательский CSS. Это не то, что Вы добавляете во внутренние файлы темы. У Вас есть специальная область в настройщике для добавления пользовательских CSS.
Почему пользовательский CSS?
Вместо того, чтобы редактировать исходную таблицу стилей CSS, Вы должны использовать дочернюю тему . Если у Вас нет дочерней темы, но Вы все еще хотите изменить стиль, используйте специальный / дополнительный метод CSS. Изменения, внесенные в исходную таблицу стилей темы, исчезнут, если Вы обновите тему. Пользовательские стили CSS избавляет Вас от этого.
Независимо от темы, которую Вы используете на своем сайте, есть настройщик, чтобы настроить стиль внешнего вида. Чтобы отвести стиль вашей темы от темы и придать вашему сайту более персонализированный вид, возможность добавить собственный CSS прямо в настройщике. Вы также можете установить плагин для добавления пользовательских стилей CSS. Есть плагин под названием «Simple Custom CSS», который может сделать эту работу за Вас.
Вы можете перейти на любой из вариантов, которые Вы предпочитаете. Но добавление пользовательских стилей CSS с помощью настройщика темы будет работать только для текущей темы. Если Вы смените тему, она больше не будет работать. С другой стороны, пользовательские стили CSS, добавленные с помощью плагина, останутся и будут работать, даже если Вы смените тему.
Как добавить пользовательский CSS на сайт WordPress
Добавить пользовательские стили CSS на сайт WordPress очень просто. Даже новичок может сделать это без особых усилий. Следуйте приведенным ниже инструкциям и получите работу.
Где добавить пользовательский CSS на сайт WordPress
Чтобы добавить пользовательские стили CSS на ваш сайт через настройщик, Вам сначала нужно получить доступ к настройщику. Для этого перейдите на Панель Инструментов > Внешний вид > Настройка.
Найдите Дополнительные CSS на панели настройщика.
При нажатии на Дополнительный CSS, там появится область редактирования CSS. Напишите свой собственный CSS здесь.
Вы можете увидеть предварительный просмотр в прямом эфире. Нажав на кнопку «Опубликовать» вверху, этого будет достаточно, чтобы эти CSS-коды работали на вашем сайте.
Пользовательский CSS и Gutenberg WordPress
Когда дело доходит до добавления пользовательского CSS в интерфейсе редактирования Gutenberg WordPress, редактор предоставляет Вам еще одну опцию. Так как Gutenberg WordPress полон блоков, есть система для добавления любого дополнительного класса CSS к блокам в расширенной опции справа от Вас. Вызовите этот класс CSS и добавьте в него CSS в области «Дополнительные CSS» настройщика.
Так что Вы думаете? Разве это не так легко добавить пользовательские стили CSS на сайт WordPress? Надеюсь, что Вы выполнили все шаги и смогли успешно добавить пользовательский CSS. Чтобы узнать больше о таких полезных руководствах по WordPress, регулярно посещайте блог atready.ru. Спасибо за то, что Вы с нами. Всем удачи и благополучия! До новых встреч!
