WordPress on vihdoin palauttanut mahdollisuuden lisätä mukautettua CSS:ää verkkosivustollesi WordPress 6.2:n julkaisun myötä! Tässä ohjeartikkelissa näytän sinulle, kuinka voit nopeasti lisätä mukautetun CSS:n mille tahansa verkkosivustolle käyttämällä tätä WordPressin, ilmaisen ja avoimen lähdekoodin CMS-alustan ja verkkosuunnittelijan uusinta versiota.

Tämä menetelmä toimii myös uudemmissa versioissa, mukaan lukien WordPress 6.3 ja 6.4.

Sisällysluettelo

Vaihe 1: Siirry sivustoeditoriin

Voit käyttää mukautettua CSS-ominaisuutta sen sisältä Sivuston editori, jossa muokkaat Mallit ja Mallin osat sivustostasi. Sivustoeditori on paikka, jossa teet niin sanotun "Koko sivuston muokkaus."

Siirry WordPressin hallinta-alueen ulkoasu>editoriin

Vie hiiri WordPressin hallintapaneelissa (ensimmäinen sivu, jolle siirryt sisäänkirjautumisen jälkeen) "Ulkoasu" -valikkokohdan päälle ja napsauta "Muokkaaja" (punainen nuoli yllä olevassa kuvassa). Tämä vie sinut sivustoeditoriin.

Napsauta WordPressin pääsisältöaluetta päästäksesi sivustoeditoriin

Kun olet Site Editorissa, voit napsauttaa mitä tahansa näytön oikealla puolella (alue, joka näyttää verkkosivustosi esikatselun – vihreällä ääriviivalla yllä olevassa kuvassa) tuodaksesi esiin Sivustoeditorin ylävalikon.

Yksinkertaistettu WordPress: Tehokkaiden verkkosivustojen rakentaminen Davies Media Designin kurssi

Vaihe 2: Siirry Tyylit-valikkoon

Napsauta Tyylit-kuvaketta Estä-ylävalikon oikeassa yläkulmassa

Napsauta ylävalikon sisällä "Tyylit" -kuvaketta (kuvake on puoliksi musta, puoliksi valkoinen ympyrä) tuodaksesi Tyylien sivupalkin esiin.

Vaihe 3: Siirry CSS-lisäpalveluun

Napsauta Tyylit-sivupalkin otsikon oikealla puolella olevaa Tyylit-toimintovalikkoa

Napsauta sivupalkin yläosassa olevaa "Tyylitoiminnot" -valikkoa (pieni kolmen pisteen kuvake - punainen nuoli yllä olevassa kuvassa).

Napsauta vaihtoehtojen avattavasta valikosta "Lisä CSS" -linkkiä

Napsauta valikon avattavasta valikosta kohtaa "Lisä-CSS" (punainen nuoli).

Voit lisätä mukautetun CSS:n WordPress-verkkosivustollesi Lisä-CSS-ruudussa

Näet nyt pitkän tekstikentän, jossa on otsikko "Additional CSS", johon voit lisätä mukautetun CSS-koodisi (viivattu vihreällä yllä olevassa kuvassa). Laatikon yläosassa lukee "Lisää oma CSS muokataksesi sivustosi ulkoasua ja asettelua" (punainen nuoli). Näet myös linkin, josta saat lisätietoja CSS-koodauksesta, jota voidaan käyttää WordPress-sivustosi mukautettuihin tyylielementteihin.

Tallenna mukautetut CSS-muutokset tai lisäykset napsauttamalla Tallenna

Kun olet lisännyt mukautetun CSS:n (vihreä nuoli), napsauta ylävalikon Tallenna-painiketta tallentaaksesi muutokset (punainen nuoli).

Se siitä! Tiedät nyt, missä voit lisätä mukautettua CSS:ää WordPress-sivustollesi WordPress 6.2:ssa. Haluatko hallita WordPressiä? Katso minun WordPress-mestarikurssi Udemylla!