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 filene til WordPress-temaer, 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.
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.
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 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.
Oppdag også noen premium WordPress-plugins
Du kan bruke andre WordPress plugins for å gi et moderne utseende og for å optimalisere håndteringen av bloggen eller nettsiden din.
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.
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 ...
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 egendefinert side, etter å ha aktivert denne WordPress Plugin.
Alle 404-feilsider vil bli omdirigert til hjemmesiden eller en egendefinert URL. Ved å bruke denne WordPress Plugin, vil du la Google redusere siderangeringen til nettstedet ditt hvis det har mange 404-feilsider.
Ce WordPress Plugin gjør ikke bare omdirigering, men det kan også være en passende løsning for å forbedre rangeringen av nettstedet ditt i søkemotorresultatene.
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 ...
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.
Anbefalte ressurser
Finn ut om andre anbefalte ressurser for å hjelpe deg med å bygge og administrere nettstedet ditt.
- Hvordan vise beskrivelsen av kategoriene på WordPress
- Hvordan optimalisere WordPress Robots.txt-filen for en perfekt SEO
- Hvordan lage en markedsplass med WordPress
- Hvordan legge til en widget til overskriften på din WordPress blog
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.
...
Takk for denne opplæringen, men hvordan du endrer den første oversettelsen
For eksempel Send en kommentar er oversatt av Post kommentaren
Jeg vil gjerne endre i Legg inn en kommentar
Jeg har ingen steder funnet en .po hvor denne teksten er funnet som vises i comments.php-filen
Takk for hjelpen
Bonjour,
Du må se i WordPress-temafilene du bruker.
Jeg søkte alle språkfiler, men fant ingenting
I dette tilfellet, ta kontakt med selgeren av temaet hvis det er en premie.
Jeg vet ikke hvordan jeg skal skrive her