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

Этот метод также работает с более новыми версиями, включая WordPress 6.3 и 6.4.

Содержание

Шаг 1. Перейдите в редактор сайта.

Вы можете получить доступ к пользовательской функции CSS из Редактор сайта, где вы редактируете Шаблоны Шаблоны вашего веб-сайта. В редакторе сайта вы выполняете то, что обычно называют «Полное редактирование сайта.

Перейдите в «Внешний вид»> «Редактор» в области администрирования WordPress.

На панели управления WordPress (первая страница, на которую вы попадаете после входа в систему), наведите указатель мыши на пункт меню «Внешний вид» и нажмите «Редактор» (красная стрелка на изображении выше). Это приведет вас к редактору сайта.

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

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

Упрощенный WordPress: курс «Как создать мощный веб-сайт» от Davies Media Design

Шаг 2. Доступ к меню «Стили».

Нажмите значок «Стили» в правом верхнем углу верхнего меню «Блок».

В верхнем меню щелкните значок «Стили» (значок представляет собой наполовину черный, наполовину белый круг), чтобы открыть боковую панель «Стили».

Шаг 3. Доступ к «Дополнительному CSS»

Нажмите меню действий со стилями справа от заголовка боковой панели «Стили».

Нажмите на меню «Действия со стилями» в верхней части боковой панели (маленький значок с тремя точками — красная стрелка на изображении выше).

Нажмите ссылку «Дополнительный CSS» в раскрывающемся списке параметров.

Нажмите «Дополнительный CSS» в раскрывающемся меню (красная стрелка).

Вы можете добавить собственный CSS на свой веб-сайт WordPress в поле «Дополнительный CSS».

Теперь вы увидите длинное текстовое поле с надписью «Дополнительный CSS», куда вы можете добавить свой собственный код CSS (обведен зеленым на изображении выше). В верхней части окна написано «Добавьте свой собственный CSS, чтобы настроить внешний вид и макет вашего сайта» (красная стрелка). Вы также увидите ссылку, по которой вы можете узнать больше о кодировании CSS, которое можно использовать для пользовательского стиля элементов вашего сайта WordPress.

Нажмите «Сохранить», чтобы сохранить пользовательские изменения или дополнения CSS.

После того, как вы добавили свой собственный CSS (зеленая стрелка), нажмите кнопку «Сохранить» в верхнем меню, чтобы сохранить изменения (красная стрелка).

Вот и все! Теперь вы знаете, где добавить пользовательский CSS на свой сайт WordPress в WordPress 6.2. Хотите освоить WordPress? Проверьте мой Мастер-класс WordPress на Udemy!