Finjustering av kommentarskjemaet. La brukere legge igjen anonyme kommentarer i WordPress Hvordan sette opp Cackle-kommentarsystemet

For å være ærlig, da jeg så at de skrev om dette og ga råd til nykommere på andre nettsteder, ble jeg litt forferdet og bestemte meg for å skrive ned notatet mitt om dette emnet uten en fatal feil. For det meste så jeg lange kodeark som implementerer å legge til kommentarer til nettstedet. Vanligvis, for dette formålet, lager de et skjema, implementerer behandlingen, lagringen, samt valg for visning. Men fordelene med denne tilnærmingen blir mindre og mindre etter hvert som tiden går.

I dette innlegget vil du lære en av de enkleste (men subjektivt sett en av de mest foretrukne) måtene å legge til kommentarer på et nettsted - et enkelt eksempel for nybegynnere + alternativer for mer avanserte webmastere.

Faktisk, hvorfor finne opp hjulet på nytt og skrive en haug med kode som i fremtiden fortsatt må støttes, fikses osv., hvis det er en haug med ferdige løsninger fra tredjepartstjenester (vi snakker om sosiale nettverk + disqus)?

Men før vi går videre til selve implementeringen, la oss se på fordelene/ulempene ved å bruke ferdige løsninger. (Hvis du har glemt noe, skriv i kommentarfeltet, så utvider vi listen)

Fordeler med tredjepartsløsninger:

  • Enkel å implementere.
  • Beskyttelse mot spam "ut av boksen" (i løsningen min må jeg i tillegg implementere dette, så teoretisk sett er det relatert til forrige punkt).
  • Mindre utsatt for feil, feil osv., siden tredjepartsløsninger har blitt testet av millioner av brukere (igjen relatert til den første: du kan også skrive alt uten feil, men det vil ta ekstra tid å feilsøke).
  • Tjenestene gir som regel et ferdig administrasjonspanel, statistikk, varsler for administratorer, noen ganger moderering, flere administratorer, forhåndsmoderering osv., noe som kan ta måneder, om ikke år, for en webmaster, spesielt en nybegynner, å implementere.
  • Brukeren trenger ikke å registrere seg, skrive inn navnet sitt osv. - det antas at han allerede har en konto på et populært sosialt nettverk.
  • Mest sannsynlig vil det tåle en tung belastning på grunn av det faktum at sosial. plattformer er i utgangspunktet designet for tung belastning.

Feil:

  • Dårlig eller fullstendig mangel på evne til å endre utseendet på blokken med kommentarer.
  • Indeksering i søkemotorer.

Som du kan se, er det mange flere fordeler. Manglende evne til å endre utseendet er mest sannsynlig gjort for å gjenkjenne stilen til kommentartjenesten, og dermed skape diskré reklame. (Som et av alternativene). Når det gjelder indeksering, er det virkelig så viktig, fordi ikke alle kommentarer har mening.

Men nok teori, la oss gå videre til praksis.

1. Det enkleste alternativet er å legge til kommentarer ved hjelp av et valgt sosialt nettverk.

For eksempel, vk. La oss se på dokumentasjonen. Vi kopierer den oppgitte koden og legger den til siden (kodebiter ble hentet fra dokumentene på lenken, de kan endres i fremtiden, så kopier alltid fra dokumentasjonssiden. Her er bare et mulig eksempel):

1) Legg til:

VK.init((apiId: 2951023, onlyWidgets: true));

2) Legg til stedet der vi ønsker å se kommentarmodulen (for eksempel etter et notat, hvis vi snakker om en blogg):

VK.Widgets.Comments("vk_comments", (redesign: 1, limit: 10, width: "665", legg ved: "*"));

2. Legg til widgets fra flere tjenester. For eksempel som på denne ressursen. Bytt fane:


Legg til i markeringen (twitter bootstrap må være tilkoblet for korrekt drift!) på stedet der du vil vise kommentarmodulen:

Men dette alternativet er ikke det beste, selv om det er det enkleste. Problemet er at med denne tilnærmingen vil alle widgets bli initialisert når siden lastes, uavhengig av om brukeren trenger dem eller ikke.

Dette kan unngås ved å implementere lat initialisering av kommentarwidgets. Først hele koden, deretter en forklaring:

(function(global, $) ( "bruk streng"; $(function() ( var $tabToggler, initComments, initialized; initialized = ( "#vk-comments": false, "#disqus_thread": false ); initComments = funksjon (type) ( var discussUserName, disqus_config, pageUrl; if (initialisert) ( return; ) pageUrl = "page_url"; switch (type) ( case "#disqus_thread": // Du må angi disse parameterne ved å bruke plattformens riktige måte discussUserName = "discussUserName"; disqus_config = function() ( this.page.url = pageUrl; return this.page.identifier = "page_identifier"; ); (function() ( var d, s; ​​​​d = document; s = d.createElement("script"); s.src = "//" + discussUserName + ".disqus.com/embed.js"; s.setAttribute("data-timestamp", +new Date()); return ( d.head || d.body).appendChild(s); ))(); break; case "#vk-comments": VK.Widgets.Comments("vk-comments", (grense: 5, legg ved : " *", pageUrl: pageUrl )); break; default: return; ) initialized = true; ); $tabToggler = $(".comments-wrapper a"); $tabToggler.on("shown.bs.tab", function(e) ( initComments($(e.target).attr("href")); )); initComments($tabToggler.closest(".active").find("a").attr("href")); )); ))(vindu, jQuery);

Vær oppmerksom på variablene hvis verdi du må forberede ved å bruke metodene som tilbys av plattformen din.

Først, la oss lage en kartlegging av kommentar-widgettyper, en variabel initialisert. Neste funksjon initComments(type) lar deg initialisere en kommentarwidget, og den gjør ingenting hvis den allerede er initialisert.

Og siste touch er å initialisere standard kommentarwidget slik at den vises umiddelbart etter at siden er lastet inn.

Ferdig manus til og kaffemanus for hovedinnhold. Eksempel på arbeid - nedenfor (kodeeksempler hentet fra denne siden)

Hallo!

Dagens artikkel handler om WordPress-kommentarutgang. Vi skal se på hvilke filer og funksjoner som inneholder koden som er ansvarlig for å vise kommentarer. Hva må gjøres for å kunne gjøre endringer i denne WordPress-bloggblokken.

La meg begynne med det faktum at hver WordPress-mal (tema) har en fil comments.php. Den fullstendige banen til den fra rotkatalogen er: /wp-content/themes/template_folder/comments.php

Det er comments.php som generelt er ansvarlig for kommentarblokken i et spesifikt WordPress-tema.

Hva er oftest inneholdt i comments.php:

– sjekk passordbeskyttelse av kommentarer

– sjekke om kommentarer er tillatt på artikkelen

– se etter kommentarer og vise den tilsvarende teksten ("Ingen kommentarer ..." eller "N kommentarer igjen")

– kaller opp funksjonen for å vise kommentarer – wp_list_comments()

– utgang av navigasjon (personsøking) når du legger inn kommentarer på flere sider

– vise et skjema for å legge igjen kommentarer til artikkelen

Det er tydelig her at du kan definere dine egne klasser eller endre egenskaper i style.css for eksisterende klasser. Dermed kan du endre utseendet på skjemaet for å legge igjen kommentarer og tekster før listen over kommentarer og etter denne listen eller skjemaet. Men utdatastilene til selve kommentarene kan ikke endres i comments.php.

Da jeg listet opp innholdet i comments.php-filen, understreket jeg spesifikt at i comments.php er det bare et kall til kommentarutdatafunksjonen wp_list_comments() , men ikke selve utdataene. De. i comments.php finner du ikke (i det minste i de nyeste versjonene av WordPress og med riktig tilnærming til malutvikling): vise navnet på forfatteren av meldingen og en lenke til nettstedet hans, vise forfatterens avatar, vise dato og klokkeslett for kommentaren, selve kommentaren og lenken "svar".

Hvordan endre stiler i kommentarlisten?

Først må du finne ut om malen din bruker en egendefinert funksjon for å vise kommentarer.

Funksjonen wp_list_comments() kan kalles uten tilbakeringing (tilbakeringing er en tilbakeringingsfunksjon) og med tilbakeringing.

1. Ring wp_list_comments uten tilbakeringing:

De. i funksjonsparametrene (det som står i parentes etter navnet) er det ingen parameter som heter ‘callback’.

Hvis dette er tilfellet i comment.php i malen din, betyr det at dette temaet ikke har sin egen (egendefinerte) funksjon for å vise kommentarer og bruker en standard mal (mal fra WordPress-kjerne) til dette formålet. Den ligger i filen. Og siden , i dette tilfellet vil det ikke være mulig å endre kommentarvisningsstilene før vi går videre til det andre alternativet.

2. Ring wp_list_comments med en tilbakeringing:

callback=custom_comment indikerer at for å vise kommentarer har vi en tilpasset funksjon custom_comment , koden som vi grovt sett overfører som en parameter for kjøring til standard wp_list_comments-funksjonen. Men vi er ikke lenger interessert i den tekniske siden av dette problemet, men i tilstedeværelsen i malen for sin egen funksjon for å vise kommentarer. Koden for denne funksjonen er plassert i .

Det er i denne tilpassede funksjonen custom_comment at koden som er ansvarlig for utseendet til en individuell kommentar, og dermed alle kommentarer som helhet, er plassert.

Den tilpassede funksjonskoden er intuitiv. Den bruker vanligvis følgende standard WordPress-funksjoner:

get_comment_author_link() – får en html-lenke til nettsiden til forfatteren av den gjeldende kommentaren;

get_comment_date() – får kommentardatoen;

get_comment_time() – får kommentartiden;

comment_text() – viser teksten til kommentaren;

Du kan finne utdrag med disse funksjonene i koden og endre utseendet til visse elementer ved å ramme dem inn i divs eller spenn og tilordne spesifikke stilklasser.

For eksempel, i den tilpassede funksjonskoden, et fragment av avatarens utdata:

< div class = "comment-author" >

< / div >

Nå gjenstår det bare å sette de ønskede egenskapene til comment-author-klassen i style.css. Jeg vil se på spesifikke eksempler på å endre stiler mer detaljert i en av de følgende artiklene.

Nå lurer du kanskje på: "Hva om malen min ikke har en egendefinert funksjon for å vise kommentarer? ”

Svar: du må lage den.

Det enkleste alternativet er å kopiere koden til standard WordPress-kommentar()-funksjonen.

Instruksjoner for å lage en egendefinert funksjon for å vise kommentarer:

1. Åpne filen /wp-includes/comment-template.php og finn kommentar()-funksjonen i den.

Her er begynnelsen på beskrivelsen hennes

/** * @siden 3.6 * @tilgangsbeskyttet * * @param-objekt $comment Kommentar som skal vises. * @param int $dybde Kommentardybde. * @param array $args Valgfrie args. */ beskyttet funksjonskommentar ($comment, $depth, $args) (

* @siden 3.6

* @tilgangsbeskyttet

* @param objekt $comment Kommentar som skal vises.

* @param int $dybde Kommentardybde.

* @param array $args Valgfrie args.

beskyttet funksjonskommentar ($comment, $depth, $args) (

2. Kopier hele brødteksten til kommentar()-funksjonen.

Du må kopiere et fragment av kode fra begynnelsen av beskrivelsen vist i trinn 1 til den avsluttende krøllete klammeparentesen) og følgende lignende beskrivelse av en annen funksjon

Dmitry Demens

Bekvemmeligheten og funksjonaliteten til kommentarsystemet påvirker publikumsengasjementet og antall kommentarer på nettstedet. I denne artikkelen finner du anmeldelser av de beste eksterne kommentarsystemene for å hjelpe deg med å velge den beste løsningen.


Hvorfor trenger vi eksterne kommentarsystemer?

For å diskutere et innlegg på et WordPress-nettsted med et innebygd kommentarsystem og standardinnstillinger, må du manuelt skrive inn navn og e-postadresse. Det samme problemet eksisterer med standardsystemer for å diskutere andre populære motorer. På grunn av dette mister du mange kommentarer fordi brukerne ikke vil bruke kreftene på å logge på.


Tredjeparts kommentartjenester tilbyr følgende funksjoner:

  • Bekvemmelighet med autorisasjon til å delta i diskusjonen. Her må du finne en balanse mellom brukerens ønske om å legge igjen en kommentar så raskt som mulig og behovet for å innhente data om kommentatoren fra ressurseieren.
  • Involvere publikum i diskusjonen. Tredjepartstjenester varsler brukere når nye kommentarer vises.
  • Lagre kommentarer. Tredjepartssystemer lagrer brukerkommentarer på deres servere. Dette sparer diskplass og reduserer belastningen på nettstedeierens server.
  • Evne til å rangere kommentarer.
  • Evne til å anbefale kommentarer.
  • Utvide publikumsdekningen ved å automatisk publisere kommentarer på brukerprofiler på sosiale nettverk.
  • Evne til å sette inn visuelt innhold i kommentarer.

Nedenfor finner du vurderinger av mulighetene til de mest praktiske eksterne kommentarsystemene.

Hvilke alternative kommentarsystemer kan brukes på nettstedet?

Nettstedseiere har tilgang til betalte og gratis kommentartjenester. Mini-anmeldelsene inneholder generell informasjon om hvert system, samt instruksjoner for installasjon og konfigurasjon på nettsteder som kjører WordPress.

Disqus kommentarsystem

Disqus er det mest populære tredjeparts kommentarsystemet. Ifølge skaperne skriver brukere med dens hjelp 50 millioner kommentarer på nettsteder hver måned.

På grunn av sin popularitet kan Disqus betraktes som et benchmark eller et utgangspunkt for å evaluere andre eksterne kommentarsystemer.

Hvordan installere Disqus på et nettsted


På sideinnstillingssiden skriver du inn navnet på ressursen og velger URL-en på Disqus-plattformen. Bruk rullegardinmenyen for å finne ut hvilken kategori nettstedet ditt tilhører. Klikk Neste.


I neste trinn velger du en plan. Følgende alternativer er tilgjengelige:

  • Utgangspunkt. Gratis plan for alle nettsteder, reklame vises i kommentarsystemet. Disqus deler kun annonseinntekter med nettsteder som oppfyller plattformens interne kriterier.
  • I tillegg til. Abonnement koster $9 per måned. Planen lar deg slå av reklame. For ikke-kommersielle nettsteder og personlige blogger som ikke viser annonser, kan Plus-planen aktiveres gratis. Antall visninger bør ikke overstige 50 000 per dag.
  • Pro. Kostnaden er $89 per måned, antall sidevisninger er ikke mer enn 150 000 per dag. Profesjonelt sett er det tilleggsfunksjonalitet: avanserte analyser, prioritert støtte, avanserte modereringsmuligheter.


På neste side informerer systemet deg om at du kan tjene penger på nettstedet ditt ved å bruke Disqus. Funksjonen er tilgjengelig for ressurser på engelsk. Klikk på knappen merket i illustrasjonen for å bekrefte at du er kjent med denne systemfunksjonen.


Velg plattformen nettstedet ditt kjører på. Hvis det ikke er noen ferdig løsning, bruk en universell kode.


Systemet vil gi deg instruksjoner for installasjon av Disqus-plugin for WordPress. Fortsett slik:

  • I WP-konsollen velger du "Plugins – Add New"-menyen.
  • Skriv inn Disqus i Søk Plugins-feltet.
  • Installer og aktiver plugin.
  • På siden med installerte plugins, i Disqus Comment System-linjen, velg Konfigurer-menyen.


  • Systemet vil be deg om å oppdatere databasen. Godta tilbudet.


  • Skriv inn legitimasjonen til Disqus-profilen din.
  • Velg nettstedet der du installerer kommentarsystemet.
  • Eksporter kommentarer som brukere la igjen før de installerte systemet til Disqus. For å gjøre dette, gå til innstillingsmenyen for plugin. I delen Importer og eksporter klikker du på knappen Eksporter kommentarer.


Du har installert plugin og koblet kommentarsystemet til nettstedet. Brukere kan nå diskutere innleggene dine. Og du må ta hensyn til tjenesteinnstillingene.


Disqus Kommentarsysteminnstillinger

Gå til Community Settings-menyen på Disqus-nettstedet. På fanen Innstillinger, i Generelt-delen, skriv inn webadressen til nettstedet. Sørg for at det er merket av for Aktiver anbefalinger for nettstedet ditt. Velg språk for kommentargrensesnittet. Lagre endringene dine.


Velg teksten som skal vises ved siden av navnet på brukere med moderatorrettigheter i Fellesskapsdelen, i feltet Moderatormerketekst. Bruk rullegardinmenyen for å velge hvordan kommentarer skal vises. Følgende alternativer er tilgjengelige: ny på toppen, gammel på toppen og best på toppen.


Om nødvendig, la anonyme brukere kommentere. Vær oppmerksom på at disse kommentatorene ikke mottar varsler om diskusjonsoppdateringer. Dette reduserer engasjementet deres. I tillegg kan muligheten til å legge igjen kommentarer anonymt tiltrekke troll og spammere til nettstedet.

Merk av i boksen ved siden av alternativet Linker i kommentarer. I dette tilfellet vil systemet automatisk sende eventuelle kommentarer med lenker for moderering. Kontroller at alternativet Medievedlegg er merket av. Dette er tillatelse til å legge ut bilder og videoer i kommentarfeltet.


Merk av i boksene ved siden av de to alternativene i delen med flaggede kommentarer. Dette lar brukere varsle moderatorer om uønskede kommentarer. Etter antallet merker som er spesifisert ved hjelp av rullegardinmenyen, vil systemet også skjule den mistenkelige kommentaren til klagen er gjennomgått av en moderator. Lagre endringene dine.


I Disqus-kontoen din på Fellesskap-fanen kan du overvåke antall kommentarer og liker og misliker, tilordne moderatorer og importere og eksportere kommentarer. Vær oppmerksom på at eksport av kommentarer til Disqus lar deg lage en sikkerhetskopi av kommentarfilen. Denne funksjonen kan ikke brukes til å migrere brukerinnhold til et alternativt kommentarsystem.

Vær oppmerksom på ordfilterfunksjonen. I den tilsvarende menyen kan du legge til stoppord, når de brukes vil systemet sende kommentaren til Spam-mappen.


Moderer kommentarer-menyen viser alle kommentarer. Vær oppmerksom på at kommentarer som venter på gjennomgang, ligger i mappen Venter. De vises ikke på siden med mindre de er godkjent av moderatoren. På fanene Spam og Deleted kan du se spam-meldinger og slettede kommentarer.

Nyttig tips: Du kan raskt godkjenne eller slette en kommentar ved å bruke e-post. For å gjøre dette, svarer du ganske enkelt på en e-post som varsler deg om en ny melding på nettstedet. For å godkjenne en kommentar, angi Godkjenn i svaret ditt; for å slette eller sende den til søppelpostmappen, angi henholdsvis Slett og Søppelpost.

Ulemper med Disqus

Det mest populære eksterne kommentarsystemet har flere ulemper. Her er de viktigste:


  • I følge noen rapporter reduserer Disqus publikumsengasjementet. For eksempel, sommeren 2015, forlot WordPress CMS-bloggen WPBeginner Disqus på grunn av leserklager. Etter dette økte antall kommentarer med 304 %.
  • Situasjonen med indeksering av kommentarer er uklar. Søkemotorer indekserer dem med jevne mellomrom. For eksempel er kommentarer for to måneder siden på et av Texterra-blogginnleggene fortsatt unike. Kommentarer skrevet for et år siden er indeksert, men Text.ru-systemet viser Disqus-nettstedet som en kilde.
  • Ingen gratis plan for kommersielle nettsteder.


Dens popularitet og funksjonalitet har gjort Disqus til et eksternt referansesystem. Dens fordeler og ulemper kan brukes ved vurdering av alternative tjenester.

Kommentartjeneste Cackle

Cackle er en betalt løsning. Det ser ut til at utviklerne tok hensyn til manglene ved Disqus og funksjonene til russiskspråklige prosjekter. Takket være dette fikk systemet viktige fordeler: indeksering av kommentarer fra søkemotorer og muligheten til å logge på via kontoer i populære nettverk på RuNet. Nedenfor er andre funksjoner i systemet.

Hvordan installere Cackle på et nettsted

Etter å ha registrert og bekreftet kontoen din, vil systemet be deg om å opprette en ny widget. Skriv inn nettadressen og widgetnavnet og klikk på "Fortsett"-knappen.


Systemet vil tilby en universell widget-kode eller kode for populær CMS. Velg ønsket alternativ.


For å bruke Cackle-systemet på et WordPress-nettsted, installer Cackle-pluginen. I WordPress-konsollen velger du menyen "Kommentarer - Cackle-innstillinger". Kopier de genererte API-nøklene og nettsteds-IDen fra Cackle-administrasjonspanelet. Lim dem inn i de aktuelle feltene i plugin-innstillingsmenyen i WordPress. Aktiver widgeten.


Eksporter eksisterende kommentarer til Cackle-systemet. Synkroniser widgeten med WordPress-databasen din.


Forresten:

Grensesnittet til Cackle-kommentarskjemaet er veldig likt det til Disqus. Brukere som er kjent med Disqus vil finne det enkelt å bruke Cackle.


Vær oppmerksom på at systemet støtter krysspostering av VKontakte-meldinger. Denne funksjonen er aktivert som standard. På den ene siden kan dette bidra til å øke publikumsrekkevidden. På den annen side kan brukere bli irritert av publisering av meldinger på profilen deres uten å spørre.


Hvordan sette opp Cackle-kommentarsystemet

For å bruke alle funksjonene til tjenesten, vær oppmerksom på innstillingene. I Cackle-administrasjonspanelet velger du riktig meny. På "Generelt"-fanen, vær oppmerksom på elementet "Slett kommentarer". Du kan deaktivere eller aktivere denne funksjonen innen noen få minutter etter publisering. Også i de generelle innstillingene kan du velge teksten til moderatorikonet og endre rekkefølgen på ikonene til sosiale tjenester som du kan logge på.


I avanserte innstillinger, vær oppmerksom på følgende punkter:

  • Aktiver forhåndsmoderering av kommentarer som inneholder lenker.
  • Fjern merket for Gjestekommentarer. Anonyme kommentarer bidrar ikke til brukerengasjement og tillit til ressursen.
  • Fjern merket i boksen ved siden av "Kryspostering". I dette tilfellet vil ikke systemet automatisk publisere kommentarer på sosiale nettverk.

Endre de gjenværende innstillingene som du ønsker, eller behold standardalternativet.


På Utseende-fanen, vær oppmerksom på Paginering-elementet. Paginering forringer brukervennligheten til kommentarer. For å løse problemet, bruk rullegardinmenyen til å velge Velg og angi en stor verdi i feltet Maksimalt antall kommentarer per side.


På "Capcha"-fanen kan du koble til reCAPTCHA-tjeneste fra Google, og på "Spam Protection"-fanen kan du koble til Akismet anti-spam-tjenesten.

Du kan moderere kommentarer i WordPress-konsollen eller i administrasjonspanelet på Cackle-nettstedet. Du kan også installere en minimoderasjonswidget. Med dens hjelp kan du moderere kommentarer direkte på nettstedet.

Ulemper med Cackle-systemet

Cackle er en betalt tjeneste. Dette er dens største ulempe sammenlignet med Disqus. Kostnaden for bruk på ett nettsted er 200 rubler per måned. Er det verdt å bruke penger for å kunne autorisere brukere gjennom VKontakte og Odnoklassniki? Dette er hovedspørsmålet, basert på resultatene av svaret som eieren av et bestemt nettsted må ta en beslutning om.

En annen ulempe med tjenesten er at det ikke er åpenbart at brukere som ikke har profiler på sosiale nettverk kan delta i diskusjoner. Hvis du deaktiverer muligheten til å legge igjen anonyme kommentarer, vil systemet be leseren om å logge på via det sosiale nettverket. Alternativt kan brukeren registrere seg på nettsiden til Cackle. Men for å gjøre dette, må han finne ikonet som er merket i illustrasjonen.


HyperComments System

HyperComments er et betalt kommentarsystem som støtter autorisasjon ved bruk av profiler i populære nettverk i RuNet. Tre tariffer er tilgjengelige for brukere:

  • Personlig. Koster $24 per år, kan brukes på ett nettsted. Støtter opptil 500 tusen widgetnedlastinger per måned.
  • Profesjonell. Tre nettsteder, $120 per år, opptil 2 millioner widgetnedlastinger per måned.
  • Bedriften. $480 per år, så mange nettsteder du vil, opptil 6 millioner widgetnedlastinger per måned.


I tillegg til autorisasjon via VKontakte, har HyperComments andre viktige fordeler. Dette er en hyperkommentarfunksjon som lar deg fremheve et tekststykke og diskutere det. Kommentatorer kan også dele sitater med sine abonnenter. Les mer om systemets muligheter nedenfor.

Hvordan installere og konfigurere HyperComments


Klikk "Neste". Systemet vil omdirigere deg til HyperComments plugin-siden i WordPress-katalogen. Installer og aktiver plugin. I nettstedkonsollen velger du "Kommentarer – Hyperkommentarer"-menyen og logger på med Google-kontoen din. På Innstillinger-siden velger du fanen Innstillinger. Importer eksisterende kommentarer inn i systemet.


Resten av grunninnstillingene kan stå uendret. Avanserte innstillinger er tilgjengelige i kategorien Kommentarer i den tilsvarende menyen.


I "Generelt"-delen aktiverer du varsler til administratoren og moderatorene når en ny kommentar legges inn. Aktiver om nødvendig forhåndsmoderering av alle kommentarer.


I «Struktur»-delen fjerner du om nødvendig merket ved siden av «Tillat kommentarer fra gjester»-feltet. I dette tilfellet vil brukere kun kunne sende en melding etter autorisasjon gjennom det sosiale nettverket. Hvis du tillater aggressive måter å øke rekkevidden på, aktiver kryssposting.


Aktiver den aktuelle widgeten i delen "Sitater". Den lar brukere fremheve en tekst og dele den med følgere på sosiale nettverk.


I HyperComments-delen beholder du standardinnstillingene. Denne funksjonen lar deg kommentere individuelle tekstfragmenter.


I delen "Stereokommentarer" kan du aktivere den tilsvarende funksjonen. Den kombinerer kommentarer i to kolonner: innlegg av forfatteren og innlegg fra alle brukere. Om nødvendig kan du legge til en firmalogo i forfatterspalten.



Ulemper med HyperComments-systemet

Den største ulempen med systemet er mangelen på en gratis tariff.

Tjenesten diskriminerer brukere som ikke har kontoer på sosiale nettverk. Hvis du deaktiverer anonym kommentar, vil ikke disse besøkende kunne legge igjen en melding.

En annen viktig ulempe er at systemet som standard ikke varsler brukere om utseendet til nye kommentarer. Dette reduserer publikumsengasjementet.

IntenseDebate-kommentarsystem

IntenseDebate er et eksternt kommentarsystem utviklet av Automattic Inc. Et av hovedprosjektene til selskapet er vertstjenesten WordPress.com. Derfor integrerer IntenseDebate spesielt godt med WordPress CMS.

IntenseDebate er en gratis tjeneste. Dens funksjonalitet er ikke dårligere enn referansen Disqus. Systemet gir nettstedeiere følgende funksjoner:

For å dra nytte av systemets muligheter, installer det på nettstedet ditt og konfigurer det.

Hvordan installere og konfigurere IntenseDebate

Etter at du har registrert deg i systemet, gå til installasjonssiden for kommentarsystemet. Skriv inn ressurs-URLen. Hvis du bruker WordPress, installer og aktiver IntenseDebate-plugin. Logg på innstillingssiden i WP-konsollen.



Slå på varsler når nye kommentarer publiseres i din personlige konto på IntenseDebate-nettstedet. Bytt språk til russisk.


I Layout-menyen til din personlige konto endrer du om nødvendig utseendet på knappene, størrelsen på brukeravatarer og varsler om nye meldinger. For å forhindre at kommentarer blir paginert, velg maksimumsverdien i feltet Kommentarer per side. Spesifiser eventuelt teksten som skal vises under kommentarskjemaet.


Aktiver muligheten til å logge på med Facebook og Twitter i Kommentar-menyen. Bruk systemmeldingene for å opprette en Facebook-applikasjon og få en API-nøkkel. Sett flagget på motsatt side av Aktiver "Rapporter denne kommentaren"-knappen. Du vil aktivere "Rapporter kommentar"-knappen. Velg et alternativ for å vise tilbakespor. De kan publiseres sammen med brukerkommentarer eller i et eget område. For de fleste prosjekter er det andre alternativet egnet.


Om nødvendig, installer flere widgets på nettstedet. Følgende tillegg er tilgjengelige i den tilsvarende delen av din personlige konto:

  • Kommentarstatistikk - viser antall kommentatorer og meldinger.
  • Siste kommentarer.
  • Populær utgivelse. Denne widgeten viser en liste over de mest diskuterte innleggene.
  • Aktive kommentatorer. Tillegget viser de ti mest aktive brukerne med en lenke til deres IntenseDebate-profiler.


Du kan moderere meldinger i WordPress-konsollen i "Kommentarer"-menyen.

Ulemper med IntenseDebate-systemet

Den største ulempen med IntenseDebate er mangelen på integrasjon med populære nettverk på RuNet, for eksempel Vkontakte. For å delta i diskusjoner må brukere logge på med sine Facebook-, Twitter-, WordPress.com-kontoer, registrere seg på IntenseDebate eller oppgi navn og e-postadresse.

Tolstoy kommenterer

Utviklerne posisjonerer Tolstoj-kommentarer som et gratis system for å bygge et fellesskap av nettstedbrukere. Dette er ikke et tradisjonelt kommentarsystem, men en chat-widget der leserne kan kommunisere. Kommunikasjonsprosessen er gamified ved hjelp av et system med merker og rangeringer.

Hvordan installere Tolstoj-kommentarer på et nettsted

Etter registrering på plattformen vil systemet tilby å sette inn widgetkoden på alle sidene på nettstedet.


Hvis alt er gjort riktig, vil en kommentar-widget vises på nettstedet.


Konfigurer widgetstørrelsene i kontrollpanelet på Tolstoy-kommentarnettstedet. Velg passende lastetid for widgeten. De resterende innstillingene kan forbli uendret.



Informasjon om meldinger er tilgjengelig for administratoren i sanntid i "Moderering"-delen av den personlige kontoen. Brukere ser en widget på sidene som angir antall kommentarer og et popup-vindu med de høyest rangerte kommentarene.

Brukere kan rangere kommentarer. Og systemet tildeler merker til kommentatorer for deres aktivitet.


Widgeten oppretter en separat chat på hver side av nettstedet. Men listen over chatter er tilgjengelig for brukere fra alle sider på nettstedet ved å bruke koblingen "Alle chatter".

Ulemper med Tolstoj-kommentarsystemet

Den største ulempen er at kommentarer lagres på Tolstoy-kommentarserveren, og ikke i nettstedets database. På grunn av dette blir ikke brukerinnhold indeksert. Utviklerne planlegger å løse dette problemet i fremtiden.

I diskusjoner på nettstedet Tolstoy-kommentarer sier brukere at widgeten bremser nettstedene. Jeg merket ikke en slik effekt på teststedet.


Alternativer til universelle systemer

I stedet for universelle løsninger på tvers av plattformer, installerer noen nettstedseiere et kommentarskjema for ett sosialt nettverk. Vanligvis er dette Facebook eller VKontakte. Noen ressurser har to kommentarskjemaer samtidig.

For å sette opp Facebook-kommentarskjemaet, bruk

Det er på tide å gjøre alvor av å style WordPress-kommentarene dine. I nesten alle temaer er de konfigurert av systemfiler, som igjen begrenser redigering av individuelle funksjoner. Jeg tror mange har støtt på dette når de trengte å gjøre endringer i kommentarer, men fant ikke nøyaktig hvor det var. Derfor ville det være bedre å overføre all funksjonalitet til det gjeldende temaet, som vil gi oss full kontrollfrihet.

I denne artikkelen har jeg satt sammen noen interessante funksjoner som vil hjelpe deg å forbedre kommentarene dine. Likevel lar de deg føre dialoger både med nettstedadministratoren og mellom brukere. Svar på spørsmål, start ulike diskusjoner, generelt introduser fullverdig virtuell kommunikasjon. Så det er nødvendig å ta hensyn til dem og bringe dem i riktig form.

Her er hva vi skal gjøre:

  • Full tilpasning
  • Utseende design
  • Nummerering av kommentarer
  • Teller meldinger per bruker
  • Tilordne en status til hver bruker
  • Og andre småting

Vi vil analysere hvert punkt separat, og på slutten av artikkelen vil alle funksjoner bli fullstendig satt sammen til en ferdig kode.

Tilpasse kommentarer

I WordPress vises kommentarer gjennom funksjonen wp_list_comments, vanligvis i comments.php-filen. Og dannelsen av individuelle funksjoner, så vel som selve syklusen, brukes fra systemfilmalen comment-template.php. Men i sjeldne tilfeller hender det at innstillingen kan være plassert i WordPress-temaet, functions.php eller comments.php-filen.

Så hvis temaet ditt ikke faller inn i et sjeldent tilfelle og du trenger å lage dine egne innstillinger, åpner du functions.php-filen og før ?>-tegnet legger du til følgende kode:

If (! function_exists("my_comment")): function my_comments($comment, $args, $depth) ( global $commentnumber; $GLOBALS["comment"] = $comment; switch ($comment->comment_type) : case " pingback" : case "trackback" : ?>

  • Etter disse manipulasjonene vil kommentarene dine bli generert ved hjelp av en malfunksjon fra functions.php-filen til gjeldende tema.

    Teller kommentarer per bruker

    Ved å bruke funksjonen som presenteres nedenfor, kan vi vise det totale antallet meldinger som er igjen ved siden av kommentatoren. Dermed kan du observere hvor aktiv brukeren er, og dessuten er statistikk aldri overflødig, spesielt i denne forbindelse.

    Vi åpner functions.php-filen vi allerede er kjent med og legger til følgende kode på slutten før ?>-tegnet:

    //counting user messages function bac_comment_count_per_user() ( global $wpdb; $comment_count = $wpdb->get_var("VELG COUNT(comment_ID) FROM ". $wpdb->comments." WHERE comment_author_email = "" . get_comment_author() ."_email() " AND comment_approved = "1" OG comment_type NOT IN ("pingback", "trackback")"); if ($comment_count == 1) ( echo " 1 Message"; ) else ( echo " " . $comment_count . " Meldinger ";))

    Nå gjenstår det bare å legge til ringefunksjonen til stedet du trenger:

    Meldinger vil telles basert på brukerens e-post, enten registrert eller ikke. Kun kommentarer bekreftet av nettstedadministratoren tas i betraktning, men de som er i standby-modus og slettet er det ikke.

    Vi tildeler en status til hver bruker avhengig av antall kommentarer

    Dette er nettopp tilfelle der statistikk definitivt spiller en viktig rolle. Siden funksjonen er bygget på grunnlag av antall meldinger, og det resulterende tallet gir brukeren riktig status. Dette brukes i teorien på hvert forum for å vise autoriteten til brukeren på en gitt ressurs.

    Åpne functions.php-filen igjen og før ?>-tegnet legg til følgende kode:

    //brukerstatusfunksjon get_author_class($comment_author_email,$user_id)( global $wpdb; $adminEmail = get_option("admin_email"); $author_count = count($wpdb->get_results("VELG comment_ID as author_count FROM $wpdb->Annonse "; if($author_count>=1 && $author_count=50 && $author_count=100 && $author_count=250 && $author_count=400 &&$author_count=800 && $author_countProfessor"; )

    Og på ønsket sted viser vi ringefunksjonen:

    Forklaring: funksjonen, som den forrige, er knyttet til brukerens e-post. Bare her er hovedoppgaven ikke bare å telle meldinger, men antallet fra og til avhengig av det angitte antallet. Og når brukeren når den får han en bestemt posisjon. Det er totalt 7 statuser, pluss admin og insignier for registrerte deltakere.

    Helt ferdig kommentarkode

    Her kommer vi til slutten av denne artikkelen. Her var jeg ikke lat, og samlet alle funksjonene, inkludert å sette opp kommentarer, i én ferdig kode. Jeg la til mine egne stylingstiler og resultatet ble noe sånt som et miniforum.

    Åpne functions.php-filen og på slutten før ?>-tegnet legg til følgende kode:

    //counting user messages function bac_comment_count_per_user() ( global $wpdb; $comment_count = $wpdb->get_var("VELG COUNT(comment_ID) FROM ". $wpdb->comments." WHERE comment_author_email = "" . get_comment_author() ."_email() " AND comment_approved = "1" OG comment_type NOT IN ("pingback", "trackback")"); if ($comment_count == 1) ( echo " 1 Message"; ) else ( echo " " . $comment_count . " Meldinger "; ) ) //brukerstatusfunksjon get_author_class($comment_author_email,$user_id)( global $wpdb; $adminEmail = get_option("admin_email"); $author_count = count($wpdb->get_results("VELG comment_ID as author_count FROM $ wpdb->comments WHERE comment_author_email = "$comment_author_email" ")); if($comment_author_email ==$adminEmail) ekko "Admin"; if($user_id!=0 && $comment_author_email !=$adminEmail) echo if "UseR"; ($author_count>=1 && $author_count=50 && $author_count=100 && $author_count=250 && $author_count=400 &&$author_count=800 && $author_count=1200 && $comment_author_email !==$adminProfemail) echo" "Profemail) ) //tilpass kommentarer hvis (! function_exists("wordsmall_comment")) : function wordsmall_comment($comment, $args, $depth) ( global $commentnumber; $GLOBALS["comment"] = $comment; switch ($comment- > comment_type) : case "pingback" : case "trackback" : ?> @ Svar til:

    Endre til dette:

    Det siste trinnet. Åpne style.css-filen og legg til følgende stiler på slutten:

    Min_kommentarliste( border-top:none; ) .min_kommentarliste .comment( padding:0 0 15px 0; border:ingen; ) .min_kommentarliste .pingback( padding:0 0 15px 0; border:ingen; ) .min_kommentarliste .comment . list-style-type: none; padding:0px; margin-left:0px;/*hvis du trenger innrykk for treformede bokser, legg inn 15px*/ ) .my_commentlist .comment .children .comment( margin:15px 0 0 0 ; kantlinje: ingen; utfylling: 0; ) #kommentarer (bakgrunn: #fff; ) #kommentarer .min_kommentarliste ( margin: 10px 0; utfylling: 0; listestil: ingen; bakgrunn: #ebf0f3; utfylling: 5px; ) # kommentarer .my_commentlist .comment ( margin:0; polstring: 0 0 10px; bakgrunn: #fff; ) #comments .my_commentlist .my_comment-author ( display: inline; border-right: 1px solid #e0e0e0; width: 100px; float: venstre; margin : 0px 15px 10px 0; ) #comments .my_commentlist .commentmetadata ( float:left; ) #comments .my_commentlist p ( clear:none; color: #555; font: 14px arial; line-height: 23px; kommentarer .my_commentlist .comment-content ( margin-venstre: 116px; polstring-høyre: 10px; ) #comments .my_commentlist .reply ( text-align:right; ) #comments .my_commentlist .reply a( bakgrunn: #f5f5f5; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 2px; color : #515456; display: inline-block; font-size: 13px; font-weight: normal; line-height: 30px; margin-right: 15px; min-height: 30px; utfylling: 0 12px; tekstjustering: senter ; tekst-dekorasjon: ingen; ) .min_kommentarliste .avatar( kantlinje: middels ingen; kantradius: 50%; flytende: ingen; margin: 5 piksler auto; utfylling: 0 piksler; visning: tabell; ) .min_kommentarliste .comment-header( høyde: 30px; bakgrunn: #DEE5EB; margin-bottom: 15px; ) .my_commentlist cite.fn( farge: #444; font: fet 13px/30px arial; polstring-venstre: 10px; ) .my_commentlist .com_date (farge: #com_date 8ca0b5; font: normal 13px/30px arial; float: right; padding-right: 15px; ) .my_commentlist .commentnumber (farge: #8ca0b5; float: right; font: kursiv 13px/30px arial; polstring-høyre: )15px .my_commentlist .comment-body ( overløp: skjult; posisjon: relativ; bakgrunn:#fff; ) .my_commentlist .rep-authorcom ( farge: #25394e; font-size: 13px; line-height: 30px; ) .my_commentlist .edit-link a ( bakgrunn: ingen !viktig; kantlinje: ingen !viktig; kantradius: 0 !viktig; farge: #999!viktig; skjerm: inline-block; font-size: 11px !important; font-weight: normal; line-height: 30px; margin-right: 5px !important; min-height: 30px ; padding: 0 !important; text-align: center; text-decoration: none; ) .com_per ( border: medium none; color: #666; display: block; font-size: 11px; text-align: center; ) vip1, vip, bunn: 5px; tekst-dekorasjon: ingen; ) .vp (farge: #e82e24;).vip1 (farge: #348be8;).vip2 (farge: #BE005E;).vip3 (farge: #2e517e;).vip4 ( farge: #658a18;).vip5 (farge: #00A56D;).vip6 (farge: #e35d28;).vip7 (farge: #99A400;).vip (farge: #4c5176;font-size: 11px;margin: 0 ;)

    Koden fungerer fullt ut og forårsaker ikke feil, men det kan være behov for mindre endringer i CSS-stilene.

    (hvor vi fjernet h3-tagger i overskriften før kommentarskjemaet) - i dag vil vi få WP-kommentarskjemafunksjonen til å fungere helt etter våre regler:

    Vi vil ha muligheten til å angi våre egne stiler, endre "Legg til kommentar"-tittelen etter eget skjønn, ekskludere, om nødvendig, visse informasjonsinntastingsvinduer, for eksempel url-skjemaet, tilpasse plassholderen osv. og viktigst av alt, ikke mist alt dette når du oppdaterer motoren.

    Nå kan vi enkelt nå målet vårt, bare ved å redigere funksjonsfilen. Og hvis du føler deg sterk nok til å redigere nettstedkoden (denne metoden er litt mer komplisert enn den som er beskrevet tidligere) ...

    La oss starte konserten:

    Er det verdt å redigere WordPress-kjerne?

    Som du vet, er redigering av WordPress-kjernen (CMS-filer) ikke en anbefalt aktivitet, hovedsakelig på grunn av det faktum at etter oppdatering av motoren er arbeidet tapt! Dessuten, for nybegynnere ressursadministratorer, blir disse WordPress-oppdateringene gjort plutselig (uten deres viten).Hvordan unngå dette, les dette.

    Er det verdt å oppgradere WordPress?

    Absolutt ja! …det kan ikke være uenighet her! ...men dette er, som sagt, beheftet med at motoroppdateringen vil overskrive administratorens utgaver!

    Derfor bruker mange nettmestere, for mer fleksible innstillinger av nettstedet deres, alle slags filtre (hacks): det er heller ikke dårlig! Imidlertid foretrekker jeg (og ikke bare meg) å flytte noen mindre (i forhold til viktigheten av konstante oppdateringer) funksjoner i WP-kjernen til roten av malen.

    Send derfor ut de nødvendige justeringene til temafilene for å administrere tilstanden til nettstedet på malnivå: uten tap)

    La oss begynne å redigere, men!!

    ...Jeg minner deg hver gang: lag et slags dokument-"minne" av alle hendelsene som er begått med bloggen. Kopier redigerte filer. Det kommer godt med!

    Tro meg: dette er mangel på profesjonalitet, fordi muligheten for å fordøye akkumulerte kunnskapskorn til grøt er usannsynlig!

    Hva vi trenger for å nå målet:

    overføre behandlingen av comment_form-funksjonen fra WP-kjernen (fra comment-template.php-filen) til malkatalogen.

    hvor du finner filen comment-template.php

    Følg denne stien your_domain/wp-includes file comment-template.php

    ...åpne den (eller direkte på hostingen - det er det jeg gjør), eller last ned og rediger den i Notepad++ - les: hvordan sette opp Notepad++

    Se etter en linje som denne (omtrentlig linjenummer 2111)

    function comment_form($args = array(), $post_id = null) (

    do_action("comment_form_comments_closed");

    Du kopierer alt dette og overfører det til funksjonsfilen functions.php.

    Vanligvis plasseres alle nye kodetilføyelser før den avsluttende ?>-taggen. Men jeg anbefaler å gruppere den tillagte koden, så å si, etter emne, så kan du enkelt finne alt om nødvendig.

    Det neste trinnet er å endre navnet på funksjonen: du kan kalle den hva du vil, til og med angi den med et personlig monogram... Jeg gjorde det slik:

    funksjon mitt_mine_kommentarskjema

    Vi lagrer prestasjonene våre...

    ...og gå til temaets comments.php-fil.

    I denne filen må vi endre navnet på funksjonskallet til det vi kalte i det første trinnet:

    Du ser etter følgende setning i dokumentet (det er vanligvis på slutten): og legg til mitt_my_ eller navnet ditt.

    Det skal se slik ut:

    ...nå er oppgaven med å kalle den nye funksjonen fullført: mallogikken vil bruke koden vår som er kopiert inn i temaet!

    Akkurat det vi trengte!

    Nå trenger du bare å redigere koden til den nyopprettede funksjonen my_my_comment_form();

    ...eller sett opp en individuell plassholder - se hvordan den ser ut for meg:

    ...i kommentarskjemavinduet mitt er det et monogram "Din kommentar..." som forsvinner så snart kommentatoren skriver inn meldingen...

    ...og så videre...og så videre...sånn.

    Hvis du har spørsmål om å legge til/fjerne elementer i kommentarskjemaet, skriv så ordner vi det...

    eller her kan du lese et innlegg om nyttige snutter (