Раздел комментариев любого блога может стать отличным местом дискуссии для всех посетителей вашего сайта. Однако, может наступить момент, когда вы захотите создать свое сообщество в Интернете и тогда вам поможет новая функция темы условия Divi С ней мы можем запретить пользователям не зарегистрированным на сайте комментировать посты. Это может стать дополнительной мотивацией для гостей вашего сайта регистрироваться на сайте и становиться активными участниками сообщества. В этой статье мы рассмотрим как показать модуль комментариев Divi только вошедшим в систему пользователям
Функция «Условие» Divi позволяет нам выбирать набор параметров, с которыми могут взаимодействовать модули, строки, столбцы и разделы. В нашем случае мы хотим установить условия отображения на основе статуса входа пользователя в систему. Вот краткое изложение шагов, которые мы предпримем в этом руководстве, чтобы создать раздел комментариев только для участников:
- Загружаем или создаём свой шаблон поста блога в Divi Theme Builder
- Создаём раздел комментариев только для участников, содержащий модуль входа
- Активируем условия отображения для строки, содержащей модуль входа
- Активируем условия отображения для строки, содержащей модуль комментариев
- Сохраняем и тестируем шаблон в режиме инкогнито
Вот как выглядит статья в блоге с разделом комментариев, доступным всем посетителям. Обратите внимание, что любой может перейти к сообщению в блоге, прочитать его и взаимодействовать с разделом комментариев.
Используя условия Divi, мы можем отобразить модуль входа в систему гостям сайта. После того как пользователь вошел в систему, он может взаимодействовать с модулем комментариев.
Установка шаблона статьи блога
Прежде чем мы начнем создавать раздел комментариев только для участников, нам необходимо загрузить шаблон, который мы будем использовать. Вы можете скачать шаблон статьи блога Film Lab здесь.
Перейдите в конструктор тем Divi.
Чтобы загрузить шаблон, перейдите к Divi Theme Builder в административной части вашего WordPress сайта.
Загрузите шаблон сайта
Затем в правом верхнем углу вы увидите значок с двумя стрелками. Нажмите на значок.
Перейдите на вкладку импорта, загрузите файл JSON, который вы можете скачать в этом посте, и нажмите «Импортировать шаблоны Divi Theme Builder».
Сохранить изменения в конструкторе тем Divi
Загрузив файл, вы увидите новый шаблон с новой областью Body, назначенной всем постам блога. Сохраните изменения Divi Theme Builder, как только захотите активировать шаблон.
Изменение шаблона
Откройте шаблон поста
Теперь, когда наш шаблон установлен и назначен всем публикациям в блоге на нашем сайте, мы можем приступить к созданию раздела комментариев только для участников. Начнем с открытия шаблона.
Добавьте новую строку для модуля входа в систему
Добавьте новую строку в том же разделе, что и модуль комментариев этого шаблона. Переключитесь на каркасный вид чтобы было проще. Затем, нажмите зеленый плюс чтобы добавить новую строку над строкой, содержащей модуль комментариев.
Далее мы добавим в строку один столбец.
Добавьте модуль входа
В новой строке мы собираемся добавить модуль входа, чтобы пользователи входили на наш веб-сайт и получали доступ к разделу комментариев. Прокрутите модальное окно «Модуль», пока не увидите значок
Добавьте текст в модуль входа
Давайте добавим заголовок к модулю входа. Мы также будем использовать этот заголовок, чтобы попросить пользователей войти в систему, прежде чем получить доступ к нашему разделу комментариев.
Стилизация модуля входа
Теперь мы придадим добавленному модулю входа внешний вид, соответствующий оформлению шаблона блога Film Lab.
Стилизуем фон блока
Нажмите на значок ведра с краской и выберите цвет заливки #ff4125. Далее нажмите переключатель «Использовать цвет фона».
Фон
- Цвет фона: #ff4125
- Использовать цвет фона: Да
Стилизуем поля
Для полей мы будем использовать тот же цвет, что и для фона раздела, с черным текстом.
Поля: Фон и стиль текста.
- Цвет фона полей: #eae9e4
- Цвет текста полей: #000000
- Цвет фона фокуса полей: #eae9e4
- Цвет текста фокуса полей: #000000
Мы также добавим полям рамку и не будем делать закругленных углов. Это будет имитировать стиль модуля комментариев.
Поля: Фон и стиль текста.
- Поля с закругленными углами: 0
- Стили границ полей: Все
- Ширина границы полей: 1 пиксель
- Цвет границы полей: #000000
- Стиль границы полей: Сплошной
Стилизуем заголовок
В заголовке будет использован тот же шрифт, что и во всем шаблоне, и он будет белым.
Текст заголовка
- Текст заголовка заголовка: H2
- Шрифт заголовка: Mulish
- Цвет текста заголовка: #ffffff
Обратите внимание, что мы добавляем адаптивные размеры, чтобы заголовок хорошо выглядел на экранах разных размеров.
Текст заголовка: Размер шрифта
- Размер шрифта текста заголовка (рабочий стол): 64 пикселя.
- Размер шрифта текста заголовка (планшет): 48 пикселей
- Размер шрифта текста заголовка (мобильная версия): 48 пикселей.
Стилизуем кнопку
Чтобы сэкономить время, скопируйте и вставьте настройки кнопок из модуля комментариев в модуль входа. Нажмите на значок настроек модуля комментариев.
Перейдите на вкладку «Дизайн».. Прокрутите вниз до вкладки «Кнопка». Щелкните правой кнопкой мыши вкладку кнопки и нажмите Копировать стили кнопки.
После этого выйдите из модуля комментариев. Войдите в модуль входа, нажав на значок шестеренки.
Снова, перейдите на вкладку «Дизайн» и прокрутите вниз до вкладки «Кнопка». Далее, щелкните правой кнопкой мыши и выберите «Вставить стили кнопок».. Вуаля! Кнопка выглядит также как кнопка в модуле комментариев.
Теперь кнопка нашего модуля входа в систему точно соответствует стилю кнопок модуля комментариев. Ура нам!
Применяем условие отображения к строке модуля входа
Оформив наш модуль входа в систему, теперь мы можем разместить наше первое условие отображения. Условие отображения имеет решающее значение для создания раздела комментариев только для участников. Divi предоставляет различные параметры в функции «Условие отображения», которые помогают сделать это возможным. Нажмите на значок шестеренки для ввода настроек строки, содержащей модуль входа.
Нажмите на вкладку «Дополнительно». в настройках строки, затем перейдите на вкладку «Условия». Затем, нажмите на значок плюса.
Когда вы нажмете на значок плюса, у вас появится множество вариантов того, при каком условии вы будете отображать (или скрывать) эту строку. Прокрутите вниз до пункта «Состояние пользователя», а затем нажмите «Состояние входа в систему».
Как только это будет сделано, мы получим еще одно модальное окно. В этом модальном окне мы хотим щелкните раскрывающийся список с надписью «Пользователь вошел в систему». и измените это на Пользователь вышел из системы. Это то, что способствует нашему разделу комментариев только для участников. Поскольку мы хотим, чтобы люди были участниками сайта, у них должны быть действительные учетные данные для доступа к нашему разделу комментариев. Если у них нет действительных учетных данных, они не смогут получить доступ к разделу комментариев нашего сайта.
Условия отображения
- Отображать только если: Пользователь вышел из системы
- Условие включения: Да
После того, как вы выбрали условие отображения, убедитесь, что вы сохранили изменения, нажав на зеленую кнопку галочки модального окна. Обратите внимание на уведомление о плагине кэширования.
Последняя часть этого руководства — настройка условия отображения для строки, содержащей модуль комментариев. Для этого щелкните значок шестеренки, чтобы получить доступ к настройкам строки.
Как и в случае со строкой, содержащей модуль входа, в настройках строки мы нажмите на вкладку «Дополнительно» затем перейдите на вкладку «Условия» и нажмите значок плюса чтобы добавить условие отображения.
Для строки, содержащей модуль комментариев, вместо отображения только в том случае, если пользователь вышел из системы, мы хотим, чтобы она отображалась только в том случае, если пользователь вошел в систему.
Теперь, когда мы добавили условия отображения как в модуль комментариев, так и в строку с модулем входа в систему, мы можем провести быстрый тест. Откройте публикацию в режиме инкогнито или приватном просмотре.
Мы используем приватный браузер или окно в режиме инкогнито для проверки условий отображения, чтобы пользователь не был залогинен на сайте. Когда вы вернетесь к обычному просмотру и *залогинетесь* на сайте, вы должны увидеть раздел комментариев. Кроме того, вы можете выйти из своего WordPress сайта, чтобы увидеть готовую работу! Хотя мы делали это руководство для модуля комментариев, его можно применить к любому модулю, строке, столбцу или разделу внутри Divi; дополнительный плагин не требуется. Потратьте некоторое время, чтобы смешать и сопоставить различные настройки дисплея и посмотреть, что у вас получится.
Заключение
Создание сообщества на вашем WordPress сайте позволяет вам укрепить доверие тех, кто пользуется вашим сайтом чаще остальных. Один из способов сделать это — создать раздел комментариев только для участников, который позволит участникам легко взаимодействовать друг с другом. Divi имеет встроенные инструменты и функции, которые упрощают это. Благодаря собственным условиям отображения Divi ваши пользователи могут взаимодействовать только друг с другом. Кроме того, вы можете легко стилизовать свой модуль комментариев, используя вкладку «Дизайн» и полный набор инструментов редактирования Divi. Чтобы создать гибкое частное сообщество, вам не нужно устанавливать плагин членства при использовании Divi. Активировав определенные функции в ядре Divi, вы можете создать раздел комментариев вошедших в систему пользователей, укрепить свое онлайн-сообщество и сделать свой веб-сайт WordPress легким и гибким. Прежде чем использовать плагин для добавления простых функций членства на ваш веб-сайт, рассмотрите возможность ознакомления с условиями отображения Divi для различных аспектов вашего веб-сайта сегодня.
