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."

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.

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 ylävalikon sisällä "Tyylit" -kuvaketta (kuvake on puoliksi musta, puoliksi valkoinen ympyrä) tuodaksesi Tyylien sivupalkin esiin.

Vaihe 3: Siirry CSS-lisäpalveluun

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

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

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.

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!

Davies Media Design ilmainen luovien sovellusten sähköpostiuutiskirje

Tilaa DMD-uutiskirje

Rekisteröidy saadaksesi uusia opetusohjelmia, kurssipäivityksiä ja viimeisimmät uutiset ilmaisista luovista suosikkisovelluksistasi!

Tilaaminen onnistui!

Pin Se Pinterest