DISQUS-opmerkingen gebruiken voor sociaal commentaar op uw WordPress-site

DISQUS voorziet het reactiesysteem van veel blogs, waaronder enkele spraakmakende blogs. DISQUS biedt een aantal voordelen, waaronder betere spampreventie en een beter gebruikersgeluk door de behoefte aan slechts één universele login die kan worden gebruikt op alle sites die DISQUS gebruiken. Vandaag gaan we de voordelen en nadelen van DISQUS bekijken, hoe het te gebruiken met WordPress (spoiler: het is ongelooflijk eenvoudig) en zelfs wat basisaanpassing met CSS.


De voor- en nadelen van het gebruik van DISQUS

Waar alternatieve reactiesystemen, zoals de doelspecifieke blogtypen van Facebook, DISQUS bijna universeel over verschillende blogs kunnen worden gebruikt. Over het algemeen wordt het het meest gebruikt door de traditionele opmaaksites, maar het wordt ondersteund door een heleboel nuttige voordelen waardoor het een kickass-oplossing is voor elke site.

Absoluut mijn favoriete feit over DISQUS is dat alles wordt afgehandeld van jouw site. Dat is een pluspunt voor beveiliging, maar ook voor spam omdat externe services zoals DISQUS over het algemeen betere spampreventie bieden. DISQUS gebruikt Askimet, dus het is niet te ongunstig aan de reguliere WordPress-commentaren, maar ik heb zeker minder spam ervaren bij het gebruik ervan.

DISQUS integreert ook heel goed. Wanneer u DISQUS gebruikt, moet u uw site toevoegen aan een community die allemaal een algemeen reactiesysteem deelt. Mijn site gebruikt dit reactiesysteem, wat betekent dat ik één account heb voor het plaatsen en modereren van reacties daar, en plaatsen op MacStories, Cult of Mac en alle andere sites die DISQUS gebruiken. Dit is geweldig voor mij als gebruiker, omdat ik mijn identiteit behoudt zonder een miljoen verschillende accounts te hebben om per site te beheren.

Nog steeds op het thema van integratie, is DISQUS zeer aanpasbaar. Meestal ziet DISQUS er geweldig uit op uw website, maar u kunt altijd opteren voor een andere sjabloon, deze met wat CSS bewerken of inkopen bij hun betaalde dienst en uw eigen sjabloon ontwerpen. We zullen iets later in het artikel aanpassen.

Hoewel er zeker meer voordelen zijn, zijn er ook een handvol nadelen tegen het gebruik van DISQUS. Laten we om eerlijkheidshalve en zodat u een betere beslissing kunt nemen, eens een kijkje nemen.

Het grootste probleem waarmee derden worden geconfronteerd, is zoekmachineoptimalisatie. Zoekmachines lezen DISQUS over het algemeen niet zo goed, wat betekent dat sommige pagina's die zijn gekoppeld niet worden gevolgd. Er zijn manieren om dat te doen, maar het is zeker niet zo simpel als het native gebruik van opmerkingen.

Bovendien, als DISQUS onderuit gaat, geldt dat ook voor een groot deel van uw site, wat voor sommigen rampzalig zou kunnen zijn. Niettemin zal ik de meeste mensen altijd DISQUS aanbevelen, dus laten we aan de slag gaan!


DISQUS installeren

Ik denk niet dat ik veel leden van deze doelgroep moet uitleggen hoe een plug-in moet worden geïnstalleerd. De beste manier om DISQUS te installeren is om de plug-in te gebruiken, omdat het het hele proces gemakkelijk en veel eenvoudiger maakt. Wanneer u de plug-in gebruikt, verwisselt DISQUS figuurlijk het functie om in plaats daarvan een DISQUS-thread toe te voegen. Dus waar je normaal gesproken je commentaarbestand zou opnemen, zal WordPress dat doen
vervang dat automatisch door DISQUS. Het is letterlijk zo eenvoudig.

De plug-in is ongetwijfeld de meest naadloze methode om DISQUS te integreren. Als u wilt, kunt u de universele code echter gebruiken om in te sluiten, hoewel het niet zo is aanbevolen en ik laat dit uit deze tutorial om dingen eenvoudig te houden.

Tenzij u het uitschakelt, zal DISQUS via de plug-in synchroniseren met WordPress (de universele code zal niet werken). Dit betekent dat opmerkingen kunnen worden opgeslagen in zowel WordPress als op DISQUS, waardoor je een mooie exitroute hebt als je DISQUS op een gegeven moment in de toekomst wilt verlaten.

Configuratie

Uiteraard heeft DISQUS enkele opties waaruit je kunt kiezen. Er zijn enkele specifieke plug-ins, maar deze hebben meestal betrekking op het synchronisatieproces en zijn meer een probleemoplossingsplan.

Bovendien zijn er bij elk DISQUS-account opties die u kunt kiezen om de functionaliteit van uw installatie te manipuleren. Deze zijn erg eenvoudig en hebben meestal betrekking op het beperken van bepaalde functies, zoals het kiezen van media-bijlagen en het kiezen van de vereisten voor commentaar..

Gelukkig voor ons, worden al die opties afgehandeld vanaf de DISQUS-site en vereisen ze geen extra codering, dus er is weinig voor mij om door te praten.

Commentaar tellen

Het weergeven van het aantal reacties kan zelfs een lastig iets zijn. In de meeste gevallen zal DISQUS de plaats innemen van de functie en het zal prima werken. In sommige gevallen zal dit echter niet gebeuren en is uw eerste aanloophaven om te kiezen voor het uitvoeren van JavaScript in de voettekst onder Geavanceerde opties in de instellingen van de plug-in.


DISQUS in Play

Wat je hierboven ziet is DISQUS geïnstalleerd als een WordPress plug-in op een live site. Het is op de normale manier ingesteld via de DISQUS-optiespagina zonder toevoeging van een extra stijl in een stylesheet.

Als we even rondkijken, kunnen we DISQUS vijf hoofdsecties hebben: de knoppen, het commentaarformulier, de opmerkingenreeks, de links en de reacties. We kunnen elk van deze manipuleren door zowel de DISQUS-instellingenpagina te gebruiken en enkele CSS-stijlen voor overschrijven toe te passen. Snel doorgaan, laten we kijken hoe dat precies kan.


Styling DISQUS

We hebben nu de voor- en nadelen besproken van het gebruik van DISQUS en hebben kort gekeken naar de installatie ervan en werken met WordPress. Laten we nu kijken naar hoe we DISQUS kunnen stylen om beter bij ons thema te passen.

DISQUS zelf kan een thema hebben en wordt geleverd met twee standaardthema's: Houdini en Narcissus. Deze komen met het gratis pakket. Als je ervoor kiest om voor DISQUS te betalen ($ 299 of $ 999 per maand), krijg je het voordeel van de geavanceerde thema-editor. Omdat dit waarschijnlijk geen populaire keuze is, zullen we er echter niet veel over zeggen. Als u echter de aangepaste thema-editor gebruikt, zult u merken dat het ongelooflijk eenvoudig te gebruiken is en heel veel lijkt op thema's met Tumblr.

In plaats daarvan bekijken we hoe je een reguliere DISQUS-installatie kunt stylen met het standaard Houdini-thema met enkele CSS die zojuist in je stylesheet kan worden geplaatst.

De klassen identificeren

Om met DISQUS te werken en het te stylen, zullen we de CSS-klassen moeten kiezen die het goedmaken.

  • # DSQ-inhoud - Dit is in feite de container waarin de volledige DISQUS-embed wordt verwerkt. Alle stijlen die u hierop toepast, zijn universeel toepasbaar in DISQUS.
  • .DSQ-commentaar-header - Dit is de commentaarkop, waar de naam van de commentator wordt getoond.
  • .DSQ-commentaar-bericht - Je hebt het geraden! Dit is het commentaarbericht en alle stijlen die aan deze klasse zijn toegevoegd, zijn alleen van toepassing op de opmerking zelf.
  • # dsq-content h3 - Hoewel het technisch gezien geen klasse is, zal het stylen van deze tag alle koppen stylen die in DISQUS worden gebruikt, zoals die welke het aantal reacties aangeeft en die boven het nieuwe commentaartekstgedeelte..
  • # DSQ-global-toolbar - Binnen deze ID bevindt zich de algemene werkbalk, oftewel de rij knoppen die zich boven op het opmerkingenvak bevinden.

Stylingtekst

Misschien is het belangrijkste dat u wilt wijzigen de tekst, om beter overeen te komen met de grootte en kleur van het omringende thema. Dit kan worden bereikt door de container te stylen waarbij de volledige DISQUS-inbedding wordt verwerkt.

 # dsq-content color: # 333333! belangrijk; lettergrootte: 1em! belangrijk; 

Dat gaat elk stukje tekst veranderen gedurende de hele DISQUS-insluiting. Uiteraard kunt u aanvullende stijlen toepassen op de DSQ-inhoud id om het beter te vergelijken met je WordPress-thema.

Als alternatief kunnen we specifieke delen van tekst opmaken, zoals de details van de commentator of de koppen. In de meeste thema's willen we waarschijnlijk een gemeenschappelijke stijl delen tussen de koppen in de inhoud en de koppen in de opmerkingen. Dit kan worden bereikt door simpelweg de klas te veranderen.

 # dsq-content h3 color: # 666666! important; lettergrootte: 1.2em! belangrijk; 

Elementen verbergen

Er zijn ook gevallen waarin je delen van de DISQUS-embed wilt uitschakelen. Op mijn site verstop ik de kopjes liever om het een schoner uiterlijk te geven. Dit is, nogmaals, heel eenvoudig te bereiken door alleen de tonen stijl voor geen.

 # dsq-content h3 display: none; 

Afronden

DISQUS kan een zeer krachtige toevoeging aan een blog zijn en kan zowel de bloggers als de gebruikers tal van voordelen bieden (zie het hoofdstuk over uitkeringen). Hoewel je misschien een paar problemen zult ondervinden, zal het spelen met de opties onder Geavanceerde opties over het algemeen DISQUS rechtzetten en een naadloze ervaring met het reactiesysteem bieden. Bovendien, met het eenvoudige karakter van het toevoegen van stijlen met CSS, is het niet moeilijk om DISQUS aan te passen aan elke gewenste site.