+358 40 7070202
Search

Muokkaa WordPress sivuston ulkoasua omilla CSS-muotoiluilla

WordPressin modernit teemat ovat hyvin monipuolisesti muokattavissa, mutta aina ei kaikkea saa mieluisekseen. Silloinkin kun teeman keinot loppuvat voin ulkoasua säätää omalla CSS-muotoilulla. Tällä kurssilla opit miten.
WP_logo

kesto 1 pv

890 + ALV 24%
  • Kurssimuoto: Luokka, Etä

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.

Tietoa koulutuksista

Luokkakoulutukset
Corellian koulutustiloissa:
Vuorikatu 20 A, Helsinki

Kiinnostaako asiakaskohtainen toteutus? Meillä onnistuu.

Kurssin olennainen sisältö

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-sivunrakentaja)
  • 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 kesto

Kesto 1 pv.

Kurssityyppi

Luokka / Etä

Kouluttajat

Kari Selovuo

Ilmoittaudu kurssille

Osallistujan tiedot

Käyttöjärjestelmätoive *

Osallistumistapa *

Oletko kiinnostunut asiakaskohtaisesta toteutuksesta?

Kerro tarpeesi, niin suunnittelemme koulutuksen tarpeisiinne räätälöitynä.