For en WordPress-temautvikler er den første tingen å forstå strukturen; og etter det kommer det til å lære om å legge til skript og stilark.


De fleste nettdesignere gjør en feil ved å lage et WordPress-tema akkurat som en enkel HTML-mal.

Du må forstå WordPress er en plattform basert på PHP, og dens temaer er dynamiske. Å legge til en CSS-fil er ikke som du gjør på en stund mens du oppretter et statisk nettsted.

WordPress har sin kodingsstandard du trenger å følge. Å anskrive en CSS-fil på riktig måte kan være litt vanskelig for mange nettutviklere / designere.

I denne opplæringen skal jeg lede deg gjennom en trinnvis prosess, som forklarer WordPress-kodeksen for å legge til en CSS-fil til et WordPress-tema..

Forutsatt at du har god WordPress-hosting med WordPress-konfigurert, la oss komme i gang!

Forstå funksjonen wp_enqueue_style ()

Når 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 () funksjon som brukes til å koble en CSS-fil til WordPress Theme. Standardparametrene er som følger.

wp_enqueue_style ($ håndtak, $ src, $ deps, $ ver, $ media);

La meg forklare alle disse parameterne.

  • $ Håndtak:- Det er et obligatorisk felt, som inkluderer navnet på stilarket
  • $ Src:- Det kreves også å 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 gjøre det.
  • $ media:- Hvis du vil bruke stilarket for en hvilken som helst medietype, kan du gjøre det. Ellers ingen grunn.

Du har kanskje fått noen ide nå. Bare de to første alternativene er nødvendige for å fylle ut, resten kan du legge igjen for å hente standardverdiene.

Merk: Nå hvis stilarknavnet er "stil" og det er i hovedtema-mappen, koden vil være som følger.

wp_enqueue_style (‘stil’, get_styleheet_uri ());

Men som du ser, får du det til å fungere; må du opprette en WordPress-funksjon, som kan koble filen til hodet på en ordentlig måte.

La meg vise deg koden.

functionnew_theme_css_file {
wp_enqueue_style (‘stil’, get_styleheet_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, vet du kanskje at functions.php fil styrer alle funksjonene.

Så du må å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 å forfange stiler og manus.

Alt du trenger å forstå er det viktigste wp_enqueue_style () funksjon.

For nybegynnere WordPress-utviklere kan det være vanskelig å ta tak i slike tekniske ting, men når de først lærer WordPress Codex, går alt greit.

Jeg håper det ikke er så vanskelig å legge 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 å øve på statiske nettsteder og plutselig blir kjent med den dynamiske naturen til web 2.0, kan du bekymre deg litt.

Når du jobber med WordPress-koder, kan du begynne å føle det som interessant. Å legge til en CSS-fil er noe av det grunnleggende for å utvikle et WordPress-tema fra bunnen av.

Konklusjon

Nettutvikling kan være vanskelig, og det kan skremme nybegynnere WordPress-brukere. Guiden er for folk som ønsker å begynne å utvikle sitt tilpassede WordPress-tema.

Takk for at du fulgte denne opplæringen.

Sjekk ut disse topp 3 WordPress hosting-tjenestene:

FastComet

Startpris:
$ 2.95


Pålitelighet
9.7


Priser
9.5


Brukervennlig
9.7


Brukerstøtte
9.7


Funksjoner
9.6

Les anmeldelser

Besøk FastComet

Hostinger

Startpris:
$ 0.99


Pålitelighet
9.3


Priser
9.3


Brukervennlig
9.4


Brukerstøtte
9.4


Funksjoner
9.2

Les anmeldelser

Besøk Hostinger

A2 Hosting

Startpris:
$ 3.92


Pålitelighet
9.3


Priser
9.0


Brukervennlig
9.3


Brukerstøtte
9.3


Funksjoner
9.3

Les anmeldelser

Besøk A2 Hosting

Relaterte artikler for hvordan du gjør det

  • Hvordan legge til en JavaScript-fil til WordPress Theme på riktig måte ved hjelp av cPanel
    Ekspert
  • Slik logger du ut alle brukere i WordPress samtidig
    mellomliggende
  • Slik redigerer du WordPress-nettstedets .htaccess-fil ved hjelp av cPanel
    nybegynner
  • Hvordan logge på WordPress ved å bruke Softaculous fra cPanel
    mellomliggende
  • Slik løser du en HTTP-feil som vises i WordPress Media Library
    nybegynner
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me