Share
DISQUS driver kommentarsystemet för många bloggar, innehåller några högprofilerade. DISQUS har en rad fördelar, bland annat bättre skräppostförebyggande och bättre användarvänlighet från behovet av endast en enda universell inloggning som kan användas på alla webbplatser som använder DISQUS. Idag ska vi titta på fördelarna och nackdelarna med DISQUS, hur man använder den med WordPress (spoiler: det är otroligt enkelt) och till och med några grundläggande anpassningar med CSS.
Om alternativa kommandosystem som Facebooks specifika bloggtyper kan DISQUS användas nästan universellt över olika bloggar. Generellt används den mest av traditionella formatwebbplatser, men stöds av en massa användbara fördelar som gör det till en kickass-lösning för vilken webbplats som helst.
Absolut mitt favoritfakta om DISQUS är allt hanteras bort från din webbplats. Det är ett bestämt plus för säkerhet, men även för skräppost som tjänster från tredje part som DISQUS erbjuder i allmänhet bättre skydd mot spam. DISQUS använder Askimet, så det är inte alltför annorlunda med de vanliga WordPress-kommentarerna, men jag har definitivt upplevt mindre skräppost vid användning av det.
DISQUS integrerar också riktigt bra. När du använder DISQUS, tänk på att lägga till din webbplats i en gemenskap som alla delar ett gemensamt kommentarsystem. Min sida använder det här kommentarsystemet, vilket innebär att jag har ett enda konto för att skicka och moderera kommentarer där och posta på MacStories, Cult of Mac och alla andra webbplatser som använder DISQUS. Det här är bra för mig som användare, eftersom jag behåller min identitet utan att ha en miljon olika konton att hantera på en plats.
Fortfarande på temat integration är DISQUS mycket anpassningsbar. För det mesta ser DISQUS ut på din hemsida, men du kan alltid välja en annan mall, manipulera den med någon CSS eller köpa in till sin betalda tjänst och designa din egen. Vi letar efter anpassning lite senare i artikeln.
Medan det verkligen finns fler fördelar, finns det också en handfull nackdelar mot att använda DISQUS. För rättvisans skull, och så att du kan fatta ett bättre beslut, låt oss ta en titt på dem.
Det största problemet för tredje partens tjänster är sökmotoroptimering. Sökmotorer läser inte generellt DISQUS så bra, vilket betyder att vissa sidor som är länkade följs inte. Det finns vägar runt det, men det är definitivt inte lika enkelt som att använda kommentarer nativt.
Dessutom, om DISQUS går ner, så gör en stor del av din webbplats som kan vara katastrofal för vissa. Ändå ska jag alltid rekommendera DISQUS till de flesta, så låt oss börja!
Jag antar inte att jag måste förklara för många medlemmar av den här publiken hur man installerar ett plugin. Det bästa sättet att installera DISQUS är att använda plugin eftersom det gör hela processen lätt och mycket mer sömlös. När du använder pluginbytet byter DISQUS figurativt ut funktionen för att inkludera en DISQUS-tråd istället. Så, varhelst du normalt skulle inkludera din kommentarfil, kommer WordPress
Byt ut det automatiskt med DISQUS. Det är bokstavligen så enkelt.
Pluggen är utan tvekan den mest sömlösa metoden för att integrera DISQUS. Men om du vill kan du använda universalkoden för att bädda in, men det är inte det som rekommenderas och jag kommer att lämna det ur denna handledning för att hålla saker enkelt.
Om du inte inaktiverar DISQUS synkroniseras med WordPress via plugin (universalkoden fungerar inte). Det betyder att kommentarer kan lagras både i WordPress och på DISQUS, vilket ger dig en bra utgångsväg om du vill gräva DISQUS någon gång i framtiden.
Naturligtvis har DISQUS några alternativ för dig att välja mellan. Det finns några pluginspecifika sådana, men de relaterar vanligtvis till synkroniseringsprocessen och är mer av en felsökningsplan.
Dessutom, med varje DISQUS-konto finns det alternativ du kan välja att manipulera funktionaliteten för din installation. Dessa är väldigt enkla och går allmänt kring att begränsa vissa funktioner, till exempel om du vill erbjuda media bifogade filer och välja krav för att kommentera.
Lyckligtvis för oss hanteras alla dessa alternativ från DISQUS-webbplatsen och kräver ingen ytterligare kodning så det finns lite för mig att prata igenom.
Att visa kommentarräkningen kan faktiskt vara en knepig sak. I de flesta fall kommer DISQUS att ta platsen för funktionen och det kommer fungera bra. Men i vissa fall kommer det bara inte och din första anknytningshamn är att välja att skriva ut JavaScript i sidfoten under Avancerade alternativ i pluginens inställningar.
Vad du ser ovan är DISQUS installerat som ett WordPress-plugin på en levande webbplats. Det har installerats på vanligt sätt via DISQUS-optionssidan utan ytterligare styling i ett stylesheet.
Om vi tittar snabbt kan vi DISQUS ha fem huvudavsnitt: knapparna, kommentarformuläret, kommentarens tråd, länkarna och reaktionerna. Vi kan manipulera var och en av dessa genom att använda både DISQUS-inställningssidan och tillämpa några överföringsformer för CSS. Snabbt vidare, låt oss titta på hur man gör just det.
Vi har nu täckt för-och nackdelarna med att använda DISQUS och kortfattat tittat på att installera det och arbeta med WordPress. Låt oss fortsätta för att se hur vi kan utforma DISQUS för att bättre passa vårt tema.
DISQUS själv kan vara tema och fartyg med två standardteman: Houdini och Narcissus. Dessa kommer med det fria paketet. Skulle du välja att betala för DISQUS (antingen $ 299 eller $ 999 per månad), får du fördelen med den avancerade tem editoren. Men eftersom det här förmodligen inte är ett populärt val kommer vi inte att röra på det mycket. Men om du använder den anpassade tem editoren hittar du det oerhört enkelt att använda och mycket lika tema med Tumblr.
I stället tittar vi på hur man utformar en vanlig DISQUS-installation med standard Houdini-temat med en del CSS som bara kan placeras i ditt stilark.
För att kunna arbeta med DISQUS och stila det, måste vi välja ut CSS-klasserna som gör det.
Accentsconagua
# DSQ-innehåll - Detta är effektivt behållaren som hela DISQUS-inbädden hanteras. Alla stilar du tillämpar här kommer att tillämpas universellt i hela DISQUS..DSQ-comment-header - Det här är kommentarhuvudet, där kommentars namn visas..DSQ-comment-meddelande - Du gissade det! Det här är kommentarmeddelandet, och alla stilar som läggs till i den här klassen gäller bara själva kommentaren.# dsq-innehåll h3 - Medan tekniskt inte en klass, kommer styling den här taggen att ställa in alla rubriker som används i DISQUS, till exempel det som anger antalet kommentarer och den som ligger ovanför det nya kommentartextområdet.# DSQ-global-verktygsfältet - Innehållet här är den globala verktygsfältet, aka raden av knappar som ligger ovanpå kommentaren.Kanske är det viktigaste du vill ändra på texten, för att bättre matcha storleken och färgen på det omgivande temat. Detta kan uppnås genom att stryka behållaren att hela DISQUS-inbädden hanteras.
# dsq-innehåll färg: # 333333! viktigt; fontstorlek: 1em! viktigt;
Det kommer att ändra varje bit av text genom hela DISQUS-inbäddat. Naturligtvis kan du lägga till ytterligare stilar på DSQ-innehåll id för att bättre jämföra det med ditt WordPress-tema.
Alternativt kan vi utforma specifika delar av texten, till exempel kommenteringsuppgifter eller rubriker. I de flesta teman kommer vi sannolikt att dela en gemensam stil mellan rubrikerna i innehållet och rubrikerna i kommentarerna. Detta kan uppnås genom att helt enkelt ändra klassen.
# dsq-innehåll h3 färg: # 666666! viktigt; fontstorlek: 1.2em! viktigt;
Det finns också fall där du vill avaktivera delar av DISQUS-inbäddat. På min sida föredrar jag att dölja rubrikerna för att ge det ett renare utseende. Detta är, återigen, väldigt enkelt att uppnå precis genom att ställa in visa stil till ingen.
# dsq-innehåll h3 display: none;
DISQUS kan vara ett mycket kraftfullt tillägg till en blogg och kan ge många bloggers och användares fördelar (se avsnittet om fördelar). Även om du kan uppleva några problem, spelar du om med alternativen under avancerade alternativ generellt sett DISQUS rakt och ger en sömlös upplevelse med kommentarsystemet. Plus, med den enkla naturen att lägga till stilar med CSS, är det inte svårt att anpassa DISQUS för att passa alla webbplatser du vill ha den till.
