januar 24, 2022

Sådan tilføjes en CSS-fil korrekt til et CSS-tema ved hjælp af cPanel

for en CSS-temaudvikler, er den første ting at forstå dens struktur; og derefter kommer det til at lære om at tilføje scripts og stilark.

de fleste af internetdesignerne laver en fejl ved at oprette et Teksttrykstema ligesom en simpel HTML-skabelon.

du bør forstå, at er en platform baseret på PHP, og dens temaer er dynamiske. Tilføjelse af en CSS-fil er ikke som du gør i et stykke tid at skabe en statisk hjemmeside.

har sin kodningsstandard, du skal følge. Undersøgelse af en CSS-fil korrekt kan være lidt vanskelig for mange internetudviklere/designere.

i denne tutorial vil jeg lede dig gennem en trinvis proces, der forklarer kodeksen for at tilføje en CSS-fil til et Ordtrykstema.

forudsat at du har god hosting med opsætning, lad os komme i gang!

forstå funktionen

mens du udvikler en statisk HTML-hjemmeside, kan du linke CSS-filen til hovedet, men det er ikke det samme tilfælde i et Ordtrykstema.

med en klar forståelse af PHP og kodeks, bør du lære at bruge Temafunktioner.

lad os starte med funktionen (), som bruges til at linke en CSS-fil til dit tema. Standardparametrene er som følger.

wp_enqueue_style( $handle, $src, $deps, $ver, $media );

lad mig forklare alle disse parametre.

  • $håndtag:- Det er et påkrævet felt, som indeholder navnet på stilarket
  • $src:- det er også nødvendigt at udfylde. Det er stien til stylesheet i forhold til rodmappen
  • $deps:- det er valgfrit at oprette et array til at kontrollere stylesheet
  • $ver:- hvis du ønsker at kontrollere versionen af stylesheet, kan du.
  • $media:- hvis du vil bruge stilarket til enhver medietype, kan du. Ellers ikke nødvendigt.

du har måske fået en ide nu. Kun de to første muligheder er nødvendige for at udfylde, resten kan du lade være tom for at hente standardværdierne.

Bemærk: Hvis stilarknavnet nu er “style”, og det er i mappen hovedtema name, vil koden være som følger.

wp_enqueue_style( 'style', get_stylesheet_uri() );

men som du kan se, får du det til at fungere; du skal oprette en Ordtryksfunktion, som kan linke filen til hovedet på en ordentlig måde.

lad mig vise dig koden.

functionnew_theme_css_file{wp_enqueue_style( 'style', get_stylesheet_uri() );}add_action('wp_enqueue_scripts', 'new_theme_css_file' );

du undrer dig måske over, hvad der er det bedste sted at tilføje funktionen. Nå, hvis du ved lidt om temaudvikling, ved du måske, at funktionerne.php-fil styrer alle funktioner.

så du skal åbne filen og tilføje denne funktion.

hvis du har bemærket det, er der en krog “add_action” med en parameter “vp_køn_scripts”, som bruges til at forespørge stilarter og scripts.

alt du behøver at forstå er den vigtigste funktion.

for nybegyndere kan det være svært at få fat i sådanne tekniske ting, men når de først lærer kodeks, går alt glat.

jeg håber, at det ikke er så svært at tilføje en CSS-fil til et Ordtrykstema

jeg kan huske, da jeg begyndte at udvikle Ordtrykstemaer for et par år siden, det var en katastrofe. Når du fortsætter med at øve statiske hjemmesider og pludselig kommer til at vide om den dynamiske karakter af Internet 2.0, kan du bekymre dig lidt.

når du engagerer dig i koderne, kan du begynde at føle det interessant. Tilføjelse af en CSS-fil er et af de grundlæggende elementer for at udvikle et tema fra bunden.

konklusion

internetudvikling kan være vanskelig, og det kan skræmme nybegyndere. Guiden er for de mennesker, der ønsker at begynde at udvikle deres brugerdefinerede tema.

Tak fordi du fulgte denne tutorial.

tjek disse top 3 hosting tjenester:

HostArmada fantastisk!
5.0

273 anmeldelser

$2.49/MO

startpris

  • brugervenlig
    5.0

  • støtte
    5.0

  • funktioner
    5.0

  • pålidelighed
    5.0

  • priser
    4.9

FastComet SUPERB!
4.8

1161 anmeldelser

$2.49/MO

startpris

  • brugervenlig
    4.8

  • støtte
    4.9

  • funktioner
    4.8

  • pålidelighed
    4.8

  • priser
    4.7

InterServer fremragende!
4.4

390 anmeldelser

$2.50/MO

startpris

  • brugervenlig
    4.4

  • støtte
    4.4

  • funktioner
    4.4

  • Pålidelighed
    4.4

  • Priser
    4.6

Skriv et svar

Din e-mailadresse vil ikke blive publiceret.