24 tammikuun, 2022

miten oikein lisätä CSS-tiedoston WordPress teema käyttäen cPanel

WordPress teema kehittäjä, ensimmäinen asia on ymmärtää sen rakenne; ja sen jälkeen, se tulee oppia lisäämällä skriptit ja tyylisivut.

useimmat web-suunnittelijat tekevät virheen luomalla WordPress teema aivan kuten yksinkertainen HTML-malli.

sinun pitäisi ymmärtää, että WordPress on PHP: hen perustuva alusta, ja sen teemat ovat dynaamisia. Lisäämällä CSS-tiedosto ei ole kuin teet, Kun luot staattinen verkkosivuilla.

WordPressissä on koodausstandardi, jota sinun on noudatettava. Enqueuing CSS-tiedoston oikein voi olla hieman hankala monille web-kehittäjät/suunnittelijat.

tässä tutoriaalissa aion opastaa vaihe vaiheelta, mikä selittää WordPress-koodeksin CSS-tiedoston lisäämisestä WordPress-teemaan.

olettaen, että sinulla on hyvä WordPress hosting WordPress perustettu, aloitetaan!

ymmärrä Wp_enqueue_style () – funktio

staattista HTML-sivustoa kehittäessäsi voit linkittää CSS-tiedoston päähän, mutta se ei ole sama asia WordPress-teemassa.

kun on selkeä käsitys PHP: stä ja WordPress-koodeksista, kannattaa opetella käyttämään Teematoimintoja.

aloitetaan wp_enqueue_style () – funktiolla, jota käytetään yhdistämään CSS-tiedosto WordPress-teemaasi. Oletusparametrit ovat seuraavat.

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

selitän kaikki nämä parametrit.

  • $kahva:- Se on pakollinen kenttä, joka sisältää tyylisivun nimen
  • $src: – se on myös täytettävä. Se on tyylisivun polku suhteessa juurihakemistoon
  • $deps:- on vapaaehtoista luoda array tyylisivun ohjaamiseksi
  • $ver: – jos haluat hallita tyylisivun versiota, voit.
  • $media: – jos haluat käyttää tyylisivua mille tahansa mediatyypille, voit. Muuten ei tarvitse.

olet ehkä saanut jonkinlaisen käsityksen nyt. Vain kaksi ensimmäistä vaihtoehtoa ovat tarpeen täyttää, loput voit jättää tyhjäksi poimia oletusarvot.

Huom: jos tyylisivun nimi on ”tyyli” ja se on pääteeman nimikansiossa, koodi on seuraava.

wp_enqueue_style( 'style', get_stylesheet_uri() );

mutta kuten näette, teet sen työtä; sinun täytyy luoda WordPress toiminto, joka voi yhdistää tiedoston päähän oikealla tavalla.

Anna kun näytän koodin.

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

saatat miettiä, mikä on paras paikka lisätä funktio. No, jos tiedät hieman WordPress teema kehitystä, saatat tietää, että toiminnot.php-tiedosto ohjaa kaikkia toimintoja.

joten, sinun täytyy avata tiedosto ja lisätä tämä funktio.

jos olet huomannut, on olemassa koukku ”add_action” parametrilla ”wp_enqueue_scripts”, jota käytetään tyylien ja skriptien tiedusteluun.

sinun tarvitsee vain ymmärtää tärkein wp_enqueue_style () – funktio.

aloitteleville WordPress-kehittäjille voi olla vaikeaa tarttua tällaisiin teknisiin asioihin, mutta kun he oppivat WordPress-koodeksin, kaikki sujuu jouhevasti.

toivottavasti ei ole niin vaikeaa lisätä CSS-tiedostoa WordPress-teemaan

muistan, kun aloin kehittää WordPress-teemoja muutama vuosi sitten, se oli katastrofi. Kun pidät harjoitellaan staattinen sivustoja ja yhtäkkiä tulevat tietää dynaaminen luonne web 2.0, voit tuskailla hieman.

kun sitoudut WordPress-koodeihin, saatat alkaa tuntea sen kiinnostavaksi. Lisäämällä CSS-tiedosto on yksi perusasioita kehittää WordPress teema tyhjästä.

johtopäätös

Web-kehitys voi olla hankalaa, ja se voi pelotella aloittelevia WordPress-käyttäjiä. Opas on ihmisille, jotka haluavat alkaa kehittää mukautetun WordPress teema.

Kiitos, että seurasit tätä opastusta.

Tsekkaa nämä Top 3 WordPress hosting-palvelut:

HostArmadaSUPERB!
5.0

273 arvostelut

$2.49/MO

lähtöhinta

  • käyttäjäystävällinen
    5.0

  • tuki
    5.0

  • ominaisuudet
    5.0

  • luotettavuus
    5.0

  • hinnoittelu
    4.9

FastComet SUPERB!
4.8

1161 arvostelut

$2.49/MO

lähtöhinta

  • käyttäjäystävällinen
    4.8

  • tuki
    4.9

  • ominaisuudet
    4.8

  • luotettavuus
    4.8

  • hinnoittelu
    4.7

InterServerSUPERB!
4.4

390 arvostelut

$2.50/MO

lähtöhinta

  • käyttäjäystävällinen
    4.4

  • tuki
    4.4

  • ominaisuudet
    4.4

  • Luotettavuus
    4.4

  • Hinnoittelu
    4.6

Vastaa

Sähköpostiosoitettasi ei julkaista.