Share
DISQUS styrer kommentarsystemet til mange blogger, inkluderer noen høyprofilerte. DISQUS har en rekke fordeler, inkludert bedre spamforebygging og bedre brukervennlighet fra behovet for bare en enkelt, universell pålogging som kan brukes på alle nettstedene som bruker DISQUS. I dag skal vi se på fordelene og ulempene ved DISQUS, hvordan du bruker den med WordPress (spoiler: det er utrolig enkelt) og til og med noen grunnleggende tilpasning med CSS.
Hvor alternative kommentarsystemer som Facebooks målspesifikke blogtyper, kan DISQUS brukes nesten universelt på tvers av forskjellige blogger. Vanligvis brukes den mest av de tradisjonelle formatene, men støttes av en rekke nyttige fordeler som gjør det til en kickass-løsning for alle nettsteder..
Definitivt mitt favorittfakta om DISQUS er alt håndteres vekk fra nettstedet ditt. Det er et klart pluss for sikkerhet, men også for spam som tredjeparts tjenester som DISQUS tilbyr generelt bedre spamforebygging. DISQUS bruker Askimet, så det er ikke så ulikt det vanlige WordPress-kommentarene, men jeg har definitivt opplevd mindre spam ved å bruke det.
DISQUS integrerer også veldig bra. Når du bruker DISQUS, tenk på å legge til nettstedet ditt i et fellesskap som alle deler et felles kommentarer system. Nettstedet mitt bruker dette kommentarsystemet, noe som betyr at jeg har en enkelt konto for å legge ut og moderere kommentarer der, og legge inn på MacStories, Cult of Mac og alle de andre nettstedene som bruker DISQUS. Dette er flott for meg som bruker, siden jeg beholder identiteten min uten å ha en million forskjellige kontoer for å håndtere på stedet.
Likevel på temaet integrering er DISQUS svært tilpassbar. Mesteparten av tiden ser DISQUS stor ut på nettstedet ditt, men du kan alltid velge en annen mal, manipulere den med noen CSS eller kjøpe inn til sin betaltjeneste og designe ditt eget. Vi ser etter tilpasning litt senere i artikkelen.
Mens det er absolutt flere fordeler, er det også en håndfull ulemper mot å bruke DISQUS. For rettferdighetens skyld, og så du kan ta en bedre beslutning, la oss ta en titt på dem.
Det største problemet for tredjeparts tjenester er søkemotoroptimalisering. Søkemotorer leser vanligvis ikke DISQUS så godt, noe som betyr at noen sider som er koblet, ikke følges. Det finnes måter rundt det, men det er definitivt ikke så enkelt som å bruke kommentarer nativt.
I tillegg, hvis DISQUS går ned, gjør det også en stor del av nettstedet ditt, som kan være katastrofalt for noen. Likevel vil jeg alltid anbefale DISQUS til de fleste, så la oss komme i gang!
Jeg antar ikke at jeg må forklare for mange medlemmer av dette publikum hvordan man installerer et plugin. Den beste måten å installere DISQUS på er å bruke plugin fordi det gjør hele prosessen enkel og mye mer sømløs. Når du bruker pluginet, bytter DISQUS figurativt ut fungere for å inkludere en DISQUS-tråd i stedet. Så, uansett hvor du normalt vil inkludere din kommentarfil, vil WordPress
erstatt det automatisk med DISQUS. Det er bokstavelig talt så enkelt.
Pluggen er uten tvil den mest sømløse metoden for å integrere DISQUS. Men hvis du vil, kan du bruke universalkoden til å legge inn, selv om det ikke er det som er anbefalt, og jeg skal forlate det ut av denne opplæringen for å holde det enkelt.
Med mindre du deaktiverer det, vil DISQUS synkronisere med WordPress via plugin-modulen (universalkoden vil ikke fungere). Dette betyr at kommentarer kan lagres i både WordPress og DISQUS, og gir deg en fin avkjøringsrute dersom du ønsker å dike DISQUS på et tidspunkt i fremtiden.
Naturligvis har DISQUS noen alternativer for deg å velge mellom. Det er noen plugin-spesifikke, men disse relaterer seg vanligvis til synkroniseringsprosessen og er mer en feilsøkingsplan.
I tillegg, med hver DISQUS-konto, finnes det alternativer du kan velge å manipulere funksjonaliteten til installasjonen din. Disse er veldig enkle og dreier seg generelt om å begrense visse funksjoner, for eksempel å velge om du vil tilby medievedlegg, og velge kravene til å kommentere.
Heldigvis for oss håndteres alle disse alternativene fra DISQUS-siden og krever ingen tilleggskoding, så det er lite for meg å snakke gjennom.
Å vise kommentarnummeret kan faktisk være en vanskelig ting. I de fleste tilfeller vil DISQUS ta plass til funksjonen og det vil fungere fint. Men i noen tilfeller vil det bare ikke, og din første anløpshavn er å velge å skrive ut JavaScript i bunnteksten under Avanserte alternativer i plugininnstillingene.
Det du ser ovenfor, er DISQUS installert som et WordPress-plugin på et live-nettsted. Det har vært oppsett på vanlig måte gjennom DISQUS-opsjonssiden uten ekstra styling lagt til i et stilark.
Hvis vi tar en rask titt rundt, kan vi DISQUS ha fem hoveddeler: knappene, kommentaren skjemaet, kommentar-tråden, linkene og reaksjonene. Vi kan manipulere hver enkelt av disse ved å bruke både DISQUS-innstillingssiden, og bruke noen overskrivende CSS-stiler. Rask videre, la oss se på hvordan du gjør nettopp det.
Vi har nå dekket fordelene og ulemperne med å bruke DISQUS og kort sett sett på å installere den og jobbe med WordPress. La oss nå gå videre for å se hvordan vi kan style DISQUS for å passe bedre på temaet vårt.
DISQUS selv kan være tema, og skip med to standard temaer: Houdini og Narcissus. Disse leveres med den gratis pakken. Skulle du velge å betale for DISQUS (enten $ 299 eller $ 999 per måned), får du fordelen av den avanserte temaredaktøren. Men siden dette er sannsynligvis ikke et populært valg, vil vi ikke berøre det mye. Men hvis du bruker den egendefinerte temaeditoren, finner du det utrolig enkelt å bruke og veldig mye like tema med Tumblr.
I stedet ser vi på hvordan du stiler en vanlig DISQUS-installasjon ved hjelp av standard Houdini-temaet med noen CSS som bare kan plasseres i stilarket ditt.
For å kunne jobbe med DISQUS og stilte det, må vi plukke ut CSS-klassene som gjør det opp.
Accentsconagua
# DSQ-innhold - Dette er effektivt beholderen som hele DISQUS-embedet håndteres inn. Eventuelle stiler du bruker på dette, gjelder universelt gjennom DISQUS..DSQ-kommentar-header - Dette er kommentaroverskriften, der navnet på kommentaren vises..DSQ-kommentar-melding - Du gjettet det! Dette er kommentarmeldingen, og alle stiler som er lagt til i denne klassen, gjelder bare for selve kommentaren.# dsq-innhold h3 - Mens teknisk ikke en klasse, vil styling denne taggen stile alle overskriftene som brukes i DISQUS, for eksempel det som angir antall kommentarer og den ene over det nye kommentateksten.# DSQ-global-verktøylinjen - Inne i denne ID-en er den globale verktøylinjen, aka raden med knapper som ligger oppå kommentaren.Kanskje det viktigste du vil endre, er teksten, for bedre å matche størrelsen og fargen på det omkringliggende temaet. Dette kan oppnås ved å style beholderen som hele DISQUS-embedet håndteres inn.
# dsq-innhold farge: # 333333! viktig; skriftstørrelse: 1em! viktig;
Det kommer til å forandre hver bit av tekst gjennom hele DISQUS-embedet. Du kan selvsagt legge til flere stiler til DSQ-innhold ID for å bedre sammenligne det med ditt WordPress-tema.
Alternativt kan vi utforme bestemte deler av teksten, for eksempel kommenteringsdetaljer eller overskriftene. I de fleste temaer vil vi sannsynligvis dele en felles stil mellom overskriftene i innholdet og overskriftene i kommentarene. Dette kan oppnås ved å endre klassen.
# dsq-innhold h3 farge: # 666666! viktig; fontstørrelse: 1.2em! viktig;
Det er også tilfeller der du vil deaktivere deler av DISQUS-embedet. På mitt nettsted, foretrekker jeg å skjule overskriftene for å gi det et renere utseende. Dette er igjen veldig enkelt å oppnå bare ved å sette inn vise stil til ingen.
# dsq-innhold h3 display: none;
DISQUS kan være et svært kraftig tillegg til en blogg, og kan gi mange fordeler for både bloggerne og brukerne (se fordelingsdelen). Selv om du kanskje opplever noen få problemer, spiller du om med alternativene under Avanserte alternativer, settes vanligvis DISQUS rett og gir en sømløs opplevelse med kommentarsystemet. Pluss, med den enkle naturen å legge til stiler med CSS, er det ikke vanskelig å tilpasse DISQUS for å passe til et hvilket som helst nettsted du vil ha det til.
