[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.

[Ad_1]

Folk bygger WordPress -nettsteder hver dag.

Noen tar out-of-the-box-tilnærmingen. Det vil si at de installerer WordPress, konfigurerer det og bruker et tema akkurat som det ble opprettet. De begynner å skrive blogginnlegg og det er det.

Andre liker å tilpasse ting litt. Og selv om du kan oppnå mye ved å bruke det riktige temaet og spesifikke plugins, kan det komme en tid hvor du vil finne at du må grave dypere ned i koden selv og legge til noen få linjer på egen hånd.

Men hvordan skal vi gå frem? Dette er spørsmålet jeg vil utforske her i dag.

Det kommer an på

Ja, denne setningen på to ord er det korte svaret på dette spørsmålet.

Men det ville ikke gjøre en veldig spennende artikkel, ikke sant? Likevel er det sannheten. Den beste måten å legge til tilpasset kode til WordPress -nettstedet ditt, avhenger av en rekke faktorer. Det er derfor jeg har valgt å presentere alternativene dine i et "hvis / da" -format.

Hvis du har installert et tema laget av noen andre ...

I så fall bør du ikke legge til egendefinert kode i filene for dette temaet, sier Erich Boileau, eier av Gaijin LLC, et webdesignfirma.

"Så snart du oppdaterer kjernen, pluginet eller temaet, blir endringene dine slettet," sier han. Det ville være en enorm sløsing med tid, tror du ikke?

Så hvis du ikke kan redigere koden direkte i temafilene, hva skal du gjøre?

Lag et barns tema

I følge Brandon Howard, eier av All My Web Needs, et WordPress webdesignfirma, kan du opprette et barns tema for å legge til kode i fonctions.php fil uten å bekymre deg for å miste redigeringene når du laster ned WordPress Core eller temaoppdateringer.

I tillegg lar barnetemaer deg "å bruke WordPress og temaspesifikke kroker […] for å sette inn koden din," sier han. Du vil aldri risikere å "overskrive" endringene dine igjen.

fonctions.php
functions.php: rettferdig spill med et barnetema installert.

Hvis du ikke er klar over hva et barns tema er, la meg forklare. Dette er i utgangspunktet et undertema for det installerte hovedtemaet ditt. Det er laget på en veldig enkel måte. Alt du trenger å gjøre er å få tilgang til nettstedet ditt via FTP og opprette en mappe (noe som barnetema-navn vil fungere), lag deretter en style.css filen som tilsvarer denne mappen. Denne CSS -filen vil trekke ut informasjonen fra CSS -filen til det overordnede temaet. Da trenger du bare å aktivere barnetemaet i dashbordet.

Jeg vil ikke gå inn på massevis av detaljer om hvordan du gjør dette. Vi har faktisk dekket hvordan du lager ditt eget barnetema i dybden for en stund tilbake, så det kan være lurt å sjekke dette hvis du bestemmer deg for at det er slik du vil legge til tilpasset kode på nettstedet ditt. Selvfølgelig kan dette alternativet ikke fungere for alle.

Bruk en plugin

Hvis du ikke er vant til å jobbe med backend av WordPress, men fortsatt vil gjøre tilpassede kodeendringer, kan du bruke et plugin som lar deg sette inn kode på strategiske steder på nettstedet ditt. I følge Scott Chow fra The Blog Starter reduserer bruken av et plugin i stor grad sjansen for at noe blir slettet ved et uhell. For ikke å nevne at det eliminerer hele problemet med "oppdater nettstedet ditt og miste endringene".

Han anbefaler spesielt to plugins. Den første er å sette inn topp- og bunntekst. Denne pluginen lar deg sette inn kode i topptekst eller bunntekst på nettstedet ditt. Det er perfekt for folk som prøver å sette opp noe som Google Analytics, sier Chow.

Den andre pluginen han anbefaler er Global Content Blocks. Denne pluginen lar deg sette inn kode i innlegg og lagre disse utdragene for senere bruk.

Globale innholdsblokker
Global Content Blocks: en veldig populær plugin.

En annen utvikler jeg snakket med, Natalia Chriss, har en ekstra plugin -anbefaling. Den kalles Code Insert Manager og er flott for å legge til kode for tjenester som Google Analytics, Aweber og GetResponse.

Men igjen, det er kanskje ikke et plugin som kan utføre den spesifikke kodingsoppgaven du bestemte deg for å fullføre. I disse tilfellene kan du ...

Lag en plugin

Når du vil redesigne et nettsted samtidig som du beholder den samme funksjonaliteten - eller hvis du bare vil legge til kode et sted på nettstedet ditt - kan du opprette et programtillegg for å administrere det.

"Jeg lager en nettstedsspesifikk funksjonalitetsplugin for den egendefinerte koden i stedet for å sette den i temaet fonctions.php fil, sier Adam Smith, IT -direktør i Marketing Mojo. "Dette skiller hvordan WordPress fungerer fra design," sier han og indikerer at dette oftest gjelder når du bruker andres tema i stedet for et du har laget fra bunnen av.

I denne egendefinerte plugin -modulen inkluderer Smith vanligvis egendefinerte innleggstyper, snarveier, WordPress -admin -tilpasninger og andre endringer han anser som nødvendige.

Howard tar en lignende tilnærming. "Det er mange tilfeller der vi bygger tilpassede plugins med bare 10-20 linjer med kode bare fordi vi vil legge til litt funksjonalitet, og det er viktig at funksjonaliteten forblir på plass selv om temaet endres," sier han. .

Hvis du har laget ditt eget tema ...

Så langt har vi bare snakket om hva du skal gjøre hvis du vil legge til tilpasset kode til et tema du har lastet ned gratis eller kjøpt fra et temamarked. Men hva om du laget temaet selv? Hva er den beste fremgangsmåten for disse situasjonene?

Hvis du har skrevet temaet ditt fra bunnen av, "kan du sette inn koden direkte i temaet," sier Boileau, noe som ville ha en bivirkning av å forbedre hastigheten og effektiviteten til nettstedet. Bare trykk på temaet ditt fonctions.php fil når du vil gjøre en liten endring, bør være tilstrekkelig.

Lag en plugin (ja, igjen)

Ja, denne metoden gjelder for de som bruker andres temaer så vel som de som lager dem selv.

Det er noen store fordeler med å lage en plugin som følger med ditt eget tema. Ikke bare lar dette deg slå bestemte funksjoner på og av hvis du bestemmer deg for at du ikke lenger trenger dem, det gir deg også fleksibilitet til å komme i gang med plugin -utvikling. Hvis du tror at plugin -koden du oppretter er nyttig for andre utviklere, "kan du vurdere å skrive din egen splitter nye plugin og sende den til WordPress for å hjelpe andre," sier Boileau.

Så hva er den beste løsningen?

Ærlig talt, det avhenger. Nesten alle utviklere jeg har snakket med har sagt det. Likevel betyr det ikke at det ikke er noen beviste regler. Når du blir bedt om å legge til egendefinert kode på et WordPress -nettsted, bør du:

  • Bruk et barnetema når du endrer funksjoner på andres tema, eller
  • Bruk et programtillegg for å legge til kodeblokker på nettstedet ditt, eller
  • Lag plugins for å legge til bredere sidefunksjoner.

Denne strategien skal hjelpe deg med å lage egendefinerte nettsteder som forblir akkurat slik du vil at de skal, uavhengig av nye oppdateringer.

konklusjonen

Og der går du! Forhåpentligvis har du nå en bedre forståelse av hvordan du legger til tilpasset kode på WordPress -nettstedet ditt og hvilken metode som er best gitt din nåværende situasjon.

Men det jeg vil vite er om jeg savnet noe? Har du funnet en annen metode for å være mer effektiv? Vil du legge til en metode jeg allerede har nevnt? Uansett, del gjerne og bli med i diskusjonen nedenfor!

Fotokreditt: Tuts +

[Ad_2]

Kilde lenke

0 aksjer
del
tweet
Enregistrer