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

2leep.com

↑ Как добавить такие же кнопки социальных сетей в свой блог ↑

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

• Вывод случайных записей в WordPress без плагинов
• Как добавить кнопки социальных сетей в блог
• Автоматическая вставка копирайта при копировании текста
• Вики разметка вконтакте
• Простое горизонтальное меню для Blogspot

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

Как я месяц работал копирайтером

Как я работал переводчиком в сообществе Фейсбукер

Азбука манимейкера от А до Я

SEO учебник для начинающих: Поисковая Оптимизация от А до Я

Книга: Эффективное продвижение сайтов в Яндексе

Как привлечь 10 000 читателей в блог

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

Адалт Благотворительность Блоггинг ВКонтакте Гостевой пост Гэмблинг Дейтинг Дизайн Инвестиции Интернет Инфографика Контекст Манимейкинг Маркетинг Море Отдых Отчёт Переводы Подкасты Покер Психология Софт Ссылки Торренты Траф Фарма Фриланс Халява Яндекс тИЦ Bing blogspot Facebook Google PR Sape SEO Skype SMO TrustLink Twitter WordPress YouTube