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

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

Содержание

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

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

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

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

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

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

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

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

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

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

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

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

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

Выйти из мобильной версии