[vc_row content_placement = "middle" css = ". vc_custom_1508940533685 {bakgrunnsfarge: # f8f6f6! viktig;}" el_id = "themeforestpro"] [vc_column width = "3/4" css = ". vc_custom_1502759058885 {margin-bottom: 0p ! viktig; kant-bunn-bredde: 0px! viktig; polstring-bunn: 0px! viktig;} "] [vc_column_text]

Divi: det enkleste WordPress-temaet som skal brukes

[/ vc_column_text] [/ vc_column] [vc_column width = "1/4"] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&tid1=divibeforepostmobile" target = "blank" size = "small" align = "center" color = "green" font_family = "Raleway" font_weight = "600" style = "flat" custom_color = "# ffffff" custom_hover_color = "# ffffff"] DOWNLOAD [/ vcex_button] [/ vc_column] [/ vc_row]

Divi: Det beste WordPress-temaet hele tiden!

mer 901.000 nedlastinger, Divi er det mest populære WordPress-temaet i verden. Den er komplett, enkel å bruke og leveres med mer enn 62 gratis maler.

Kommentarer spiller en avgjørende rolle i å bygge et samfunn på internett. Kommentarer gir en plattform for interaksjon for leserne dine der de kan dele sine tanker, som ofte får dem til å komme tilbake.

Det er flere måter å oppmuntre brukere til å legge igjen en kommentar på bloggen din. En av disse måtene er å lage et vakkert, brukbart og tilgjengelig kommentarskjema.

I denne veiledningen vil vi vise deg hvordan du utformer standard WordPress-kommentarskjemaet, vi vil også vise deg hvordan du legger til kommentarfunksjonalitet via sosiale medier-IDer og hvordan du oppretter kommentarfunksjonalitet og mye mer. mer.

Men før, hvis du aldri har installert WordPress Discover Hvordan installere en WordPress blogg 7 trinn et Hvordan finne, installere og aktivere en WordPress tema på bloggen din 

Så tilbake til hvorfor vi er her.

Hvordan endre stilen på kommentarer WordPress

Når vi snakker om stil, mener vi CSS side av tingen. Nedenfor vil jeg vise deg hvordan du tilpasser utseendet på kommentarskjemaet i WordPress. Hvert element som standard på WordPress har en CSS-kode, dette er tilfelle med listen over kommentarer, navigasjonsmenyer, kommentarskjemaet, widgets og mer.

Blant WordPress-temafilene har vi en fil som heter comments.php som brukes til å vise kommentarer og kommentarskjema på blogginnlegg og sider. For å vise WordPress-kommentarsskjemaet, " comment_form () Brukes.

Oppdag Hvordan finne linken til WordPress påloggingssiden

Som standard genererer denne funksjonen kommentarskjemaet ditt med tre tekstfelt (navn, e-postadresse og nettsted), en stor tekstboks for kommentarinnholdet og send-knappen.

Du kan enkelt endre hvert av disse elementene bare ved å manipulere standard CSS-klasser og identifikatorer. Her er en liste over standard CSS-klasser som WordPress legger til på hvert kommentarskjema.

#respond {#} svar-tittelen {#} avbryte-how-svar-link {} {} #commentform #Author #email {} {} {} #URL #comment #send .comment Merknader {} {} .required .hvordan-skjema-forfatter {} .comment-skjema-e} {.hvordan-skjema-url} {.hvordan-form hvordan {} form mens-lov-tags {} form mens sende

Ved å bare justere disse CSS-klassene, kan du endre utseendet på kommentarskjemaet. La oss prøve å endre noe for å gi deg en ide om hva vi kan gjøre.

Oppdag Hvordan bytte ut bildekoblinger etter installasjon av SSL på WordPress

Først starter vi med å markere det aktive feltet i skjemaet. Ved å markere de aktive feltene, kan brukerne enkelt se hva de endrer, og det gir en liten dynamisk side til nettstedet ditt.

#respond {bakgrunn: #ececec; padding: 0 5 0px 5px; } / * Lyset mot det aktive tekstfeltet * / #respond inngangs [type = tekst] tekstfelt {-webkit-overgang: alle 0.30s lette-i-out; -moz-overgang: alle 0.30s lette-i-out; -MS-overgang: alle 0.30s lette-i-out; -o-overgang: alle 0.30s lette-i-out; skissere: none; padding: 3px 0px 3px 3px; margin: 5px 1px 3px 0px; kant: fast 1px #dddddd; } #respond inngang [type = tekst]: fokus, tekstområde: fokus {box-shadow: 0 0 5px RGBA (81, 203, 238, 1); margin: 5px 1px 3px 0px; kant: fast 1px RGBA (81, 203, 238, 1); }

Slik ser ut kommentarformen din med Twenty Twelve.

markere-aktiv form-felt

Ved bruk av disse klassene kan du endre måten teksten vises i felt. Dette er hva vi vil gjøre i det følgende eksemplet.

#Author {font-family: Hummer "Hummer 1.4", "Droid Sans", Arial; font-size: 16px; farge: #1d1d1d; brev-Avstand: .1em; #URL} {farge: #21759b; font-family: "Luicida Console", "Courier New", "Courier", minivan; } 

Her er resultatet at den forrige koden vil produsere.

hvordan form inngang stil

Du kan også endre stilen på knappen for kommentarskjema. I det følgende eksemplet vil vi gi det en gradientbakgrunn.

#send {font-family: Arial; color: # ffffff; font-size: 20px; padding: 10px; text-decoration: none; box-shadow: 0px 1px 3px #666666; -webkit-box-shadow: 0px 1px 3px #666666; -moz-box-shadow: 0px 1px 3px #666666; text-shadow: 1px 1px 3px #666666; bakgrunn: -webkit-gradient (lineær, 0 0, 0 100%, fra (#006ad4) til (#003366)); bakgrunn: -moz-lineær-gradient (topp, #006ad4, #003366); } #send: hover {bakgrunn: -webkit-gradient (lineær, 0 0, 0 100%, fra (#003366) til (#006ad4)); bakgrunn: -moz-lineær-gradient (topp, #003366, #006ad4)}

Her er resultatet som vises.

hvordan-sender-knappen

Hvordan legge til sosial interaksjon i kommentarer

La oss begynne med å legge til sosiale pålogginger i WordPress-kommentarskjemaet. Det første du trenger å gjøre er å installere og aktivere pluginet Social Login

Oppdag Hvordan installere en plugin i WordPress For å aktivere dette pluginet må du opprette en gratis konto ved å gå til følgende adresse: https://app.oneall.com

Når dette er gjort, trenger du ikke å konfigurere et API for hvert nettverk du vil bruke for å la brukerne koble seg gjennom dem.

Selv om API-ene til de forskjellige sosiale nettverkene endres kontinuerlig, trenger du ikke å gjøre noe, utviklerne av dette programtillegget vil oppdatere API-et for deg. Alt du trenger å gjøre er å logge på OneAll API.

Slik vil skjemaene dine vises.

hvordan du tilpasser skjemakommentarer wordpress 2hvordan du kan tilpasse skjema for wordpress kommentarer 

Oppdag også noen premium WordPress-plugins  

Du kan bruke andre WordPress-plugins for å gi et moderne utseende og optimalisere grepet på bloggen eller nettstedet ditt.

Vi tilbyr deg her noen premium WordPress-plugins som vil hjelpe deg å gjøre det.

1. WP Instant Search & Auto Suggest

Med "WP Instant Search & Auto Suggest" -programmet kan du umiddelbart få forslag til artikler, sider og egendefinerte innleggstyper når du søker i WordPress-bloggen din. Det fungerer med WPBakery et Corners. wp-time-search-wordpress-plugin-for-søk

Funksjonene inkluderer: rsøk i fullskjermmodus, rØyeblikkelig søk etter tilpassede typer publikasjoner, kompatibilitet med Visual Composer, Ttre integrerte designstiler, 5 fargeskjemaer å velge mellom, ptastatur og mus støtte, efullt tilpassbar via parametere osv ...

Last ned | dEMO | Webhotell

2. 404 Feilsiden Omdirigere til Hjemmeside eller Tilpasset side

Her er en av de beste måtene å enkelt legge til en 404-feilside som vil omdirigere besøkende til hjemmesiden eller tilpasset side, etter å ha aktivert denne WordPress-plugin.404 Feilsideomdirigering til hjemmeside eller tilpasset side

Alle 404-feilsider blir omdirigert til hjemmesiden eller til en tilpasset URL. Ved å bruke dette WordPress-pluginet, vil du tillate Google å redusere sidesiden på nettstedet ditt hvis det har mange 404-feilsider.

Denne WordPress-pluginen viderekobler ikke bare, men den kan også være en passende løsning for å forbedre rangeringen av nettstedet ditt i resultatene fra søkemotorer.

Last ned | dEMO | Webhotell

3. Relaterte innlegg Pro 

Related Posts Pro gir en enkel, men kraftig løsning for alt slags lignende innhold på WordPress. Den støtter tilpassede innleggstyper, multisite, kategorier, blandet innhold, tilpasset innhold og mer ...Relatert Post Pro

Som funksjoner tilbyr den blant annet: 3 forskjellige typer oppsett, 65 forhåndsdefinerte maler for hver layout, aingen koding vil være nødvendig, støtte fra tsurfing og autospilling, kompatibilitet med de tilpassede innleggstypene som brukes av plugins WooCommerce, WP e-handel, bbPress etc ..., a søkefelt med filter, en dveldig beskrivende dokumentasjon og mye mer.

Last ned | dEMO | Webhotell

Anbefalte ressurser

Finn ut om andre anbefalte ressurser for å hjelpe deg med å bygge og administrere nettstedet ditt.

konklusjonen

Her! Det er det for denne opplæringen. Vi håper denne artikkelen har hjulpet deg med å gjøre tilbakemeldingsskjemaene dine mer engasjerende. Ikke nøl med å også gi oss dine tips om tilpasning av WordPress, og spesielt del denne artikkelen med vennene dine på dine favoritt sosiale nettverk

Du vil imidlertid også kunne konsultere våre ressources, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting.

Hvis du har forslag eller kommentarer, kan du la dem ligge i seksjonen vår commentaires.

...

1 aksjer
del1
tweet
Enregistrer