januar 24, 2022

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:

HostArmada FANTASTISK!
5.0

273 anmeldelser

$2.49/MO

Startpris

  • Brukervennlig
    5.0

  • Støtte
    5.0

  • Funksjoner
    5.0

  • Pålitelighet
    5.0

  • Priser
    4.9

FastComet FANTASTISK!
4.8

1161 anmeldelser

$2.49/MO

Startpris

  • Brukervennlig
    4.8

  • Støtte
    4.9

  • Funksjoner
    4.8

  • Pålitelighet
    4.8

  • Priser
    4.7

InterServer FANTASTISK!
4.4

390 anmeldelser

$2.50/MO

Startpris

  • Brukervennlig
    4.4

  • Støtte
    4.4

  • Funksjoner
    4.4

  • Pålitelighet
    4.4

  • Priser
    4.6

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert.