Custom CSS perusteet WordPressin parissa – Aloittelijataso

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on whatsapp
WhatsApp
Share on email
Email

Livestriimissä 5.5.2021 kävimme läpi CSS:n lisäämistä, muokkausta ja käyttöä täällä WordPress maailmassa. Videosta saat napattua hyvät vinkit omaan käyttöön jossa lähdetään ihan perustasolta liikkeelle muokkailemaan sivuja yleisellä tasolla.

Aiheet:

0:16​ Mitä CSS on ja mitä sillä tehdään?
2:00​ Miten tutkitaan koodia Chromen inspectorilla
7:12​ Helppo tapa kohdistaa koodi suoraan tiettyyn classiin
8:50​ Miten tarkistat toiselta sivustolta helposti mm. Värikoodit, Fontit ja fonttikoot
12:37​ Kadence WordPress teeman muokkaaminen CSS:n avulla
15:43​ Kuinka lisäät CSS-lisäluokan Gutenberg editorissa sarakkeeseen
16:20​ CSS-lisäluokkien yleiset nimeämisohjeet
17:28​ CSS:n lisääminen WordPress mukauttimen kautta – Oma CSS moduulia käyttäen
19:12​ Saman classin käyttäminen muissa kohdissa WordPress sivulla
21:52​ Oma CSS kohta vs Lapsiteemassa CSS – Miksi ja milloin?
25:27​ Miksi kannattaa käyttää tiettyä rakennetta lisätessä CSS-koodia sivustolle?
26:16​ Koodin kommentointi – Miten ja miksi?
27:58​ CSS:n lisääminen lapsiteemaan
29:42​ Otsikoiden koon muokkaaminen globaalisti CSS:n avulla
32:02​ Tekstikoon muokkaaminen CSS:n avulla
33:03​ CSS:n no no – Huomiot kokemuksen perusteella
35:20​ Miten tehdään eri levyisille päätelaitteille omia tyylejä media queryjen avulla?
38:30​ Elementtien piilottaminen CSS:n avulla ja vinkit milloin sitä ei kannata tehdä
47:45​ Miksi CSS kannattaa lisätä vain yhteen paikkaan WordPressissä?
51:49​ Mikä ero on theme CSS:llä ja Additional CSS:llä?
53:15​ Miksi CSS voi näkyä omalla sivustollasi yhtenä pötkönä?
56:28​ Kannattaako käyttää erillistä lisäosaa – Lisäämään CSS:ää sivustolle?

Lisätietoa ja työkaluja CSS:än opiskeluun löytyy mm.:

WordPress lapsiteema selitettynä – Sisältää ohjeen!
CSS selector reference – W3Schools
FreeCodeCamp
MDN Web Docs
CSS-Tricks
Media Queryt

Järjestäjät ja kommentaattorit:

Laura Jalonen – https://jaloin.fi
Jaakko Pöntinen – https://mooses.fi
Mikko Mörö – https://sivuseppa.fi
Niko Vittaniemi – https://innovitale.com/

Niko Vittaniemi

Niko Vittaniemi

Hei, Olen Niko Vittaniemi. Olen meidän Facebook-ryhmän perustaja ja puuhamies täällä valoisassa nörttiluolassa Kemissä. Myyntivetoiset WordPress ja WooCommerce sivustot ovat lähellä sydäntäni Jos koet, että voin auttaa sinua, niin lähetä minulle sähköpostia osoitteeseen [email protected]

Kommentit

Jätä kommentti

Me ollaan Suomen suurin WordPressiin ja WooCommerceen erikoistunut Facebook-ryhmä, joka käyttää WordPressiä ja WooCommercea bisnekseen päivittäin. Ryhmässä on tällä hetkellä yli 2220 jäsentä ja kasvetaan päivittäin isommaksi!

Ryhmän perustarkoitus ja ajatus on yhdistää suomalaisia osaajia toisiinsa ja ratkaisemaan haasteita, joita voi tulla vastaan välillä.

Ryhmästä löytyy niin aloittelijoita, ison bisneksen pyörittäjiä tuhansilla tuotteilla, aloittelevia koodareita, edistyneempiä koodareita kuin myös parhaat Suomalaiset WordPress webhotellipalveluntarjoajia.

Ryhmästä löydät keskusteluita ja ratkaisuja tämänpäivän polttaviin kysymyksiin. Tietoutta veroista, GDPR / Tietosuojaseloste asioista ja paljon muusta. Jos, et vielä kuulu WPWOOFIIN. Klikkaat tästä!

Ole ystävällinen ja kohtelias

Yhdessä me kaikki luomme viihtyisää ympäristöä. Kohdellaan kaikkia kunnioittaen. Väittely on luonnollista, mutta ystävällisyyttä vaaditaan :)

Ei vihapuhetta tai kiusaamista

Varmista, että kaikilla on turvallinen olo. Minkäänlaista kiusaamista ei sallita, ja loukkaavia kommentteja esimerkiksi rodusta, uskonnosta, kulttuurista, seksuaalisesta suuntautumisesta, sukupuolesta tai identiteetistä ei hyväksytä.

Ei epäolennaista markkinointia tai roskapostia

Anna ryhmään enemmän kuin saat. Epäolennainen markkinointi, roskaposti ja linkit ovat kiellettyjä. Kotisivujen ja verkkokauppojen suunnittelu, optimointi ja ylipäätään bisneksen teko WordPressin avulla on ryhmäläisten suuri kiinnostuksen kohde :) YP:ltä voi kysyä onko tämä OK.

Ei kuvattomia profiileita / feikki profiileita

Emme hyväksy ryhmään kuvattomia FB profiileita tai selviä feikkiprofiileita. Pidäthän huolen että edes jonkin verran julkisia päivityksiä näkyy jotta voimme varmistaa ihmisyytesi :)

WooCommerce

WordPressin haun kehittäminen

WordPressin oma oletushaku on käyttökelpoinen, mutta rajoittunut. Se tuottaa tuloksia, mutta ei tarjoa minkäänlaista säätövaraa, ei hae koko sivuston sisällöstä,