Решаем проблемы с оформлением 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, я так и не понял. До сих пор ведь всё работало нормально. На большинстве блогов, которые читаю, ничего подобного не заметил, но, может быть, кому-то эта статья пригодится.

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


СТАТЬИ ИЗ РУБРИКИ:

Анонсы

Telegram-канал


RSS-лента


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


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


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


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


Инструменты
Cityads - партнёрская система с оплатой за результат (CPA). Лью покупной и "бесплатный" трафик со своих и чужих сайтов.
MFC.guru

Gogetlinks - биржа ссылок. Продаю и покупаю дорогие "вечные" ссылки с качественных сайтов.
Rotapost - бюджетный аналог GGL.
Kwork - биржа фриланса: всё по 500 рублей.
Publer - многофункциональный сервис мониторинга рекламы в тизерных и социальных сетях и анализа сообществ Вконтакте, запущенный в 2015 году.
Arbalet - 12 инструментов для арбитража в одном сервисе. Теперь не придется тратить время на поиск офферов. Забудьте об API, фрилансерах и PHP.
Telemetr - сервис аналитики Telegram-каналов.
Smmbox - инструмента для продвижения в социальных сетях.
Telderi - крупнейшая биржа сайтов и доменов в Рунете. Гарант для прямых сделок.
Pokerstrategy - играю в покер, просто хобби.
Beget - один из крупнейших хостинг-провайдеров в России. Держу у них все свои сайты и домены.