Решаем проблемы с оформлением 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, я так и не понял. До сих пор ведь всё работало нормально. На большинстве блогов, которые читаю, ничего подобного не заметил, но, может быть, кому-то эта статья пригодится.
СТАТЬИ ИЗ РУБРИКИ:
- Вывод случайных записей в WordPress без плагинов
- Всплеск посещаемости на блоге от Стаса Давыдова
- Гэмблинг: раскручиваем азартных манимейкеров
- Как получить продвинутый статус или VIP в партнёрке Cityads
- На главной странице WordPress блога не появляются новые записи
- Как я работал переводчиком в сообществе Фейсбукер
- 5 научно проверенных способов получить больше ретвитов
- Как я купил паи форума mmgp.ru и заработал 100$
- Видео: установка кода TrustLink на различные движки
- Лига блоггеров PartyPoker Summer 2011
Впишите здесь свой комментарий.
Впишите здесь свой комментарий.
Впишите здесь свой комментарий.
Впишите здесь свой комментарий.
Впишите здесь свой комментарий.
Впишите здесь свой комментарий.
Впишите здесь свой комментарий.
Впишите здесь свой комментарий.
Впишите здесь свой комментарий.
Впишите здесь свой комментарий.
Впишите здесь свой комментарий.
Впишите здесь свой комментарий.
Впишите здесь свой комментарий.
Впишите здесь свой комментарий.
Впишите здесь свой комментарий.
Впишите здесь свой комментарий.
Впишите здесь свой комментарий.
Впишите здесь свой комментарий.
Впишите здесь свой комментарий.
Впишите здесь свой комментарий.
Впишите здесь свой комментарий.
Впишите здесь свой комментарий.
Впишите здесь свой комментарий.
Впишите здесь свой комментарий.
Впишите здесь свой комментарий.
