Slik Legger Du Til EN CSS-Fil Til Et WordPress-Tema Ved Hjelp av cPanel
For En WordPress-temautvikler er det første å forstå strukturen; og etter det kommer det til å lære om å legge til skript og stilark.
de fleste webdesignere gjør en feil ved å lage Et WordPress-tema akkurat som en enkel HTML-mal.
Du bør forstå WordPress Er en plattform basert PÅ PHP, og temaene er dynamiske. Legge TIL EN CSS-fil er ikke som du gjør på en stund å lage en statisk nettside.
WordPress har sin kodingsstandard du må følge. Enqueuing EN CSS-fil riktig kan være litt vanskelig for mange webutviklere / designere.
i denne opplæringen skal jeg gå gjennom en trinnvis prosess, som forklarer WordPress codex for å legge TIL EN CSS-fil til Et WordPress-tema.
Forutsatt at Du har god WordPress hosting Med WordPress satt opp, la oss komme i gang!
Forstå Wp_enqueue_style () – Funksjonen
mens du utvikler et statisk HTML-nettsted, kan DU koble CSS-filen til hodet, men det er ikke det samme tilfellet i Et WordPress-tema.
Med en klar forståelse AV PHP Og WordPress Codex, bør du lære Å bruke Tema funksjoner.
La oss starte med wp_enqueue_style () – funksjonen, som brukes til å koble EN CSS-fil Til WordPress-Temaet ditt. Standardparametrene er som følger.
wp_enqueue_style( $handle, $src, $deps, $ver, $media );
La meg forklare alle disse parametrene.
- $håndtak:- Det er et obligatorisk felt, som inneholder navnet på stilarket
- $src: – Det er også nødvendig å fylle ut. Det er banen til stilarket i forhold til rotkatalogen
- $deps: – det er valgfritt å lage en matrise for å kontrollere stilarket
- $ver: – hvis du ønsker å kontrollere versjonen av stilarket, kan du.
- $ media: – hvis du vil bruke stilarket for alle medietyper, kan du. Ellers trenger du ikke.
du har kanskje fått en ide nå. Bare de to første alternativene er nødvendige for å fylle ut, resten kan du la være tom for å hente standardverdiene.
Merk: nå hvis stilarknavnet er «stil» og det er i hovedtema navnemappen, vil koden være som følger.
wp_enqueue_style( 'style', get_stylesheet_uri() );
Men som du kan se, får du det til å fungere; du må opprette En WordPress-funksjon, som kan koble filen til hodet på en riktig måte.
La meg vise deg koden.
functionnew_theme_css_file{wp_enqueue_style( 'style', get_stylesheet_uri() );}add_action('wp_enqueue_scripts', 'new_theme_css_file' );
du lurer kanskje på hva som er det beste stedet å legge til funksjonen. Vel, hvis Du vet litt Om WordPress temautvikling, kan du kanskje vite at funksjonene.php-fil styrer alle funksjonene.
så må du åpne filen og legge til denne funksjonen.
hvis du har lagt merke til, er det en krok » add_action «med en parameter» wp_enqueue_scripts», som brukes til å enqueue stiler og skript.
Alt du trenger å forstå er den viktigste wp_enqueue_style () – funksjonen.
for nybegynnere WordPress-utviklere kan det være vanskelig å ta tak i slike tekniske ting, men når De lærer WordPress Codex, går alt glatt.
Jeg Håper Det Ikke Er Så Vanskelig Å Legge TIL EN CSS-Fil Til Et WordPress-Tema
jeg husker da Jeg begynte å utvikle WordPress-temaer for noen år siden, det var en katastrofe. Når du fortsetter å praktisere statiske nettsteder og plutselig kommer til å vite om den dynamiske naturen til web 2.0, kan du bekymre deg litt.
når Du engasjerer Deg Med WordPress-koder, kan du begynne å føle det interessant. Å legge TIL EN CSS-fil er et av grunnleggende for å utvikle Et WordPress-tema fra bunnen av.
Konklusjon
Webutvikling kan være vanskelig, Og Det kan skremme nybegynnere WordPress-brukere. Guiden er for folk som ønsker å begynne å utvikle sin tilpassede WordPress tema.
Takk for at du følger denne opplæringen.
Sjekk ut disse topp 3 WordPress hosting-tjenestene:
273 anmeldelser
-
Brukervennlig5.0
-
Støtte5.0
-
Funksjoner5.0
-
Pålitelighet5.0
-
Priser4.9
1161 anmeldelser
-
Brukervennlig4.8
-
Støtte4.9
-
Funksjoner4.8
-
Pålitelighet4.8
-
Priser4.7
390 anmeldelser
-
Brukervennlig4.4
-
Støtte4.4
-
Funksjoner4.4
-
Pålitelighet4.4
-
Priser4.6