Eikö WordPress-sivuston ulkoasu miellytä vai pitäisikö korjata joku deltalji
WordPress on helppokäyttöinen ja monipuolinen sisällönhallintajärjestelmä, jonka käyttö on helppo oppia. Sivuston ulkonäkö pohjautuu käytettävään teemaan ja sen asetuksiin. Myös käytössä olevat lisäosat voivat vaikuttaa ulkonäköön. Ulkoasua on mahdollista usein muokata teeman omin asetuksin mutta ei aina silti kaikkea. Joku yksintyiskohta; painike, linkki, pop-up kehote tai muu ei ehkä näytä parhaalta mahdolliselta ja sitä pitäisi muokata.
Kaikki verkkosivun ulkoasu perustuu aina CSS-tyylisääntöihin!
Voidaksesi muokata sivuston ulkonäköä on tunnettava sekä WordPressin toimintamalli, CSS-koodin käyttäytyminen ja eri sääntöjen hierarkia sekä työkalut, joilla sääntöjä voi helposti tutkia.
Tällä kurssilla opit CSS tekniikan perusteet, säännöt, sääntöjen hierarkian ja oikean käytön. Lisäksi opit tutkimaan mitä muokata, millaisella säännöllä ja miten voit testata säännön toiminnan. Opit myös tutustumaan sääntöihin WordPressin ”sisältä” ja käyttämään teemojen muokkaustyökaluja sekä erikseen asennettavia oman CSS-koodin lisäyksen mahdollistavia lisäosia.
Ota oma sivustosi kunnolla hallintaan!
Kurssilla opit mm.
- CSS tekniikan perusteet
- CSS sääntöjen hierarkian ja oikeat kirjoitustavat
- tutkimaan mitä (teeman) sääntöä voit muokata
- käyttämään selaimen kehittäjätyökaluja
- käyttämään teemojen ominaisuuksia
- ottamaan käyttöön lisäosan, jolla muokata sivuston CSS koodia
Kurssin kohderyhmä
Kurssi on suunnattu kaikille verkkosivustojen omistajille, ylläpitäjille, sisällöntuottajille tai vaikka koodareille, jotka haluavat oppia muokkaamaan oman sivustonsa ulkoasua pelkkää CSS koodia muokkaamalla. Kurssilla oppiminen tapahtuu hands-on-harjoitteluna.
Kurssin esitietovaatimukset
Esitiedoiksi riittävät yleiset tietokoneen käyttötaidot ja webin peruskäsitteiden tunteminen. Opetus perustuu WordPressin valmiiden ominaisuuksien käyttöön ja visuaalisiin työkaluihin.
Kesto: 1pv
Hinta: 890 €
hinnat ALV 0 %
Osallistumistavat:
- Luokkaosallistuminen
- Etäosallistuminen
Vallitsevan koronatilanteen takia koulutus pidetään etänä. Katso ohjeistus etäosallistumisesta.
WordPressin ulkoasuun vaikuttavat säännöt
- missä tyylisäännöt on määritetty
- Miten teemat ja lisäosat muuttavat WordPressin ulkoasua
- Teemojen muokkausominaisuuksia yleisesti
CSS tekniikan perusteet
- CSS kielen rakenne, syntaksi
- sääntöjen prioriteetti
- sääntöjen hierarkia
- miten kirjoittaa hyviä CSS-sääntöjä
CSS sääntöjä
- värit
- typografia
- kuvat
- asemoinneista
- elementtien tilat: hover, active, focus
Selainten kehitystyökalut
- miten lukea sivun ulkoasuun vaikuttavia sääntöjä
- omien sääntöjen testaaminen selaimissa
- oikean WordPress säännön löytäminen
Muokkaus WordPressissä
- teemojen muokattavat ominaisuudet
- lisäosien mahdolliset ulkoasuun vaikuttavat muokkaukset (esimerkki)
- teeman muokkain
- kaupallisten teemojen ja sivunrakennustyökalujen toiminta (esimerkki teema ja Elementor sivunrakenta)
- Custom CSS teemoissa
- Custom CSS lisäosien käyttöönotto
Edistyneitä piirteitä
- omat säännöt ja teeman päivittyminen
- lapsiteeman käsite
- erillisen lisäosan tyylisäännöt ja teeman tai WordPressin päivittyminen
Kurssin kouluttajat
Kari Selovuo
Aiheeseen liittyviä kursseja
WordPress on helppokäyttöinen ja monipuolinen sisällönhallintajärjestelmä, jonka käyttö on helppo oppia!