Utilizzo di commenti DISQUS per commenti sociali sul tuo sito WordPress

DISQUS alimenta il sistema di commenti di molti blog, include alcuni di alto profilo. DISQUS offre una serie di vantaggi, tra cui una migliore prevenzione dello spam e una migliore felicità per l'utente, dalla necessità di un unico accesso universale che può essere utilizzato in tutti i siti che utilizzano DISQUS. Oggi daremo un'occhiata ai vantaggi e agli svantaggi di DISQUS, come usarlo con WordPress (spoiler: è incredibilmente semplice) e anche alcune personalizzazioni di base con i CSS.


I pro e i contro dell'uso di DISQUS

Dove i sistemi di commenti alternativi come i tipi di blog specifici di destinazione di Facebook, DISQUS possono essere utilizzati quasi universalmente in diversi blog. Generalmente, viene utilizzato principalmente dai siti di formati tradizionali, ma è supportato da una serie di utili vantaggi che lo rendono una soluzione kickass per qualsiasi sito.

Sicuramente il mio fatto preferito su DISQUS è tutto gestito dal tuo sito. Questo è un vantaggio decisivo per la sicurezza, ma anche per lo spam in quanto servizi di terze parti come DISQUS offrono generalmente una migliore prevenzione dello spam. DISQUS utilizza Askimet, quindi non è troppo diverso dai normali commenti di WordPress, ma ho sicuramente sperimentato meno spam nell'usarlo.

DISQUS si integra anche molto bene. Quando usi DISQUS, pensa di aggiungere il tuo sito a una comunità che condivide tutti un sistema di commenti comune. Il mio sito utilizza questo sistema di commenti, il che significa che ho un singolo account per postare e moderare i commenti lì, e pubblicare su MacStories, Cult of Mac e tutti gli altri siti che usano DISQUS. Questo è ottimo per me come utente, dal momento che conservo la mia identità senza avere un milione di account diversi da gestire in base al sito.

Sempre sul tema dell'integrazione, DISQUS è altamente personalizzabile. La maggior parte delle volte, DISQUS ha un bell'aspetto sul tuo sito web, ma puoi sempre optare per un altro modello, manipolarlo con un po 'di CSS o acquistare il loro servizio a pagamento e progettare il tuo. Esamineremo la personalizzazione poco dopo nell'articolo.

Mentre ci sono certamente più vantaggi, ci sono anche una serie di contro contro l'uso di DISQUS. Per amor di giustizia, e quindi puoi prendere una decisione migliore, diamo un'occhiata a loro.

Il problema maggiore dei servizi di terze parti è l'ottimizzazione dei motori di ricerca. I motori di ricerca generalmente non leggono bene DISQUS, il che significa che alcune pagine collegate non vengono seguite. Ci sono modi per aggirarlo, ma non è così semplice come usare i commenti in modo nativo.

Inoltre, se DISQUS va giù, anche una parte importante del tuo sito potrebbe essere disastrosa per alcuni. Tuttavia, consiglierò sempre DISQUS alla maggior parte delle persone, quindi iniziamo!


Installare DISQUS

Non credo di dover spiegare a molti membri di questo pubblico come installare un plugin. Il modo migliore per installare DISQUS è usare il plugin perché rende l'intero processo facile e molto più semplice. Quando si usa il plugin, DISQUS scambia metaforicamente il file funzione per includere invece un thread DISQUS. Quindi, ovunque tu normalmente includessi il tuo file di commenti, WordPress lo farà
sostituirlo automaticamente con DISQUS. È letteralmente così semplice.

Il plugin è, senza dubbio, il metodo più semplice per integrare DISQUS. Tuttavia, se lo desideri, puoi utilizzare il codice universale da incorporare anche se non è consigliato e lascerò uscire da questo tutorial per semplificare le cose.

A meno che non lo disabiliti, DISQUS si sincronizzerà con WordPress tramite il plugin (il codice universale non funzionerà). Ciò significa che i commenti possono essere memorizzati sia su WordPress che su DISQUS, dandoti una buona via d'uscita se vuoi disfare DISQUS ad un certo punto nel futuro.

Configurazione

Naturalmente, DISQUS ha alcune opzioni tra cui scegliere. Ci sono alcuni plugin specifici, ma generalmente si riferiscono al processo di sincronizzazione e sono più di un piano di risoluzione dei problemi.

Inoltre, con ogni account DISQUS, ci sono opzioni che puoi scegliere di manipolare la funzionalità della tua installazione. Questi sono molto semplici e generalmente ruotano attorno a limitare alcune funzionalità come scegliere se offrire allegati multimediali e scegliere i requisiti per commentare.

Fortunatamente per noi, tutte queste opzioni sono gestite dal sito DISQUS e non richiedono alcuna codifica aggiuntiva, quindi c'è poco per me da parlare.

Conteggio commenti

La visualizzazione del numero di commenti può effettivamente essere una cosa complicata. Nella maggior parte dei casi, DISQUS prenderà il posto di funzione e funzionerà bene. Tuttavia, in alcuni casi, non lo farà e il tuo primo punto di chiamata è scegliere di stampare JavaScript nel piè di pagina sotto Opzioni avanzate nelle impostazioni del plugin.


DISQUS in gioco

Quello che vedi sopra è DISQUS installato come plugin WordPress su un sito live. È stato configurato in modo regolare attraverso la pagina delle opzioni DISQUS senza aggiunta di uno stile aggiuntivo in un foglio di stile.

Se diamo una rapida occhiata, possiamo DISQUS ha cinque sezioni principali: i pulsanti, il modulo dei commenti, il thread dei commenti, i link e le reazioni. Possiamo manipolare ognuno di questi utilizzando sia la pagina delle impostazioni DISQUS che applicando alcuni stili CSS di sovrascrittura. Passando rapidamente, diamo un'occhiata a come fare proprio questo.


Disegnare DISQUS

Abbiamo ora coperto i pro e i contro dell'uso di DISQUS e abbiamo brevemente cercato di installarlo e lavorare con WordPress. Passiamo ora a guardare come possiamo modellare DISQUS per adattarci meglio al nostro tema.

DISQUS stesso può essere a tema e viene fornito con due temi predefiniti: Houdini e Narciso. Questi vengono con il pacchetto gratuito. Se scegli di pagare DISQUS (299 $ o 999 $ al mese), ottieni il vantaggio dell'editor di temi avanzato. Tuttavia, poiché questa non è probabilmente una scelta popolare, non la terremo molto. Tuttavia, se dovessi usare l'editor di temi personalizzato, lo troverai incredibilmente semplice da usare e molto simile al tema di Tumblr.

Invece, vedremo come impostare un'installazione normale di DISQUS usando il tema predefinito di Houdini con alcuni CSS che possono essere inseriti nel tuo foglio di stile.

Identificare le classi

Per lavorare con DISQUS e renderlo in stile, dovremo scegliere le classi CSS che lo compongono.

  • # DSQ-content - Questo è effettivamente il contenitore in cui viene gestito l'intero embargo di DISQUS. Qualsiasi stile applicato a questo verrà applicato universalmente in DISQUS.
  • .DSQ-commento-header - Questa è l'intestazione del commento, dove viene mostrato il nome del commentatore.
  • .DSQ-commento-messaggio - Hai indovinato! Questo è il messaggio di commento e qualsiasi stile aggiunto a questa classe si applica solo al commento stesso.
  • # dsq-content h3 - Sebbene tecnicamente non sia una classe, lo stile di questo tag definisce tutti i titoli utilizzati in DISQUS, come ad esempio quello che indica il numero di commenti e quello sopra la nuova area di testo del commento.
  • # DSQ-global-barra degli strumenti - All'interno di questo ID è la barra degli strumenti globale, ovvero la fila di pulsanti che si trovano in cima alla casella dei commenti.

Testo di stile

Forse la cosa principale che vorresti cambiare è il testo, per adattarlo meglio alle dimensioni e al colore del tema circostante. Questo può essere ottenuto mediante lo styling del contenitore in cui viene gestito l'intero embargo di DISQUS.

 # dsq-content color: # 333333! important; dimensione carattere: 1em! importante; 

Questo cambierà ogni frammento di testo nell'intero inserimento di DISQUS. Naturalmente, puoi applicare altri stili al DSQ-content id per meglio confrontarlo con il tuo tema WordPress.

In alternativa, possiamo definire parti specifiche del testo, come i dettagli del commentatore o le intestazioni. Nella maggior parte dei temi, è probabile che desideriamo condividere uno stile comune tra i titoli nel contenuto e i titoli nei commenti. Questo può essere ottenuto semplicemente cambiando la classe.

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

Elementi nascosti

Ci sono anche casi in cui ti consigliamo di disabilitare alcune parti di Embedded DISQUS. Sul mio sito, preferisco nascondere i titoli per conferirgli un aspetto più pulito. Questo è, ancora una volta, molto semplice da ottenere semplicemente impostando il display stile a nessuna.

 # dsq-content h3 display: none; 

Incartare

DISQUS può essere un'aggiunta molto potente a un blog e può fornire numerosi vantaggi sia ai blogger sia agli utenti (vedere la sezione dei vantaggi). Anche se potresti avere qualche problema, giocare con le opzioni in Opzioni avanzate generalmente imposta DISQUS dritto e fornire un'esperienza senza interruzioni con il sistema dei commenti. Inoltre, con la semplice natura di aggiungere stili con i CSS, non è difficile personalizzare DISQUS per adattarsi a qualsiasi sito tu desideri.