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.

WordPress sisällöntuottajalle
Perusteet

Kesto: 1pv
Hinta: 890 €
hinnat ALV 0 %

Osallistumistavat:

  • Luokkaosallistuminen
  • Etäosallistuminen

Vallitsevan koronatilanteen takia koulutus pidetään etänä. Katso ohjeistus etäosallistumisesta.

Oletko kiinnostunut asiakaskohtaisesta toteutuksesta?

Lähetä tarjouspyyntö

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

Partner, CPWA saavutettavuusasiantuntija, Adobe Certified Instructor

Aiheeseen liittyviä kursseja

WordPress on helppokäyttöinen ja monipuolinen sisällönhallintajärjestelmä, jonka käyttö on helppo oppia!