DISQUS — найкраща система коментування для WordPress

Систему коментування DISQUS використовує безліч блогів, у тому числі наш, WordPresso.org. DISQUS має велику кількість переваг, включаючи кращий захист від спаму і задоволення користувача від того, що йому потрібен лише один, універсальний логін, який можна використовувати на всіх сайтах, які використовують DISQUS.

Сьогодні ми розглянемо переваги и недоліки DISQUS, як використовувати його з WordPress і навіть деякі базові налаштування за допомогою CSS.

Плюси та мінуси використання DISQUS

У той час як альтернативні системи коментування, такі як Facebook, націлені на окремі типи блогів, DISQUS може бути використаний майже у всіх блогах. Найчастіше він використовується для сайтів традиційного формату, але він забезпечений великою кількістю зручних можливостей, які роблять його чудовим рішенням для будь-якого сайту.

Однозначно, найбільше в DISQUS мене тішить той факт, що все зберігається поза вашим сайтом. Це явний плюс для безпеки, а також для захисту від спаму, оскільки сторонні сервіси типу DISQUS зазвичай надають найкращий захист. DISQUS використовує Askimetтак що він не дуже відрізняється від звичайних коментарів WordPress, але я дійсно помітив зменшення кількості спаму при його використанні.

Також DISQUS дійсно добре інтегрується. Коли ви використовуєте DISQUS, подумайте про те, щоб додати свій сайт до спільноти тих, хто використовує загальну систему коментування. Мій сайт використовує цю систему коментування, це означає, що я маю один обліковий запис для того, щоб писати і модерувати коментарі тут, писати на MacStories, Cult of Mac і на всіх інших сайтах, які використовують DISQUS. Це добре для мене як для користувача, оскільки мені не потрібно мати мільйон різних облікових записів, окремих для кожного сайту.

Повернемося до теми інтеграції. DISQUS дуже гнучкий у налаштуванні. DISQUS виглядає добре на вашому сайті відразу ж, але ви завжди можете вибрати інший шаблон, змінити його за допомогою CSS або підписатися на їхню платну послугу і створити свій дизайн. Ми звернемося до налаштування пізніше у цій статті.

І хоча переваг більше, все ж таки є деякі аргументи проти використання DISQUS. Щоб бути справедливими, і щоб ви могли зробити правильний вибір, розглянемо їх.

Найбільша проблема, з якою стикаються сторонні сервіси, це оптимізація під пошукові системи. Пошукові системи не завжди добре читають DISQUS, тобто іноді не переходять на сторінки посилання. Є варіанти вирішення цього питання, але це точно складніше за використання рідних коментарів.

Крім того, якщо DISQUS "падає", падає також більшість вашого сайту, що для деяких може бути катастрофічно. Тим не менш, я завжди рекомендуватиму DISQUS більшості людей, так що давайте почнемо!

Встановлення DISQUS

Не думаю, що мені потрібно пояснювати багатьом читачам, як встановлювати плагін. Найкращий спосіб встановлення DISQUS – використання плагінаоскільки це робить весь процес простим і набагато менш проблематичним. Коли ви використовуєте плагін, DISQUS умовно кажучи, вивантажує функцію і замість неї підставляє потік DISQUS. Так що там, де ви зазвичай вставляли свій файл коментарів, WordPress автоматично змінює його на DISQUS. Це справді так просто.

Плагін, без сумніву, найпростіший спосіб інтеграції DISQUS. Але, якщо хочете, можете використати універсальний код для вставки, хоча це не рекомендується, і я не буду тут про це говорити, щоб зберегти простоту викладу.

DISQUS буде синхронізуватися з WordPress через плагін доти, доки ви його не відключите (універсальний код не так працюватиме). Це означає, що коментарі будуть зберігатися і в WordPress, і DISQUS, даючи вам шляхи до відступу, якщо ви в майбутньому захочете відмовитися від DISQUS.

Налаштування

DISQUS надає деякі опції, у тому числі можна вибирати потрібні параметри. Є деякі окремі налаштування для плагінів, але вони в основному відносяться до процесу синхронізації або виявлення несправностей.

Також для кожного облікового запису DISQUS є налаштування, які ви можете міняти для управління функціоналом вашої системи. Вони цілком прості і здебільшого крутяться навколо обмеження певних можливостей, наприклад – чи дозволяти прикріплювати медіа-файли, чи вибір вимог до коментування.

На наше щастя, всі ці опції забезпечуються сайтом DISQUS і не вимагають жодного додаткового програмування, тож, мені здається, обговорювати це не варто.

Підрахунок коментарів

Показ кількості коментарів насправді може бути складною штукою. У більшості випадків DISQUS займе місце функції і все буде нормально працювати. Але, в деяких випадках, працювати воно просто не буде, і вашим першим варіантом буде вивести JavaScript у підвалі під Advanced Options у налаштуваннях плагіна.

DISQUS у дії

Зверху ви бачите DISQUS, встановлений як WordPress плагін на живому сайті. Він був встановлений стандартним способом через сторінку опцій DISQUS без додавання додаткових стилів до CSS.

При побіжному розгляді ми бачимо, що у DISQUS є 5 основних блоків: кнопки, форма коментування, потік коментарів, посилання та реакції. Ми можемо керувати кожним із них, використовуючи сторінку налаштувань DISQUS або перезаписуючи деякі стилі CSS. Давайте швидко перейдемо до того, як це можна зробити.

Зовнішній вигляд DISQUS

Ми поговорили про плюси та мінуси використання DISQUS і коротко розглянули його встановлення та роботу з WordPress. Тепер давайте подивимося, як ми можемо змінити зовнішній вигляд DISQUSщоб він більше підходив до нашої теми.

Для самого DISQUS можна вибрати темуВін поставляється з двома темами за замовчуванням: Houdini і Narcissus. Вони включені у безкоштовний пакет. Якщо ви вирішили платити за DISQUS ($299 або $999 на місяць), ви зможете скористатися розширеним редактором тем.

Але оскільки це не особливо поширений варіант, ми не будемо його розглядати. У будь-якому випадку, якщо ви будете використовувати цей редактор теми, ви побачите, що він неймовірно простий у використанні і дуже схожий на редактор тем у Tumblr.

Натомість ми розглянемо, як можна змінити звичайний DISQUS, використовуючи стандартну тему Houdini і якийсь CSS, який можна додати до таблиці стилів.

Визначаємо класи

Щоб працювати з DISQUS та застосувати інший стиль, ми оберемо CSS-класиякі створюють основний стиль.

• #dsq-content - це, власне, контейнер, в якому знаходиться вся вставка DISQUS. Всі стилі, які ви для нього опишете, будуть розповсюджуватись на весь DISQUS.
• .dsq-comment-header - Це заголовок посту, де показується ім'я коментатора.
• .dsq-comment-message - Так, ви правильно здогадалися. Це текст коментаря, і всі стилі, які ви використовуєте для цього класу, будуть застосовуватись лише до самого коментаря.
• #dsq-content h3 – технічно це не клас. Але, прописуючи стиль цього тегу, ви створите стиль заголовків, які використовуються в DISQUS. Наприклад, той, у якому вказано кількість коментарів, або заголовок над областю введення нового коментаря.
• #dsq-global-toolbar – усередині цього блоку – глобальна панель інструментів, тобто рядок кнопок над блоком коментаря.

Стиль для тексту

Напевно, головне, що ви захочете змінити це текст, щоб він більше підходив за розміром і кольором до його теми. Це можна зробити, додавши стиль контейнера, який містить весь вбудований DISQUS.

#dsq-content {
    color: #333333 !important;
    font-size: 1em !important;
}

Це змінить текст у всьому DISQUS. Ви також можете додати свої стилі для блоку dsq-contentщоб він ще більше був схожий на вашу тему WordPress.

Як варіант, ми можемо також змінити окремі частини тексту, наприклад, інформацію про коментатор або заголовки. Найчастіше ми, швидше за все, захочемо поширити стиль заголовків змісту самого блогу на заголовки коментарів. Це можна зробити, просто змінивши клас:

#dsq-content h3 {
    color: #666666 !important;
    font-size: 1.2em !important;
}

Ховаємо елементи

Бувають також випадки, коли ви хочете відключити частина того, що відображає DISQUS. На своєму сайті я віддаю перевагу приховати заголовкищоб вигляд був чистішим. Це, таки, легко зробити, встановлюючи значення параметра display - none.

#dsq-content h3 {
    display: none;
}

Висновок

DISQUS може бути дуже потужною надбудовою до блогу, надаючи багато вигод і для блогерів, і користувачів (див. розділ з перевагами). І хоча ви можете зіткнутися з деякими проблемами, маніпулюючи з опціями Advanced Options, ви швидше за все зробите з DISQUS просту і зручну систему коментування.

До того ж, при простому підході додавання стилів за допомогою CSS зовсім не складно зробити DISQUS відповідним під будь-який сайт, під який вам захочеться.

Джерело: WP.tutsplus.com

Олексій Шевченко

редактор wpcafe

Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, що спеціалізується на створенні сайтів WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/