Disqus podpięty bezpośrednio pod akapit wpisu, galerię albo blok cytatu

Disqus to topowa usługa oferująca rozbudowany system komentarzy (komentowanie w czasie rzeczywistym, społecznościowe logowanie, ocenianie komentarzy, embed multimedii i zdjęć), który w świecie WordPressa nieźle się zadomowił, prawie na każdym blogu można się natknąć na ten system.

Standardowo ten system komentarzy zastępuje domyślny system komentarzy WordPressa, czyli znajduje się pod wpisem ale… możemy też podpiąć Disqus bezpośrednio pod elementy wpisu. W efekcie nasi odwiedzający mogą dodawać komentarze bezpośrednio do nagłówków, zdjęć, galerii, akapitów, bloków cytatu, snippety kodów itd. – każdy z tych elementów to inne komentarze, inna oddzielna dyskusja.

Podpięcie Disqusa pod wybrane elementy wpisu ułatwi nam wtyczka Inline Comments, która działa w oparciu o plugin jQuery – inlineDisqussions.

Po zainstalowaniu podajemy shortname profilu na Disqus, podajemy selektory pod które wtyczka ma podpiąć Disqus – znaczniki HTML (np: p, span, blockquote), znacznik HTML+klasa (np: h3.klasa) lub sama klasa (np: .gallery) i gotowe. Po zapisaniu przy danych elementach wpisów pojawią się ikonki jak ta widoczna poniżej (prawy górny róg screena).

Inline Comments example 01

Kliknięcie ikonki aktywuje okno dyskusji powiązane z danym elementem np: nagłówkiem ;)

Inline Comments example 02

Pozostałe opcje konfiguracji jakie są dostępne w tej wtyczce to:

  • włączenie wyświetlania ilości dodanych komentarzy

Inline Comments example 04

  • włączenie wyróżnienia komentowanego elementu

Inline Comments example 03

  • zmiana położenia okna dyskusji z prawej strony na lewą

  • dodanie koloru tła dla okna dyskusji

  • ustawienie maksymalnej szerokości okna dyskusji

  • włączenie trybu responsywnego (obecnie w fazie testowej)

  • dodanie dodatkowych własnych linii ostylowania

Strona wtyczki https://wordpress.org/plugins/inline-comments/

Demo http://tsi.github.io/inlineDisqussions/