Комментарии Disqus

Плагин комментариев Disqus

Disqus - одна из самых популярных систем комментариев в Интернете на сегодняшний день, используемая на тысячах сайтов по всему миру. Пользователи могут зарегистрироваться на Disqus, а затем оставлять комментарии на любом сайте, используя Disqus comments, через эту единственную учетную запись; нет необходимости создавать отдельные учетные записи пользователей для каждого сайта. Он также включает дополнительные функции, которые обычно не могут быть включены в системы комментариев для конкретного сайта, такие как уведомления об ответах или другой активности, а также инструменты модерации для управления пользователями и публикациями.

Как следует из названия, плагин комментариев Disqus интегрирует Disqus на ваш сайт Publii, позволяя вам разрешать комментарии пользователей к любому указанному вами сообщению.

Добавление поддержки плагина комментариев в вашу тему (для старых или пользовательских тем)

Если вы используете более раннюю версию тем Publii или свою собственную пользовательскую тему, то, прежде чем вы сможете использовать плагины для комментариев, доступные на нашем маркетплейсе, вам нужно будет внести небольшие изменения в файл post.hbs вашей темы (также в других шаблонах сообщений), чтобы комментарии могли работать правильно. Для этого выполните следующие действия:

  1. Откройте предпочитаемое вами приложение проводника файлов и перейдите в папку Documents/Publii/sites/YOUR_SITE/input / themes /YOUR_THEME.
    где 'YOUR_SITE' - это название вашего сайта, а 'YOUR_THEME' - это папка для темы, которую вы в данный момент используете на сайте.
  2. Используя редактор кода по вашему выбору, откройте файл post.hbs (его можно открыть в базовых приложениях, таких как notepad, если у вас не установлен какой-либо специальный редактор кода).
  3. В нижней части списка кодов найдите раздел, который может выглядеть следующим образом:

    {{#if @config.post.displayComments}} 
        <div class="post__comments"> 
           <div class="wrapper"> 
              <h2 class="h5">{{ translate 'post.comments' }}</h2> 
           {{> disqus}} 
           </div> 
        </div> 
    {{/if}}
    

    И измените его на:

    {{#if @config.post.displayComments}}
        <div class="post__comments"> 
           <div class="wrapper"> 
              {{{@commentsCustomCode}}}
           </div> 
        </div> 
    {{/if}}
    
  4. После редактирования файла сохраните изменения; теперь вы сможете использовать плагины комментариев без проблем.

Активация плагина

Плагин можно включить, нажав кнопку переключения в поле Disqus Comments раздела Tools & Plugins приложения Publii. Если переключатель меняется с серого на синий, значит, плагин включен. Однако есть некоторые параметры, которые необходимо выполнить, прежде чем плагин сможет быть полностью активирован. Чтобы открыть меню опций, снова нажмите на поле Комментарии Disqus, в любом месте, кроме кнопки переключения. После этого вы перейдете на страницу опций Комментариев Disqus.

Включение комментариев

Активация Disqus комментарии плагинов по себе не позволяют системе Disqus для отображения комментариев на вашем сайте; вам нужно сменить комментарии опцию в Настройки Темы в первую очередь. После включения Publii создаст область комментариев на странице, где плагин может отображаться. Чтобы использовать комментарии на своем сайте, сначала перейдите в раздел Темы приложения, щелкнув опцию в меню левой боковой панели, затем перейдите в раздел Пользовательские настройки → Параметры публикации в настройках темы и включите опцию Отображать комментарии.

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

Создание краткого имени Disqus

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

Регистрация вашего сайта и создание краткого имени - очень быстрый и простой процесс; просто выполните следующие действия:

  1. Перейдите на веб-сайт Disqus и нажмите на кнопку Начать в верхнем меню или на главной странице, чтобы начать создание учетной записи, или на кнопку Войти, если у вас уже есть учетная запись (если у вас уже есть учетная запись, перейдите к шагу 3).
  2. Введите данные, которые вы хотите использовать для создания учетной записи; вам нужно будет ввести только имя, адрес электронной почты и пароль. Кроме того, вы можете автоматически войти в систему через свои учетные записи Google, Twitter или Facebook, нажав на соответствующий значок над полями.
  3. После входа в систему / создания учетной записи вы попадете на экран, где сможете выбрать один из двух вариантов; "Я хочу комментировать сайты" и "Я хочу установить Disqus на свой сайт". Выберите второй вариант.
  4. Теперь вы находитесь на странице "Создать новый сайт". Поле "Владелец сайта" уже будет заполнено с помощью данных вашей учетной записи, но вам нужно будет ввести название вашего сайта в поле "Название веб-сайта". После ввода имени нажмите клавишу Tab или щелкните вдали от поля; автоматически присвоенное вам краткое имя будет отображаться под полем Название веб-сайта. При необходимости вы можете настроить это имя, нажав на текст Настройте свой URL под полем; это откроет новую опцию, в которой вы можете ввести альтернативное краткое имя. Обратите внимание, что ваше краткое имя должно быть уникальным; вы увидите сообщение, если выбранное вами краткое имя недоступно.
  5. Выберите категорию для вашего сайта из выпадающего списка рядом с полем Категория; это не влияет на функциональность раздела комментариев; он предназначен только для информационных целей. На этом этапе скопируйте краткое имя из-под поля Название веб-сайта; вам нужно будет ввести это в настройках плагина в Publii. Краткое имя должно выглядеть, например, как test-7cXugZEU7x.disqus.com.
  6. Далее вы сможете выбрать тарифный план. Существуют платные опции, которые включают дополнительные функции, но если вы просто хотите добавлять комментарии без какой-либо дополнительной оплаты, вы можете воспользоваться "Базовым" тарифом (обратите внимание, что использование этого тарифа будет включать рекламу в разделе комментариев вашего сайта). Для получения базового тарифа просто нажмите кнопку Подписаться сейчас.
  7. Следующий раздел посвящен установке Disqus на ваш сайт; этот раздел можно смело игнорировать, поскольку Publii позаботится обо всех необходимых шагах, как только вы введете свое краткое имя в параметры плагина. Вместо этого выберите опцию "Я не вижу в списке мою платформу ...", затем на следующей странице (которая содержит инструкции по установке вручную) прокрутите страницу до самого низа и нажмите кнопку Настроить, чтобы перейти к следующему шагу.
  8. Следующие несколько разделов просты, позволяя вам ввести дополнительные сведения, такие как URL веб-сайта, ссылку на страницу политики комментариев, задать язык раздела комментариев и другие базовые параметры, а также стандартные настройки допустимого содержимого в разделах комментариев. Заполните их по мере необходимости. После этого настройка Disqus будет завершена. Просто добавьте свое краткое имя в параметры плагина Disqus Comments в приложении Publii, и вы будете готовы к работе!

Параметры комментариев Disqus

Опции, доступные в этом плагине, довольно просты, и мы рассмотрим их и их функции в этом разделе.

Примечание: Параметр Disqus shortname должен быть настроен перед добавлением раздела комментариев Disqus на ваш сайт.

Доступны следующие опции:

Конфигурация комментариев

  • Краткое имя Disqus - Краткое имя Disqus относится к уникальному URL-адресу с коротким именем, указанному при регистрации вашего сайта в Disqus. Подробную информацию о том, как это сделать, можно найти в предыдущем разделе.
  • Язык - Задает язык, который будет использоваться для текста, сгенерированного Disqus в разделе комментариев.

Интеграция с темой

  • Заголовок заголовка - текст, введенный в это поле, будет использоваться в качестве заголовка для поля комментариев на вашем сайте.
  • Уровень заголовка - Устанавливает размер / стиль заголовка, который следует использовать для заголовка заголовка.
  • Запасное сообщение - текст, введенный в это поле, будет отображаться, если поле комментариев не может быть загружено из-за отключения пользователем скриптов или использования браузера, в котором нет поддержки скриптов. По умолчанию рекомендуется включить JavaScript для отображения комментариев.
  • Оболочка комментариев - Устанавливает пользовательский CSS-класс для оболочки комментариев; то есть внешняя область, окружающая раздел комментариев. Оставьте это значение по умолчанию, чтобы использовать стандартный набор стилей в коде темы.
  • Внутренняя оболочка комментариев - Устанавливает пользовательский CSS-класс для внутренней оболочки комментариев; внутренняя область раздела комментариев. Оставьте по умолчанию, чтобы использовать встроенный стиль комментариев темы.
  • Заголовок комментариев - Устанавливает пользовательский класс CSS для текста заголовка раздела комментариев, для дополнительных параметров оформления поверх стиля по умолчанию, который применяется к соответствующему тексту H2-H6, или альтернативно ему. Оставьте по умолчанию, чтобы использовать стандартный стиль темы.

    Например, для семантических целей вы хотите оставить заголовок H2, но уменьшить размер шрифта, поэтому вы можете использовать один из доступных классов в наших темах: h1 h2 h3 h4 h5 h6  

    Чтобы изменить выравнивание текста, используйте следующие классы: align-left align-right align-center

Дополнительные параметры

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

Интеграция баннеров с файлами cookie

Включение этого параметра добавляет опцию, позволяющую пользователям давать согласие на файлы cookie, используемые Disqus, во встроенный баннер файлов cookie Publii. Как только эта опция будет включена, станут доступны еще две опции:

  • Идентификатор группы файлов cookie - Введите здесь имя группы файлов cookie, в которую должны быть включены файлы cookie Disqus; например, "комментарии". Обязательно добавьте (если оно не существует) это название группы в раздел GDPR настроек сайта. Инструкции о том, как это сделать, вы можете найти в разделе GDPR этой документации.
  • Резервное сообщение - Устанавливает сообщение, которое должно отображаться, если пользователь не согласен на использование скриптов Disqus. По умолчанию он уведомляет пользователей о том, что им необходимо изменить настройки файлов cookie в баннере, прежде чем комментарии смогут отображаться.

Subscribe

Get the latest news, updates and more delivered directly to your email inbox

...