Вы хотите изменить цветовую схему администратора в WordPress?
Изменение цветовой схемы админки WordPress позволит вам создать пользовательскую панель для вас и вашей команды. Цветовая схема может соответствовать дизайну вашего бренда или просто включать ваши любимые цвета.
В этой статье мы покажем вам, как легко изменить цветовую схему администратора в WordPress.
Зачем менять цветовую схему администратора в WordPress?
Если вам не нравится цветовая схема администратора по умолчанию в WordPress, то вы можете легко изменить цветовую схему на ту, которая вам нравится.
Вы также можете изменить цветовую схему в соответствии с дизайном вашей темы WordPress или даже добавить функцию темного режима.
Это может быть полезно, если у вас есть сайт членства или интернет-магазин, где пользователи могут войти на ваш сайт, и вы хотите, чтобы ваш сайт и панель администратора предлагали аналогичный опыт.
Вы также можете использовать другую цветовую схему администрирования для вашего промежуточного сайта, чтобы легче было отличить его от живого сайта.
Учитывая это, давайте покажем вам несколько различных способов изменения цветовой схемы администратора в WordPress. Вы можете воспользоваться приведенными ниже быстрыми ссылками, чтобы сразу перейти к нужному вам методу.
- Измените цветовую схему администратора с помощью встроенных настроек WordPress
- Создание пользовательских цветовых схем админки в WordPress
- Управление цветовой схемой администратора по умолчанию для пользователей WordPress
Как изменить цветовую схему администратора с помощью настроек WordPress по умолчанию
WordPress имеет встроенную функцию, которая позволяет вам выбирать из нескольких предопределенных цветовых палитр для вашей панели администратора WordPress.
Чтобы изменить цветовую схему администратора, просто войдите в панель администратора WordPress, а затем перейдите по адресу Пользователи » Профиль.
После этого выберите новую цветовую схему в разделе ‘Admin Color Scheme’, нажав на радиокнопку.
На выбор предлагается 9 различных цветовых схем.
По мере того, как вы нажимаете на различные опции, цветовая схема будет автоматически меняться.
Выбрав понравившуюся цветовую схему, прокрутите страницу вниз и нажмите кнопку «Обновить профиль».
Вы также можете управлять цветовой схемой администратора для других зарегистрированных пользователей на вашем сайте WordPress.
Чтобы сделать это, перейдите по адресу Пользователи » Все пользователи, затем наведите курсор на пользователя и нажмите кнопку «Редактировать».
Затем просто выполните те же действия, что и выше, чтобы изменить цветовую схему администратора для этого пользователя.
Как только вы закончите, не забудьте нажать кнопку «Обновить профиль» в нижней части страницы.
Как создать пользовательские цветовые схемы администратора в WordPress
Если вам нужно еще больше вариантов цветов для вашей панели администратора, то вы можете создать пользовательские цветовые схемы и загрузить их в свой блог WordPress.
Для этого перейдите на бесплатный сайт WordPress Admin Colors и нажмите кнопку «Начать создание».
Затем введите название в поле «Название цветовой схемы».
Это название появится в вашей панели администратора WordPress в качестве нового варианта цвета.
После этого вы можете полностью настроить цветовую схему, выбрав варианты цветов в разделе «Выберите цвета».
Чтобы изменить один из существующих цветов, нажмите на цвет и выберите новый цвет из всплывающего окна. Вы можете щелкнуть в любом месте на панели выбора цвета или ввести шестнадцатеричный код для определенного цвета.
После того как вы закончите настройку цветовой схемы, нажмите кнопку ‘Generate Color Scheme’ в нижней части страницы.
Это создаст код цветовой схемы, который нужно добавить в WordPress.
На следующей странице будет два разных файла кода.
Вам нужно загрузить файл CSS, скопировать фрагмент кода и вставить его в ваш любимый текстовый редактор. Мы добавим их в ваши файлы WordPress.
Если вы не делали этого раньше, то ознакомьтесь с нашим руководством по копированию и вставке кода в WordPress.
Вы можете добавить фрагмент кода в свои функции.php файл или с помощью плагина code snippets.
Для этого руководства мы будем использовать плагин сниппетов кода WPCode. Это самый простой и удобный для новичков метод добавления сниппетов кода на ваш сайт WordPress.
Сначала вам нужно установить бесплатный плагин WPCode. Для получения более подробной информации ознакомьтесь с нашим руководством для начинающих о том, как установить плагин WordPress.
После активации у вас появится новый пункт меню «Сниппеты кода» в панели администратора WordPress. Нажав на него, вы увидите список фрагментов кода, которые вы сохранили на своем сайте.
Поскольку вы только что установили плагин, ваш список будет пустым.
Нажмите на кнопку «Добавить новый», чтобы добавить фрагмент кода в WordPress.
Далее вы увидите страницу ‘Добавить сниппет’.
Перейдите к опции ‘Add Your Custom Code (New Snippet)’ и нажмите на кнопку ‘Use snippet’.
Затем дайте название вашему сниппету кода. Это может быть что угодно, что поможет вам запомнить назначение вашего кода.
Теперь вы можете вставить фрагмент, который вы скопировали выше, в поле «Код». Вам также нужно выбрать «Тип кода» из выпадающего списка справа.
Далее необходимо выбрать метод вставки фрагмента кода.
Вы можете оставить метод ‘Auto Insert’, тогда сниппет кода будет автоматически вставляться и выполняться в нужном месте.
После этого переключите переключатель с ‘Inactive’ на ‘Active’, а затем нажмите кнопку ‘Save Snippet’ в правом верхнем углу экрана.
Это позволит сохранить код и активировать новую цветовую схему админки.
Теперь вам нужно загрузить таблицу стилей CSS, которую вы скачали ранее, в каталог тем вашего хостинг-аккаунта WordPress.
Для этого вы можете использовать FTP-клиент или файловый менеджер в панели управления хостингом WordPress.
Если вы раньше не пользовались FTP, то вам стоит ознакомиться с нашим руководством о том, как использовать FTP для загрузки файлов в WordPress.
Сначала вам нужно подключиться к вашему сайту с помощью FTP-клиента или файлового менеджера в cPanel. После подключения вам нужно перейти в папку /wp-content.
Внутри папки wp-content вы увидите папку themes. Здесь WordPress хранит все темы, которые использует ваш сайт или использовал в прошлом.
Нажмите на папку themes, а затем откройте папку для темы, которую вы используете.
Затем загрузите отображение.css-файл, который вы загрузили.
Ваш CSS файл будет иметь имя, которое вы выбрали ранее.
Примечание: Если вы меняете тему WordPress, то вам нужно будет загрузить CSS файл в папку новой темы.
После этого перейдите по адресу Пользователи » Ваш профиль.
Затем вы можете выбрать новую цветовую схему, которую вы только что создали.
Если вы хотите использовать эту цветовую схему, то обязательно нажмите кнопку «Обновить профиль» в нижней части страницы.
Как управлять цветовой схемой администратора по умолчанию для новых пользователей
Когда новый пользователь создает учетную запись, у него будет возможность настроить цветовую схему. Но, возможно, вы захотите контролировать цветовую схему по умолчанию в админке или вообще запретить пользователям изменять цветовую схему.
Самый простой способ сделать это — использовать бесплатный плагин Force Admin Color Scheme.
Во-первых, вам нужно установить и активировать плагин. Для получения более подробной информации см. наше пошаговое руководство по установке плагина WordPress.
После активации перейдите по адресу Пользователи » Профиль а затем выберите цвет админки и нажмите на галочку «Force this admin color scheme on all users».
После этого нажмите кнопку «Обновить профиль» в нижней части страницы.
Теперь цветовая схема администратора по умолчанию будет одинаковой для всех новых и существующих пользователей вашего сайта.
Плагин также отключает селектор цветовой схемы администратора для всех ваших пользователей. Единственные пользователи, которые могут изменить этот цвет, это пользователи с доступом администратора.
Надеемся, что эта статья помогла вам узнать, как изменить цветовую схему админки в WordPress. Вы также можете ознакомиться с нашими экспертными подборками лучших плагинов для целевых страниц WordPress и нашим руководством о том, как выбрать лучшего регистратора доменных имен.
Источник: www.wpbeginner.com