Kommentarer spiller en afgørende rolle i opbygningen af ​​et samfund på Internettet. Kommentarer giver en platform til interaktion for dine læsere, hvor de kan dele deres tanker, hvilket ofte får dem til at komme tilbage.

Der er flere måder at tilskynde brugerne til at efterlade en kommentar på din blog. En af disse måder er at skabe en smuk, brugbar og tilgængelig kommentarformular.

I denne vejledning viser vi dig, hvordan du indstiller standard WordPress-formularen, vi viser dig også, hvordan du tilføjer kommentarfunktionalitet via sociale medie-id'er, og hvordan du opretter kommentarfunktionalitet og meget mere. mere.

Men før, hvis du aldrig har installeret WordPress-opdagelse Sådan installeres en WordPress blog 7 trin et Hvordan at finde, installere og aktivere et WordPress tema på din blog 

Så tilbage til, hvorfor vi er her.

Sådan ændrer du stilen på WordPress-kommentarer

Når vi taler om stil, mener vi CSS side af tinget. Nedenfor vil jeg vise dig, hvordan du tilpasser udseendet på kommentarformularen i WordPress. Hvert element som standard på WordPress har en CSS-kode, dette er tilfældet med listen over kommentarer, navigationsmenuer, kommentarformularen, widgets og mere.

Blandt filerne af WordPress-temaer, vi har en fil med navnet comments.php som bruges til at vise kommentarer og kommentarformularer på blogindlæg og sider. For at få vist WordPress-formularen skal " comment_form () Bruges.

Oplev Sådan finder linket til WordPress login-siden

Som standard genererer denne funktion din kommentarformular med tre tekstfelter (navn, e-mail og websted), et stort tekstfelt til kommentarindholdet og send-knappen.

Du kan nemt ændre hvert af disse elementer bare ved at manipulere standard CSS-klasser og identifikatorer. Her er en liste over standard CSS-klasser, som WordPress tilføjer på hver kommentarformular.

#comment {###} {# #} # kommentar # svar-link {} #komment # .comment-form-email {} .comment-form-url {} .comment-form-comment {} .form-allowed-tags {

Ved blot at justere disse CSS-klasser kan du ændre kommentarformularens udseende fuldstændigt. Lad os prøve at ændre noget for at give dig en idé om, hvad vi kan gøre.

Oplev Sådan udskiftes billedlink efter installation af SSL på WordPress

Først starter vi med at fremhæve det aktive felt i formularen. Ved at fremhæve de aktive felter kan brugerne nemt se, hvad de ændrer, og det giver en lille dynamisk side af dit websted.

#respond {background: #ececec; polstring: 0 5px 0 5px; } / * Fremhæver det aktive tekstfelt * / #respond input [type = tekst], textarea {-webkit-overgang: alle 0.30s easy-in-out; -moz-overgang: alle 0.30'er er let-i-out; -ms-overgang: alle 0.30s let-in-out; -o-overgang: alle 0.30'er let-ud-ud; disposition: ingen; polstring: 3px 0px 3px 3px; margen: 5px 1px 3px 0px; grænse: 1px solid #DDDDDD; } #respond input [type = tekst]: fokus, textarea: fokus {box-shadow: 0 0 5px RGBA (81, 203, 238, 1); margen: 5px 1px 3px 0px; grænse: 1px solid rgba (81, 203, 238, 1); }

Sådan ser din kommentarform ud med Twenty Twelve.

Med brugen af ​​disse klasser kan du ændre, hvordan teksten vises i felter. Dette er hvad vi vil gøre i det følgende eksempel.

#author {font-family: Hummer, "Hummer 1.4", "Droid Sans", Arial; skrifttypestørrelse: 16px; farve: #1d1d1d; Spatiering: .1em; } #url {farve: #21759b; font-familie: "Luicida Console", "Courier New", "Courier", minivan; } 

Her er resultatet, at den forrige kode vil producere.

Du kan også ændre stilen på knappen til kommentarformularen. I det følgende eksempel giver vi det en gradientbaggrund.

#submit {font-family: Arial; farve: #ffffff; skrifttypestørrelse: 20px; polstring: 10px; tekst dekoration: ingen; box-skygge: 0px 1px 3px #666666; -webkit-boks-skygge: 0px 1px 3px #666666; -moz-box-skygge: 0px 1px 3px #666666; tekstskygge: 1px 1px 3px #666666; baggrund: -webkit-gradient (lineær, 0 0, 0 100%, fra (#006ad4), til (#003366)); baggrund: -moz-lineær-gradient (top, #006ad4, #003366); } #submit: hover {baggrund: -webkit-gradient (lineær, 0 0, 0 100%, ud fra (#003366) til (#006ad4)); baggrund: -moz-lineær-gradient (top, #003366, #006ad4)}

Her er resultatet, der vises.

Sådan tilføjes social interaktion i kommentarer

Lad os starte med at tilføje sociale logins til WordPress-kommentarformularen. Den første ting du skal gøre er at installere og aktivere pluginet Social Login

Oplev Sådan installeres et plugin i WordPress For at aktivere dette plugin skal du oprette en gratis konto ved at gå til følgende adresse: https://app.oneall.com

Når du er færdig, behøver du ikke oprette en API for hvert netværk, du vil bruge til at lade dine brugere oprette forbindelse via dem.

Selvom API'erne på de forskellige sociale netværk konstant ændres, behøver du ikke gøre noget, udviklerne af dette plugin er ansvarlige for at opdatere deres API'er for dig. Alt hvad du skal gøre er at logge på OneAll API.

Sådan vises dine formularer.

Oplev også nogle premium WordPress-plugins  

Du kan bruge andet WordPress plugins for at give et moderne udtryk og for at optimere håndteringen af ​​din blog eller hjemmeside.

Vi tilbyder dig her nogle premium WordPress-plugins, der hjælper dig med det.

1. WP Instant Search & Auto Suggest

Plugin "WP Instant Search & Auto Suggest" giver dig mulighed for straks at få forslag til artikler, sider og tilpassede indlægstyper, når du søger på din WordPress-blog. Det fungerer med WPBakery et Cornerstone.

Dets funktioner inkluderer: rsøg i fuldskærmstilstand, rØjeblikkelig søgning efter brugerdefinerede publikationstyper, kompatibilitet med Visual Composer, Ttre integrerede designformater, 5 farveskemaer at vælge imellem, ptastatur og mus støtte, efuldt tilpasses via parametre osv ...

Downloade | demo | Web-hosting

2. 404 Fejl Side Omdirigere til Hjemmeside eller Brugerdefineret Side

Her er en af ​​de bedste måder at nemt tilføje en 404-fejlside, der vil omdirigere den besøgende til hjemmesiden eller brugerdefineret side, efter at have aktiveret denne WordPress plugin.

Alle 404-fejlsider vil blive omdirigeret til startsiden eller en tilpasset URL. Ved at bruge dette WordPress plugin, vil du tillade Google at reducere pageranken på dit websted, hvis det har mange 404-fejlsider.

Ce WordPress plugin laver ikke kun omdirigering, men det kan også være en passende løsning til at forbedre placeringen af ​​dit websted i søgemaskinens resultater.

Downloade | demo | Web-hosting

3. Relaterede Stillinger Pro 

Relaterede indlæg Pro giver en enkel, men kraftfuld løsning til al slags lignende indhold på WordPress. Det understøtter brugerdefinerede posttyper, multisite, kategorier, blandet indhold, brugerdefineret indhold og mere ...

Som funktioner tilbyder den blandt andet: 3 forskellige typer layout, 65 foruddefinerede skabeloner til hvert layout, aingen kodning er nødvendig, støtte fra tbrowsing og Autoplay, kompatibilitet med de brugerdefinerede posttyper, der bruges af plugins WooCommerce, WP e-handel, bbPress osv ..., a søgefelt med filter, en dmeget beskrivende dokumentation og meget mere.

Downloade | demo | Web-hosting

Anbefalede ressourcer

Find ud af om andre anbefalede ressourcer, der hjælper dig med at opbygge og administrere dit websted.

• Sådan vises beskrivelsen af ​​kategorier på WordPress
• Sådan optimeres din WordPress Robots.txt-fil til en perfekt SEO
• Sådan opretter du en markedsplads med WordPress
• Hvordan at tilføje en widget til overskriften på din WordPress blog

Konklusion

Her ! Det er det til denne tutorial. Vi håber, at denne artikel har hjulpet dig med at gøre dine feedbackformularer mere engagerende. Tøv ikke med også at give os dine tip til tilpasning af WordPress og især del denne artikel med dine venner på dine foretrukne sociale netværk. 

Du vil dog også kunne konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse.

Hvis du har forslag eller bemærkninger, skal du lade dem stå i vores afsnit kommentarer.

...