Utilizarea comentariilor DISQUS pentru comentariile sociale pe site-ul dvs. WordPress

DISQUS forțează sistemul de comentarii al multor bloguri, include și unele dintre cele mai importante. DISQUS are o serie de avantaje, inclusiv o mai bună prevenire a spam-urilor și o mai bună fericire a utilizatorului datorită necesității unei singure autentificări universale care să poată fi utilizată pe toate site-urile care utilizează DISQUS. Astăzi, vom examina avantajele și dezavantajele DISQUS, cum să o folosim cu WordPress (spoiler: este incredibil de simplu) și chiar unele personalizări de bază cu CSS.


Pro și contra de a utiliza DISQUS

În cazul în care sistemele de comentare alternative cum ar fi tipurile de blog-uri specifice țintă Facebook, DISQUS poate fi folosit aproape universal pe diferite bloguri. În general, este folosit cel mai mult de site-urile cu format tradițional, dar este susținut de o mulțime de avantaje utile, ceea ce îl face o soluție kickass pentru orice site.

Cu siguranta, faptul meu preferat despre DISQUUS este ca totul este manipulat departe de site-ul tau. Acesta este un plus sigur pentru securitate, dar și pentru spam ca servicii terțe precum DISQUS oferă în general o mai bună prevenire a spam-urilor. DISQUS folosește Askimet, deci nu este prea nesimilar cu comentariile obișnuite ale WordPress, dar cu siguranță am experimentat mai puține spam-uri în utilizarea lui.

DISQUS se integrează, de asemenea, foarte bine. Când utilizați DISQUS, gândiți-vă la adăugarea site-ului dvs. la o comunitate care împărtășește toți un sistem comun de comentarii. Site-ul meu utilizează acest sistem de comentarii, ceea ce înseamnă că am un singur cont pentru postarea și moderarea comentariilor acolo și postarea pe MacStories, Cult of Mac și toate celelalte site-uri care utilizează DISQUS. Acest lucru este minunat pentru mine ca utilizator, deoarece îmi păstrez identitatea fără a avea un milion de conturi diferite pentru a gestiona pe baza unui site.

Încă pe tema integrării, DISQUS este foarte personalizabil. De cele mai multe ori, DISQUS arată minunat pe site-ul dvs., dar puteți oricând să optați pentru un alt șablon, să îl manipulați cu unele CSS sau să cumpărați la serviciul plătit și să vă proiectați propriul. Vom analiza personalizarea mai târziu în articol.

Desi exista cu siguranta mai multe avantaje, exista si o multime de contra contra utilizarii DISQUS. Pentru dreptate, deci poți să faci o decizie mai bună, să le aruncăm o privire.

Cea mai mare problemă cu care se confruntă serviciile terță parte este optimizarea motorului de căutare. Motoarele de căutare nu citesc, în general, DISQUS-ul, ceea ce înseamnă că unele pagini care sunt legate nu sunt urmate. Există modalități în jurul valorii de acest lucru, dar cu siguranță nu este la fel de simplu ca utilizarea comentariilor native.

În plus, dacă DISQUS coboară, o parte importantă a site-ului dvs. poate fi dezastruoasă pentru unii. Cu toate acestea, voi recomanda întotdeauna DISQUS pentru majoritatea oamenilor, așa că să începem!


Instalarea DISQUS

Nu cred că trebuie să explic celor mai mulți membri ai acestui public cum să instaleze un plugin. Cea mai bună modalitate de a instala DISQUS este să utilizați pluginul, deoarece face întregul proces ușor și mult mai fără sudură. Când folosiți pluginul, DISQUS înlocuiește figurativ pentru a include în schimb un fir DISQUS. Deci, oriunde ați include în mod normal fișierul de comentarii, WordPress va
înlocuiți automat cu DISQUS. Este literalmente atât de simplu.

Pluginul este, fără îndoială, metoda cea mai fără sudură de integrare a DISQUS. Cu toate acestea, dacă doriți, puteți folosi codul universal pentru a încorpora, deși nu este recomandat și voi renunța la acest tutorial pentru a păstra lucrurile simple.

Dacă nu îl dezactivați, DISQUS se va sincroniza cu WordPress prin plugin (codul universal nu va funcționa). Acest lucru înseamnă că comentariile pot fi stocate atât în ​​WordPress, cât și pe DISQUS, oferindu-vă un traseu frumos de ieșire dacă doriți să ștergeți DISQUS la un moment dat în viitor.

configurație

În mod firesc, DISQUS are câteva opțiuni pentru a alege. Există unele plugin-uri specifice, dar acestea se referă în general la procesul de sincronizare și sunt mai degrabă un plan de depanare.

În plus, cu fiecare cont DISQUS, există opțiuni pe care le puteți alege să manipulați funcționalitatea instalării. Acestea sunt foarte simple și, în general, se învârt în jurul limitării anumitor caracteristici, cum ar fi alegerea ofertei de atașamente media și alegerea cerințelor de comentare.

Din fericire pentru noi, toate aceste opțiuni sunt tratate de pe site-ul DISQUUS și nu necesită codificare suplimentară, așa că nu e prea puțin pentru mine să vorbesc.

Numărul de comentarii

Afișarea numărului de comentarii poate fi de fapt un lucru dificil. În majoritatea cazurilor, DISQUS va înlocui locul funcția și va funcționa foarte bine. Cu toate acestea, în unele cazuri, pur și simplu nu va fi și primul dvs. port de apel este de a alege să exporte JavaScript în subsolul Opțiuni avansate în setările plugin-ului.


DISQUS în Play

Ceea ce vedeți mai sus este DISQUS instalat ca un plugin WordPress pe un site live. A fost setat în modul obișnuit prin pagina de opțiuni DISQUS fără adăugarea unui stil suplimentar într-o foaie de stil.

Dacă privim cu ușurință în jurul nostru, putem să discutăm cu cinci secțiuni principale: butoanele, formularul de comentarii, firul de comentarii, legăturile și reacțiile. Putem manipula fiecare dintre acestea folosind atât pagina de setări DISQUS, cât și aplicarea unor stiluri CSS suprascrise. Deplasați-vă rapid, să vedem cum să facem asta.


Styling DISQUS

Am acoperit acum avantajele și dezavantajele utilizării DISQUS și am analizat pe scurt instalarea și lucrul cu WordPress. Haideți acum să ne uităm la modul în care putem să ne gândim la stilul DISQUS pentru a se potrivi mai bine temei noastre.

DISQUS în sine poate fi tematică, și nave cu două teme implicite: Houdini și Narcissus. Acestea vin cu pachetul gratuit. Dacă alegeți să plătiți pentru DISQUUS (fie $ 299, fie 999 dolari pe lună), veți obține avantajul editorului de teme avansate. Cu toate acestea, deoarece acest lucru nu este probabil o alegere populară, nu ne vom atinge prea mult. Cu toate acestea, ar trebui să utilizați editorul temă personalizat, veți găsi incredibil de simplu de utilizat și foarte mult tematica cu Tumblr.

În schimb, vom analiza modul în care să inscripționăm o instalare obișnuită DISQUS folosind tema implicită Houdini cu unele CSS care pot fi doar plasate în foaia de stil.

Identificarea claselor

Pentru a lucra cu DISQUS-ul și pentru ao schița, trebuie să alegem clasele CSS care o fac.

  • # DSQ conținut - Acesta este în mod eficient containerul pe care este gestionat întregul embed DISQUS. Orice stiluri pe care le aplicați la acest lucru se vor aplica universal în întreaga DISQUS.
  • .DSQ-comment-header - Acesta este antetul de comentariu, în care este afișat numele comentatorului.
  • .DSQ-comment-mesaj - Ai ghicit! Acesta este mesajul de comentariu și orice stiluri adăugate la această clasă se aplică numai comentariului însuși.
  • # dsq-content h3 - În timp ce din punct de vedere tehnic nu este o clasă, stilul acestei etichete va stăpâni toate rubricile folosite în DISQUS, cum ar fi cea care indică numărul de comentarii și cel de deasupra noii zone de text pentru comentarii.
  • # DSQ-Global-bara de instrumente - În interiorul acestui ID este bara de instrumente globală, adică rândul de butoane care se află pe partea de sus a casetei de comentarii.

Styling Text

Poate că cel mai important lucru pe care îl veți dori să îl modificați este textul, pentru a se potrivi mai bine cu dimensiunea și culoarea temei din jur. Acest lucru se poate realiza prin styling-ul containerului pe care se manipulează întregul embed DISQUS.

 # dsq-content culoare: # 333333! important; font-size: 1im! important; 

Asta va schimba fiecare bit de text pe tot cuprinsul embedului DISQUS. Firește, puteți aplica stiluri suplimentare la DSQ conținut id pentru ao compara mai bine cu tema WordPress.

Alternativ, putem modela anumite părți ale textului, cum ar fi detaliile comentatorului sau titlurile. În majoritatea temelor, vom dori probabil să împărtășim un stil comun între titlurile din conținut și titlurile din comentarii. Acest lucru se poate realiza prin simpla schimbare a clasei.

 # dsq-content h3 culoare: # 666666 important! font-size: 1.2m! important; 

Elementele ascunse

Există, de asemenea, cazuri în care veți dori să dezactivați părți din embedul DISQUS. Pe site-ul meu prefer să ascund rubricile pentru a le conferi un aspect mai curat. Acest lucru este, din nou, foarte simplu de realizat doar prin stabilirea afişa stil la nici unul.

 # dsq-content h3 afișare: niciunul; 

Învelire

DISQUS poate fi o adăugare foarte puternică la un blog și poate oferi numeroase beneficii atât bloggerilor, cât și utilizatorilor (consultați secțiunea beneficii). Deși s-ar putea întâmpla câteva probleme, jocul cu opțiunile din Opțiuni avansate va stabili, în general, DISQUS drept și va oferi o experiență fără probleme cu sistemul de comentarii. În plus, cu natura ușoară de a adăuga stiluri în CSS, nu este dificil să personalizați DISQUS pentru a se potrivi oricărui site pe care doriți să-l.

Cod