Har dette noen gang skjedd deg? Du installerer en plugin, den har akkurat den funksjonaliteten du leter etter, men... den fungerer ikke som den skal. Selv etter å ha endret alle innstillingene, tilpasser sistnevnte seg ikke alltid til din WordPress tema. Så på grunn av denne lille feilen vurderer du sannsynligvis å velge en annen løsning. 
Likevel, hvis du er litt DIY, og du kanskje har vært i stand til å legge til CSS-kode her og der for å løse et problem på bloggen din, så kan du fikse den, spesielt hvis du er i pluginen som ikke fungerer ikke riktig, utvikleren tilbyr ikke CSS-delen, du må gjøre det selv.
Denne opplæringen lar deg oppnå dette ved å legge til en kode riktig på din WordPress Plugin.
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.
Custom CSS Styles = Mer kontroll over utseende
Tilpassede CSS-stiler lar deg manipulere utseendet til forskjellige elementer utover det utvikleren hadde til hensikt. I dag inkluderer mange avanserte plugins tilpassede stylingsalternativer, men gratis plugins er ikke alltid nøye nok i denne forbindelse.
Ta en av de mest populære pluginene: Kontaktskjema 7. Det gir veldig liten manøvrerbarhet på CSS-siden. Takket være den personlige CSS-en kan du imidlertid endre alle aspekter av skjemaene dine fullstendig.
Men likevel gir ikke selv plugins med detaljerte alternativer deg alltid muligheten til å tilpasse CSS-kode.
Så, å lære litt CSS, og legge det trygt, vil tillate deg det for å kunne modellere hva besøkende kan se
Hvorfor trenger du å legge til CSS-kode riktig?
Du ønsker absolutt ikke å legge til rotete CSS på nettstedet ditt. Som mange utviklere tror, er det en god og dårlig måte å legge til CSS-kode i bloggen din.
Oppdag vår 4 WordPress-plugins for å tilpasse CSS på bloggen din
Når du legger til CSS-stiler på riktig måte, vil de alltid være trygge, selv om du oppdaterer din WordPress tema, og du vil enkelt kunne kopiere og lime dem inn i et nytt tema hvis du noen gang bestemmer deg for å endre ditt.
Se også Slik tilpasser du CSS på ditt WordPress-nettsted
Omvendt, ved å legge dem til på feil måte, vil CSS-koden din bli mye mer eksponert og kanskje ikke effektiv. Noen av dere bruker WordPress tema Divi. Så jeg vil vise deg hvordan du legger til CSS-kode til dette WordPress-temaet.
Hvor du kan legge til en CSS-stil på Divi
For å trygt legge til en CSS-kode på Divi, må du få tilgang til " Temaalternativer I Divi-menyen:
I kategorien "Generelt" (som vil være fanen som er lastet inn som standard), må du bla til bunnen av siden. Der finner du et avsnitt som heter " Custom CSS '
Teknisk er alt du trenger å gjøre å skrive inn din tilpassede CSS-kode her og klikke " Lagre endringer ". Men fordi vi vil at det skal være veldig enkelt å flytte eller kopiere, skal vi ta det et skritt videre. Oppdag andre veiledninger om Divi ved å konsultere våre beste ressurser på Divi
Fordi du kanskje allerede har lagt til noen tilpassede koder til Divi, vil det hjelpe deg å organisere tilpasset CSS i denne delen. For å gjøre dette, må du legge til en kommentar som sier noe som " CSS-stiler Start her Plugin ". Deretter kan du legge til den tilpassede CSS-koden i denne delen.
For å legge til en kommentar, er alt du trenger å gjøre å kopiere og lime inn denne koden:
/ * Plugin CSS Styles Start her * /
Kommentaren påvirker ikke noe, men hjelper deg med å organisere de forskjellige tilpassede CSS-stiler. Divi vil også holde dine tilpassede CSS-stiler trygge under oppdateringer, slik at du ikke kan bekymre deg for å miste dem.
Hvor du kan legge til CSS-kode på andre WordPress-temaer
Hvis du bruker et annet WordPress-tema, må du legge til dine tilpassede CSS-koder til barnet ditt. Hvis du ikke bruker et barnetema, eller ikke vet hva det er, inviterer jeg deg til å lese denne opplæringen: Slik installerer du et barn-tema på WordPress
Forutsatt at du har satt opp ditt barnetema, kan du redigere det direkte i WordPress-oversikten ved å gå til " Utseende> Editor '
Forsikre deg om at du endrer riktig barnetema. Endringene dine må gjøres i filen " styles.css '.
Da trenger du bare å legge til din tilpassede CSS akkurat som du gjorde før. Opprett først en kommentarblokk, og legg til koden din:
For å oppsummere
Før du tar fatt på dette eventyret, må du ha litt kunnskap om CSS. Du finner ulike kurs på nettet. Du må også vite at å legge til en kode ikke bare handler om å legge til kode. For å finne deg selv i endringene dine, må du bruke kommentarblokker for å gi en grunn til eventuelle CSS-endringer.
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. Pro skyve
Slider Pro er en av CodeCanyons topp tre selgere. Det gir et rent og intuitivt brukergrensesnitt i administrasjonsområdet og en jevn nettopplevelse for brukere og besøkende.
Den unngår unødvendige fantasier, som ofte er en hindring for brukere som leter etter informasjonen de trenger. I tillegg fokuserer den på enkelhet og ytelse, samtidig som den tilbyr et bredt spekter av tilpasningsmuligheter.
Oppdag også Hvordan lage en lysbildefremvisning med Slider Revolution på WordPress
Administrasjonen av URL-er i nettleserens søkefelt er en av funksjonene som markerte oss på sistnevnte. Som navnet antyder, er dette den profesjonelle løsningen du trenger.
Les også vår 5 WordPress-plugins for å opprette vanlige spørsmål på en blogg
Funksjonene er:optimalisert utnyttelse av bilder, penkel tilpasning,Strømende nimasjoner, smange oppsett et mer.
Last ned | Demo | Webhotell
2. ARMember
ARMember er en WordPress Plugin innholdsbeskyttelse. Det er en unik løsning som lar deg selge abonnementer på hvilken som helst nettside. Den har en hel rekke verktøy som lar deg beskytte helt eller delvis innholdet.
En annen av funksjonene er det faktum at den tilbyr et gratis alternativ som er litt begrenset når det gjelder funksjonalitet. Apropos funksjoner, denne kraftige WordPress Plugin tilbyr blant annet: Muligheten for planlegge innholdet, støtte for flere abonnementsplaner, enkel konfigurasjon, migrering mellom forskjellige abonnementsplaner, WooCommerce-støtte, flere modeller av skjemaerOg mye mer.
Det er også en referanse i denne nisjen.
3. WooCommerce handlevognbasert frakt
Kurven Basert frakt lar deg angi forskjellige fraktpriser basert på varene en kunde har i handlekurven. Det er tre beregningsmetoder: av totalprisen, av antall varer i kurven og av vekten. 
Jo større delsum eller vekt kurven har, eller jo flere varer kunden kjøper, jo høyere blir også forsendelsesprisen.
Se også vår 10 WooCommerce-plugins for å lage forsendelsesscenarier
Du kan også angi at denne funksjonen bare skal være tilgjengelig i visse land.
Anbefalte ressurser
Finn ut om andre anbefalte ressurser for å hjelpe deg med å bygge og administrere nettstedet ditt.
- Hvordan skjule affiliate linker på WordPress
- Slik holder du besøkende lenger på nettstedet ditt
- 9 WordPress plugins for å administrere produktkatalogen
- 5 WordPress-plugins for å opprette vanlige spørsmål på en blogg
konklusjonen
Det er det! Det er det for denne opplæringen som viser deg hvordan du kan legge til tilpasset CSS-kode trygt til WordPress. Hvis du har det commentaires eller forslag, ikke nøl med å gi oss beskjed i den reserverte delen.
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 eller den på Divi: tidenes beste WordPress-tema.
Men i mellomtiden, del denne artikkelen på de forskjellige sosiale nettverkene dine.
...
