Kaikilla ei ole koodauskokemusta, mutta se ei tarkoita, etteikö ammattimaisen verkkosivuston luominen olisi mahdollista. WordPress tarjoaa tehokkaita työkaluja, kuten Elementor ja Gutenberg, joiden avulla voit mukauttaa sivustoasi helppokäyttöisellä vedä-ja-pudota-käyttöliittymällä. Tässä oppaassa käymme läpi, miten voit muokata WordPress-sivustoasi ilman koodin kirjoittamista.

Valitse sopiva sivunrakentaja: Elementor vai Gutenberg

Elementor

Elementor on suosittu vedä-ja-pudota-sivunrakentaja, jossa on intuitiivinen käyttöliittymä ja laaja valikoima valmiita malleja ja elementtejä, joiden avulla voit rakentaa sivuja vaivattomasti.

Keskeiset ominaisuudet:

• Reaaliaikainen visuaalinen muokkaus

• Laaja kirjasto malleja ja lohkoja

• Edistynyt suunnittelun hallinta (välistykset, animaatiot, responsiivisuus)

Huom: Osa malleista ja kehittyneistä ominaisuuksista on saatavilla vain Elementor Pro -versiossa.

Gutenberg

Gutenberg on WordPressin oletusarvoinen lohkoeditori, joka tarjoaa helpon tavan rakentaa sivuja lohkojen avulla, kuten kuvat, teksti, painikkeet ja paljon muuta. Se toimii myös Full Site Editor -muokkaimena, jolla voi muokata teemoihin sisältyviä otsikoita, alatunnisteita ja mallipohjia.

Keskeiset ominaisuudet:

• Sisäänrakennettu WordPressiin – ei vaadi lisäosia

• Kevyt ja nopea erityisesti sisältöpainotteisille sivustoille

• Lohkoperusteinen muokkaus helppoon sisällön hallintaan

• Tukee lohkolisäosia ja lohkokuvioita laajempaa muotoilua varten

Sivuston muokkaaminen Elementorilla

Vaihe 1: Asenna ja aktivoi Elementor

1. Kirjaudu WordPressin hallintapaneeliin.
2. Siirry kohtaan Lisäosat > Lisää uusi (Plugins > Add New)
3. Etsi “Elementor Page Builder”, klikkaa Asenna ja sitten Aktivoi.

Vaihe 2: Luo uusi sivu Elementorilla

1. Mene kohtaan Sivut > Lisää uusi (Pages > Add New)
2. Klikkaa Muokkaa Elementorilla (Edit with Elementor) avataksesi sivunrakentajan.
3. Voit aloittaa tyhjältä pohjalta tai käyttää valmista mallia Elementorin kirjastosta.

Vaihe 3: Mukauta sivun asettelua

1. Vedä ja pudota elementtejä, kuten otsikoita, kuvia, painikkeita ja tekstiä.
2. Elementorin vasemmanpuoleisessa työkalupalkissa voit säätää fontteja, värejä, välistyksiä ja paljon muuta.
3. Klikkaa Esikatselu (Preview) nähdäksesi muutokset reaaliajassa.

Vaihe 4: Julkaise mukautettu sivu

Kun olet tyytyväinen lopputulokseen, klikkaa Julkaise (Publish) julkaistaksesi sivun.

Sivuston muokkaaminen Gutenbergilla

Vaihe 1: Luo uusi sivu tai artikkeli

1. Siirry kohtaan Sivut > Lisää uusi tai Artikkelit > Lisää uusi.
2. Gutenberg-editori avautuu automaattisesti.

Vaihe 2: Lisää lohkoja sivulle

1. Klikkaa + (Lisää lohko) -painiketta.
2. Valitse elementtejä, kuten Kappale, Kuva, Painike, Sarakkeet jne.
3. Järjestä lohkot vetämällä ne paikalleen tai käyttämällä lohkon siirtopainikkeita.

Vaihe 3: Säädä lohkojen asetuksia

1. Klikkaa mitä tahansa lohkoa avataksesi sen muotoilu- ja asetteluvalinnat.
2. Muokkaa tekstin kokoa, värejä ja välistyksiä oikeanpuoleisesta lohkoasetuspaneelista.

Vaihe 4: Julkaise mukautettu sivu

Kun suunnittelu on valmis, klikkaa Julkaise (Publish).