Друзья, "тёмные времена наступили". Хотите реализовать ночной режим для своего сайта? Вернее, как сделать в теме/шаблоне WodPress - ночной режим. Тогда читаем - как добавить тёмный/ночной режим на сайт WordPress. Это простенькое решение, позволяющее вашим посетителям включать / отключать темный режим на вашем сайте.
Чтение содержимого сайта в ночное время может быть связанно с неудобствами. Помогите своим посетителям читать больше ваших публикаций, проводить больше времени на сайте и защитить глаза от избыточного света.
Что касается SEO, то с использованием тёмной темы (ночного режима) никаких проблем нет – как и каких-то специальных рекомендаций. Ночной режим настраивается через CSS, а способ реализации CSS на сайте не влияет на то, как Google или Яндекс сканирует контент для индексации.
Сотрудник Google Джон Мюллер: Что касается SEO, то с использованием тёмной темы никаких проблем нет – как и каких-то специальных рекомендаций. Ночной режим настраивается через CSS, а способ реализации CSS на сайте не влияет на то, как Google сканирует контент для индексации.
Ночной режим WordPress
В последнее время у вебмастеров появился тренд, связанный с активным внедрением ночного режима на сайты. Даже некоторые премиум темы WordPress уже имеют тёмный режим. А со временем, ночной режим (Dark Mode) может стать частью ядра WordPress, но вряд ли в ближайшем будущем. Так что, давайте не будем терять время и сделаем ночной режим у себя на WP первыми. Естественно, реализовать данную функцию можно с помощью простеньких с плагинов. Как сделать темную тему на сайте WP? Как включить темный/ночной режим на сайте? Очень легко и просто.
Включаем Ночной режим на сайте WP
Темный режим является одной из самых популярных функций на сегодняшний день. Ночной режим - это идеальное решение для плавного переключения веб-страницы между ночным режимом и обычным стилем для улучшения читабельности текста, изображений и видео. Цветовая схема ночного режима облегчает чтение статьи в поздние часы, благодаря уменьшению белого света, излучаемого экраном.
На сегодняшний день, есть пара-тройка модулей которые добавляют кнопки Dark Mode на сайт ВордПресс. Представляю плагины которые добавляют в вашу тему ночной режим. Это самый простой способ добавить темный режим на ваш сайт WordPress. Встречайте. Как добавить ночной режим на ваш сайт WordPress?
WP Dark Mode - Ночной / тёмный режим WordPress
Очень простой плагин. Он добавляет кнопку темный режим к вашей теме. WP Dark Mode автоматически включает потрясающий темный режим вашего сайта WordPress.
Используйте WP Dark Mode, чтобы включить потрясающую тему темного режима для вашего сайта WordPress:
Просто активируйте плагин и ваши пользователи будут использовать версию вашего веб-сайта в темном режиме в соответствии с предпочтениями операционной системы. Активация плагина добавляет кнопку переключения в темный режим. Вот так:
Одно нажатие и наступили тёмные времена на странице WordPress. Удобно читать:
Работает во всех операционных системах, включая Android, iOS, macOS. WP Dark Mode работает автоматически, без каких-либо сложных настроек.
После установки и активации плагина по умолчанию ваш веб-сайт WordPress превратится в темный режим для ваших пользователей, если операционная система пользователей настроена на темную тему.
Вы можете использовать переключатель показать / скрыть ночной / тёмный режим разными способами. Например, блок Гутенберга, виджет Elementor или шорткод.
Настройки ночного режима WordPress
После активации перейдите на страницу Настройки - WP Dark Mode в админке WordPress и перейдите на вкладку Общие настройки. Хотя вы должны быть перенаправлены туда автоматически:
Плавающая кнопка переключения - вы можете отобразить плавающую кнопку переключения темного режима в нижнем колонтитуле веб-сайта:
Вы также можете добавить темный режим в админ панель WordPress. В настройках включите Enable Backend Darkmode для отображения кнопки переключения darkmode на панели администратора для администраторов на backend. В консоле будет вот так, красиво. Просто нажмите на этот переключатель, чтобы мгновенно переключить админку в темный / ночной режим:
Вы можете поместить кнопку переключения на любую страницу / сообщение, используя блок Gutenberg (Переключатель темного режима). Пока вы находитесь на экране редактирования публикации / страницы, нажмите значок Gutenberg plus, чтобы добавить новый блок Gutenberg:
Выберите стиль кнопки переключателя в настройках блока Dark Mode Switch и все готово:
Также, при написании сообщения в редакторе блоков WordPress вы также можете включить темный режим. Нажмите на маленький цветной значок в левом верхнем углу, затем выберите режим, который хотите использовать:
Теперь вы можете комфортно писать и работать над своим сайтом ночью, не напрягая глаза.
Есть виджет Darkmode Elementor - вы можете поместить кнопку переключения темного режима на любую страницу / сообщение с помощью elementor или виджета (Dark Mode Switch):
Легко установите ночной режим на своем устройстве и просматривайте веб-сайт WordPress, чтобы испытать волшебно преобразованный темный режим вашего веб-сайта. WP Dark Mode поддерживает все основные операционные системы, включая iOS, Android, macOS или Windows 10.
Плагин Тёмный режим WordPress работает, без каких-либо проблем, во всех современных браузерах: Safari, Chrome, Firefox, Edge и т. д..
Следующий плагин также установит ночной режим на сайт WordPress.
Blackout: Dark Mode Widget - Виджет темного режима ВордПресс
Плагин, который создает виджет, активирующий ночной режим на сайте при нажатии. Простое решение, позволяющее вашим пользователям включать / отключать темный режим на вашем сайте.
Затемнение: виджет темного режима. Устанавливаем ночной режим на сайт. Он использует CSS mix-blend-mode, чтобы создать темный режим на любом из ваших сайтов. Plugin создает кнопку, с помощью которой ваши пользователи могут использовать для переключения между обычным и темным режимами.
Такая же кнопка, как у первого plagina. Кнопку вы можете разместить в любом месте на станице сайта. Можно показывать переключатель только на страницах сообщений. А также, настроить размер и цвет кнопочки.
После стандартной установки и активации плагина переходите Настройки - Blackout:
Делаете нужные настройки. А вот результат:
Идём далее.
WP Night Mode
WP Темный режим, для того, чтобы улучшить удобство чтения текста, изображений и видео. Разрешить пользователям изменять стиль веб-сайта во время просмотра в ночное время, что позволяет им чувствовать себя более комфортно и проводить больше времени на вашем сайте. После установки и активации используйте используйте класс wp-night-mode для любого элемента (например, пункта меню) или шорткод [wp-night-mode-button] для отображения кнопки включения Ночного режима.
А так добавьте переключатель Ночного режима с помощью шорткода перед текстом:
А так будут кнопки переключения выглядеть во включенном состояние:
Всё, друзья, плагины закончились. А нет, появился ещё один, новый.
Blinds Dark Mode
Blinds - это простой легкий плагин для WordPress, который дает вам и вашим пользователям возможность включить интерфейс темного режима в вашем блоге или на сайте WordPress. Он также работает на экранах администратора WordPress:
Плагин добавляет возможность темного режима в ваш блог или сайт WordPress. Blinds Dark Mode также работает с WooCommerce! Работает в мультисайтах WordPress. Загрузите плагин Blinds в свой блог, активируйте его и всё. Настроек нету.
Далее, плагины для админов сайтов на WP которые работают по ночам.
Панель администратора в темном режиме
Функция Тёмный режим для админов. Есть специальные плагины которые сделают панель инструментов администратора WordPress темной. Именно, только для админов, не для посетителей.
Плагин Dark Mode
Позволяет пользователям сделать панель инструментов администратора WordPress темной.
Самый популярный плагин для админки. Это плагин, который может стать частью ядра WordPress в будущем. Темный режим будет затемнять цвета консоли администратора, что облегчит вам работу ночью. Для этого, установите его и активируете. Потом зайдите в свой профиль и включите темный режим панели управления:
Обновите профиль и оп-ля. Темный режим - это совершенство. Панель администратора WordPress выглядит супер:
По умолчанию WordPress имеет очень яркую цветовую схему, что означает, что работать в ночное время может быть сложно. Темный режим позволяет вам изменить общий дизайн на более темный и тонкий дизайн, что делает его более приятным для визуального восприятия при поздней работе.
Если, по каким то причинам, вам данный плагин не подойдёт, то попробуйте этот:
DarkPress плагин WordPress
Это простой плагин для изменения интерфейса администратора WordPress в Dark Mode. Установите, активируйте и пользуйтесь:
Ночь наступила в админпанели. Круто. Ибо ночь темна и полна ужасов.
В заключение
Поскольку все OS, сервисы Twitter, YouTube, Reddit, браузеры делают темный режим доступным в качестве опции пользовательского интерфейса, WordPress сайт определенно не должен оставаться позади. Установите функцию Ночной режим на сайт для своих посетителей. Они останутся довольны.
Господа, вам нравится тёмный режим на сайтах и планируете ли включать его на своём веб-ресурсе WordPress? Пишите в комментариях. У меня на этом всё. Удачи и до новых встреч. Пока, пока!
