WordPress: редактирование CSS — вот как

by Tobias

WordPress — популярная система управления контентом (CMS) для блогов и сайтов. Вы можете редактировать CSS с помощью Theme Customizer или с помощью плагина.

Редактирование CSS в WordPress — Theme Customizer

Простым и быстрым способом настройки дизайна WordPress без использования дополнительных плагинов является Theme Customizer. Он позволяет настраивать некоторые аспекты темы, включая CSS. Однако редактировать можно только то, что связано с настройками поставщика темы.

  • Первым делом перейдите на свой сайт WordPress (www.ihredomain.de/wp-admin) и войдите в систему под именем admin.
  • В области администратора нажмите на пункт «Дизайн» в боковой панели слева.
  • В поле «Дополнительный CSS» можно вставить собственный код.
  • Опубликуйте изменения с помощью «Publish».

Редактирование CSS в WordPress — редактор файлов темы

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

  • Первым делом перейдите на свой сайт WordPress (www.ihredomain.de/wp-admin) и войдите в систему под именем admin.
  • Нажмите на пункт «Дизайн» в панели инструментов слева в боковой панели.
  • Вы можете нажать на «Редактор файлов темы», выбрать CSS-файл и выполнить настройки.
  • При необходимости в правом верхнем углу можно изменить редактируемую тему.
  • Сохраните изменения с помощью «Обновить файл».

Редактирование CSS в WordPress — использование плагина для настройки

Вы также можете использовать плагин для кастомизации.

  • Войдите в систему с правами администратора на своем сайте WordPress
  • Установите плагин «Simple Custom CSS».
  • Нажмите на кнопку «Плагины» на вкладке меню.
  • Откройте редактор CSS, нажав на кнопку «Добавить CSS».
  • Добавьте свой код и подтвердите его, нажав на кнопку «Обновить».

Related Articles

Leave a Comment