Решаем проблемы с оформлением DISQUS

Рубрика: Код

В первых числах декабря обнаружил на своём блоге странную проблему: в системе комментирования DISQUS появились какие-то «косяки». Во-первых, сдвинулись (относительно своего стандартного положения) элементы верхнего меню: кнопки «лайков», настройки и показатели приборной панели. Во-вторых, практически возле каждого элемента DISQUS появились чёрные квадратики, которые я использую для маркировки списков.

Disqus - проблема

Вот скрин этих проблем с оформлением DISQUS:

DISQUS - ошибки

Данную систему комментариев я использую на нескольких сайтах, но подобные проблемы обнаружил только на двух (включая этот блог). В Google ничего путного не нашёл, по крайней мере, по тем запросам, которые приходили мне в голову. Попытался вспомнить, что я делал с этими сайтами за последний месяц. Покопался немного в коде, но проблему так и не решил.

3 декабря на форуме Webmasters попросил помощи, создав тему под заголовком «Чёрные квадратики в Disqus». Обновил WordPress, переустановил сам Disqus, проверил с двух разных компьютеров под различными браузерами — проблема осталась неизменной. Опечаленный данным фактом, ушёл с головой в работу. Но через пару дней заметил, что на блоге Терехова уменьшился шрифт комментариев (Алексей тоже использует DISQUS и вроде бы тоже не нашёл причину этого изменения). Однако устранить неисправность так и не удалось.

И вот вчера Михаил Ковалёв предложил удалить CSS стиль, отвечающий за чёрные квадратики, чтобы решить хотя бы одну проблему. По сути, это бы лишило меня всех маркированных списков на блоге. Стиль этот удалять я не стал, но много чего потёр в шаблоне (в том числе и в стандартной форме комментариев WordPress). Надеюсь, что ничего не сломал, т.к. бэкап базы данных, как обычно, не сделал.

Я чертовски не люблю нерешённые проблемы. Уже думал о том, чтобы нанять какого-нибудь специалиста по WordPress для решения проблемы. Но перед этим решил ещё раз погуглить. В этот раз не искал по заголовкам, а читал все статьи, которые находил по системе DISQUS. И в итоге узнал, что у данной системы комментирования есть стандартный набор CSS-стилей:

#dsq-content – главный контейнер, в котором находится DISQUS.

.dsq-comment-header – заголовок статьи с указанием имени комментатора.

.dsq-comment-message – текст комментария.

#dsq-content h3 – стиль заголовков, которые используются в DISQUS.

#dsq-global-toolbar – панель инструментов (которая, как раз, у меня сдвинулась).

Сначала попробовал найти эти стили, но их в моём файле style.css не оказалось. Подкорректировав ещё пару строк кода в файлах самого Disqus, всё-таки догадался просто прописать CSS-стиль для главного контейнера системы в файле стилей. Т.е. просто в файл style.css добавил стиль #dsq-content. И все проблемы устранились.

С чем были связаны эти внезапные проблемы с оформлением DISQUS, я так и не понял. До сих пор ведь всё работало нормально. На большинстве блогов, которые читаю, ничего подобного не заметил, но, может быть, кому-то эта статья пригодится.

ПОНРАВИЛАСЬ СТАТЬЯ? ПОДЕЛИСЬ С ДРУЗЬЯМИ!

ИЛИ ПОДДЕРЖИ АВТОРА ФИНАНСОВО:

Поддержать на Патреоне

Статьи из рубрики:

Хотите оставить комментарий к статье "Решаем проблемы с оформлением DISQUS"?
  • Аноним

    Мне кажется, что достаточно поставить какую-нибудь графическую каптчу для антиспама. А оставить обычную комментарку в вордпрессе.

    • Я DISQUS установил, потому что у него есть несколько полезных функций (например, древовидные комментарии). Да и в последнее время он приобрёл популярность у блоггеров — значит народу нравится, в основном :).

      • Команда pulsetrade.ru

        поставил себе дискус на интернет-магазин, лучше чем стд блок комментариев

      • А тем временем популярность DISQUSa неуклонно растет 🙂

        • Да, на сегодняшний день для блогов, по-моему, это оптимальная система комментариев.

    • Ddd

      Впишите здесь свой комментарий. 
      Впишите здесь свой комментарий. 
      Впишите здесь свой комментарий. 
      Впишите здесь свой комментарий. 
      Впишите здесь свой комментарий. 
      Впишите здесь свой комментарий. 
      Впишите здесь свой комментарий. 
      Впишите здесь свой комментарий. 
      Впишите здесь свой комментарий. 
      Впишите здесь свой комментарий. 
      Впишите здесь свой комментарий. 
      Впишите здесь свой комментарий. 
      Впишите здесь свой комментарий. 
      Впишите здесь свой комментарий. 
      Впишите здесь свой комментарий. 
      Впишите здесь свой комментарий. 
      Впишите здесь свой комментарий. 
      Впишите здесь свой комментарий. 
      Впишите здесь свой комментарий. 
      Впишите здесь свой комментарий. 
      Впишите здесь свой комментарий. 
      Впишите здесь свой комментарий. 
      Впишите здесь свой комментарий. 
      Впишите здесь свой комментарий. 
      Впишите здесь свой комментарий. 

    • дискус не грузит движок сайта в отличии от встроенных в WP комментов, если много конечно

  • KainCq

    /del

  • Добрый день. Для тех, кто в бронепоезде, объясните, пожалуйста, как правильно вставить команты в style.css??

Анонсы

RSS-лента


Подписаться в Facebook


Подписаться в ВК


Следуй за мной в Twitter



Получать на email:

Я зарабатываю на
Cityads - партнёрская система с оплатой за результат (CPA). Лью покупной и "бесплатный" трафик со своих и чужих сайтов.
Admitad - партнёрская сеть, изначально ориентированная на e-commerce.
SalesDoubler - украинская CPA-сеть №1.
Gogetlinks - биржа ссылок. Продаю дорогие "вечные" ссылки со своих качественных сайтов.
Kwork - биржа фриланса: всё по 500 рублей.
PokerStrategy - играю в покер. Просто хобби.