MODUULIT 2-3: WordPressin ja Elementorin käytännön perusteet
MODUULIT 2-3: WordPressin ja Elementorin käytännön perusteet
Tässä moduulissa käymme läpi, miten voit luoda ensimmäisen verkkosivustosi käyttämällä näitä kahta suosittua työkalua. WordPress toimii sisällönhallintajärjestelmänä, kun taas Elementor mahdollistaa intuitiivisen vedä ja pudota -sivunrakennuksen. Tutustumme Elementorin käyttöliittymään ja sen keskeisiin ominaisuuksiin, kuten oikean teeman valintaan ja asentamiseen joka on yhteensopiva Elementorin kanssa sekä sivustojen luontiin. Kurssillamme jokaiselle oppilaalle on asennettu etukäteen WordPress, joten itse WordPressin asentamiseen ja siihen liittyvien asioiden kuten domainin hankkimiseen emme hirveästi tällä kurssilla perehdy.
Tulevissa moduuleissa opit myös, miten voit räätälöidä verkkosivustosi ulkoasua ja toiminnallisuuksia luodaksesi juuri sellaisen sivuston, joka vastaa tarpeitasi. Itse kurssin aiheena on oman Portfolion luominen, mutta jos haluat niin voit luoda sivustostasi sellaisen kun haluat, kunhan opit ja sisäistät kurssilla opetetut asiat. Lisäksi käsittelemme myös tärkeitä käytäntöjä, kuten responsiivisuuden huomioimista ja hakukoneoptimoinnin perusteita, jotta sivustosi näyttää hyvältä kaikilla laitteilla ja tavoittaa oikean yleisön. Lopuksi opastamme, miten julkaiset sivustosi verkkoon ja ylläpidät sitä jatkossa, jotta voit varmistaa sen toimivuuden ja ajantasaisuuden.
Tulevissa moduuleissa opit myös, miten voit räätälöidä verkkosivustosi ulkoasua ja toiminnallisuuksia luodaksesi juuri sellaisen sivuston, joka vastaa tarpeitasi. Itse kurssin aiheena on oman Portfolion luominen, mutta jos haluat niin voit luoda sivustostasi sellaisen kun haluat, kunhan opit ja sisäistät kurssilla opetetut asiat. Lisäksi käsittelemme myös tärkeitä käytäntöjä, kuten responsiivisuuden huomioimista ja hakukoneoptimoinnin perusteita, jotta sivustosi näyttää hyvältä kaikilla laitteilla ja tavoittaa oikean yleisön. Lopuksi opastamme, miten julkaiset sivustosi verkkoon ja ylläpidät sitä jatkossa, jotta voit varmistaa sen toimivuuden ja ajantasaisuuden.
WordPress Kojelauta
Vaihe 1: WordPressin käyttöliittymän kielen vaihto
Tämä vaihe ei ole pakollinen ja voit käyttää WordPressissä sitä kieltä mitä itse haluat, mutta tässä kurssimateriaalissa käytävät ohjeet ja niihin liittyvät termit tulevat olemaan suurimmaksi osalta suomeksi.
- Kirjaudu sisään WordPress-hallintapaneeliin.
- Siirry vasemman valikon kautta kohtaan Asetukset (Settings) ja valitse Yleiset (General).
- Etsi kohta Sivuston kieli (Site Language) ja avaa pudotusvalikko.
- Valitse kielivalikosta Suomi.
- Paina Tallenna muutokset (Save Changes).
- Tämä vaihe ei ole pakollinen ja voit käyttää WordPressissä sitä kieltä mitä itse haluat, mutta tässä kurssimateriaalissa käytävät ohjeet ja niihin liittyvät termit tulevat olemaan suurimmaksi osalta suomeksi.
Vaihe 2: Teeman Valinta ja Asennus
Ensimmäinen askel ammattimaisen verkkosivuston rakentamisessa Elementorilla on oikean teeman valinta. Hello-teema on suunniteltu erityisesti Elementoria silmällä pitäen, ja sen keveys sekä yksinkertaisuus tekevät siitä erinomaisen valinnan. Tässä vaiheessa opit, kuinka asennat ja aktivoit Hello-teeman WordPress-sivustollasi.
1. Siirry Teemat-osioon:
- Aloita kirjautumalla WordPress-hallintapaneeliin. Vasemman reunan valikosta löydät kohdan "Ulkoasu" > "Teemat". Täällä voit hallita sivustosi ulkoasua.
2. Hello-teeman Asennus:
- Valitse "Lisää uusi" ja kirjoita hakukenttään "Hello". Kun teema ilmestyy hakutuloksiin, klikkaa "Asenna". Asennusprosessi kestää vain hetken.
3. Teeman Aktivointi:
- Kun asennus on valmis, paina "Aktivoi". Hello-teema on nyt käytössä sivustollasi, ja voit alkaa mukauttaa sitä Elementorin avulla.
Vaihe 3: Otsikoiden ja Alatunnisteiden Käyttöönotto Kokeilutoiminnoissa
Jotta voit hallita sivustosi otsikoita ja alatunnisteita tehokkaasti, sinun kannattaa ottaa käyttöön nämä ominaisuudet Elementorin kokeiluasetuksissa.
1. Siirry Elementor-asetuksiin:
- Kirjaudu WordPress-hallintapaneeliin ja siirry kohtaan "Elementor" > "Asetukset". Tämä alue on Elementorin toimintojen hallintakeskus.
2. Kokeilujen Ottaminen Käyttöön:
- Valitse "Kokeilut"/"Features" -välilehti. Täältä löydät listan kokeellisista ominaisuuksista, joita Elementor tarjoaa. Etsi "Otsikot ja Alatunnisteet"/"Headers and Footers" ja ota se käyttöön. Tämä ominaisuus antaa sinulle enemmän hallintaa sivustosi rakenteesta.
3. Tallenna Muutokset:
- Kun olet ottanut haluamasi ominaisuudet käyttöön, muista tallentaa muutokset. Nyt voit muokata sivustosi otsikoita ja alatunnisteita suoraan Elementorilla.
Palaamme otsikoiden ja alatunnisteisiin myöhemmin opinnoissa.
Vaihe 4: Verkkosivujen Luominen
Verkkosivujen luominen on tärkeimmistä tehtävistä, kun rakennat sivustoa WordPressillä ja Elementorilla. Tämä vaihe kattaa perusasiat siitä, miten luot uusia sivuja ja muokkaat niiden sisältöä visuaalisen editorin avulla.
1. Uuden Sivun Luominen:
- Aloita siirtymällä WordPressin hallintapaneeliin ja valitsemalla "Sivut" > "Lisää uusi". Tämä avaa uuden sivun muokkausnäkymän, jossa voit aloittaa sivun rakentamisen.
2. Sivun Muokkaaminen Elementorilla:
- Kun olet antanut sivulle nimen (esim. "Etusivu"), paina "Muokkaa Elementorilla". Tämä avaa Elementorin editorin, jossa voit lisätä sisältöä, asetteluita ja vimpaimia visuaalisesti vedä ja pudota -menetelmällä. Palaamme tähän aiheeseen takaisin kurssilla myöhemmin.
3. Sivun Julkaiseminen:
- Kun painat "Julkaise" niin sivusi on live-tilassa ja näkyvissä kävijöille.
Tehtävä: WordPressin Perusteet
1. Valitse WordPressin kieleksi Suomi (voit vaihtaa takaisin haluaamasi kieleen tehtävän jälkeen jos haluat).
2. Asenna ja aktivoi Elementor -lisäosista (pluginit).
3. Asenna ja aktivoi "Hello" -teema WordPressiin.
4. Ota otsikot ja alatunnisteet käyttöön Elementorin asetuksista.
Palauta kaikista neljästä osiosta kuvakaappaus palautuskansioon.
2. Asenna ja aktivoi Elementor -lisäosista (pluginit).
3. Asenna ja aktivoi "Hello" -teema WordPressiin.
4. Ota otsikot ja alatunnisteet käyttöön Elementorin asetuksista.
Palauta kaikista neljästä osiosta kuvakaappaus palautuskansioon.
Palautuskansio
Sinulla ei ole tarvittavia oikeuksia lähettää mitään.