Как установить Tolstoy Comments на WordPress

Есть два способа установить виджет на сайт под управлением WP, один другого проще, выбирайте.

После регистрации вам будет доступен код виджета. Скопируйте его в буфер обмена.

Способ 1. Установка кода через меню "Виджеты"

В левой колонке административной панели WordPress выбираем пункт Внешний вид –> Виджеты –> Добавить Html-код

Вставьте код. Все готово. Виджет появится на всех страницах вашего сайта.

Способ 2. Установка кода через footer.php

Скопируйте код из раздела "Настройки –> Код" административной панели Tolstoy Comments. В wordpress перейдите в раздел "Внешний вид –> Редактор –> footer.php". Вставьте перед тегом </body> скопированный код. Нажмите обновить файл.

 


Бонус. Как добавить кнопку "Обсудить" в конце статьи.

Сначала создадим специальный класс в настройках css. В разделе Внешний вид переходим по ссылке Встроенный редактор CSS

В левой панели выбираем "Дополнительные стили" и вставляем следующий код:

.tolstoycomment {
background-color: #4CAF50;
border: none;
width: 100%;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 22px;
margin: 4px 2px;
cursor: pointer;
}
button a{
}

Вы можете изменить настройки стилей под себя.

Нажимаем "Опубликовать". Возвращаемся в раздел "Внешний вид –> Виджеты –> Html-код"

Добавляем код:

<a class="tolstoycomment" onclick="tolstoycomments.vidget.navfirst();">Обсудить</a>

Сохраняем виджет. Теперь у нас под каждой статьей появится кнопка, клик по которой будет вызывать окно с комментариями.

Добавляем кнопку "Чаты"

Кнопка будет вызывать виджет на странице списка самых обсуждаемых материалов.

Идем в уже привычный раздел "Внешний вид –> Виджеты –> Html-код"

Вставляем код:

<a class="tolstoycomment" onclick="tolstoycomments.vidget.main();">Чаты</a>

P.S. От нашего программиста: "Если вы человек с высшим техническим образованием, и скриншоты выше, вас скорее утомили, чем внесли ясность. Вот вам расширенная инструкция к API"