Käytä Gutenberg-editoria WordPressissä: Muotoile lohkot tehokkaasti

Kaikki oppaan videot

Gutenberg Editor on keskeinen elementti WordPress:in sisällön luomisessa ja muokkaamisessa. Sen lohkojärjestelmän avulla se mahdollistaa joustavan ja intuitiivisen käsittelyn tekstin, kuvien, painikkeiden ja monien muiden kanssa. Tässä oppaassa opit, kuinka voit tehokkaasti lisätä ja mukauttaa perustavanlaatuisia lohkoja - otsikko, kappale, kuva, galleria, painike ja sarakkeet - tehdäksesi sisällöstäsi houkuttelevaa.

Tärkeimmät havainnot

  • Gutenberg Editor käyttää lohkojärjestelmää sisällön luomiseen.
  • Voit mukauttaa lohkoja yksittäin: värit, reunat ja asettelut.
  • Galleria mahdollistaa useiden kuvien esittämisen houkuttelevassa muodossa.
  • Painikkeet voivat sisältää linkkejä muille sivuille ja ne on helppo muotoilla.
  • Sarakkeet helpottavat sisällön järjestämistä ja tarjoavat joustavuutta asettelussa.

Vaiheittainen opas

Perustiedot lohkojen lisääminen

Jos haluat aloittaa Gutenberg Editorin käytön, avaa WordPressin hallintasivusi ja siirry artikkeliin tai sivuun, jota haluat muokata. Uuden lohkon lisäämiseksi napsauta plus-merkkiä (+), joka antaa sinulle mahdollisuuden nähdä kaikki käytettävissä olevat lohkot. Valitse haluamasi lohkot.

Käytä Gutenberg-editoria WordPressissä: Rakenna lohkoja tehokkaasti

Otsikkotyylin mukauttaminen

Kun olet lisännyt otsikko-lohkon, voit määrittää erilaisia tyylejä. Esimerkiksi voit säätää fonttikokoa ja -väriä. Valitse elävä väri korostaaksesi otsikkoasi, mutta varmista, että luettavuus säilyy.

Tekstin muotoilu ja linkit

Teksti-lohko ei vain salli sisällön kirjoittamista, vaan myös monia mukautuksia. Voit värjätä tekstin muotoilulla tai lisätä linkkejä. Lisätäksesi linkin, korosta haluamasi teksti ja lisää URL-osoite. Tämä varmistaa, että tekstisi pysyy interaktiivisena.

Kuvat ja niiden mukautukset

Kuvien lisääminen onnistuu myös vaivattomasti. Lataa kuva tai valitse yksi mediakirjastostasi. Voit sitten säätää kuvaa tietyllä kuvasuhteella ja muotoilumukautuksilla. Jos haluat esimerkiksi luoda pyöreän profiilikuvan, varmista, että asetat reunan 100 %:iin saadaksesi täydellisen ympyräkuvan.

Käytä Gutenberg-editoria WordPressissä: Muotoile lohkot tehokkaasti

Gallerian luominen

Jos haluat näyttää useita kuvia kerralla, voit käyttää galleria-lohkoa. Tärkeää on valita kuvat mediakirjastosta latausaikojen optimoimiseksi. Vältä suuria kuvatiedostoja, jotka vaikuttavat verkkosivustosi suorituskykyyn. On olemassa työkaluja, kuten TinyPNG, jotka auttavat sinua vähentämään tiedostokokoa ilman kuvalaadun heikentämistä.

Käyttä Gutenberg-editoria WordPressissä: Tee lohkot tehokkaasti

Painikkeiden lisääminen ja muotoilu

Painikkeiden luominen on helppoa, ja ne mahdollistavat vieraidesi ohjaamisen tärkeille sivuille. Lisää painike-lohko ja linkitä se URL-osoitteeseen. Voit sitten muotoilla painikkeen ulkoasua korostaaksesi sitä.

Käytä Gutenberg-editoria WordPressissä: Muotoile lohkot tehokkaasti

Sarakkeiden käyttäminen rakenteellisessa asettelussa

Sarakkeet ovat loistava työkalu sisällön asettamiseen vierekkäin. Voit valita, kuinka monta saraketta haluat ja mukauttaa niitä yksittäin. Täydellinen asetteluissa, joissa tekstiä ja kuvia yhdistetään. Huomaa kuitenkin, kuinka sarakkeet näkyvät mobiililaitteilla varmistaaksesi käyttäjäystävällisen suunnittelun.

Käytä Gutenberg-editoria WordPressissä: Muotoile lohkot tehokkaasti

Yhteenveto - Gutenberg Editor: kattava opas tehokkaaseen sisällön luomiseen

Gutenberg Editor tarjoaa monia toimintoja, jotka auttavat sinua luomaan houkuttelevia ja hyvin jäsenneltyjä sisältöjä. Yksinkertaisten tekstilohkojen lisäämisestä monimutkaisiin asetteluisiin sarakkeiden ja galerialkmukana, on lukemattomia mahdollisuuksia luovuuteni toteuttamiseen.

UKK

Kuinka lisään uuden lohkon Gutenberg Editorissa?Napsauta plus-merkkiä (+) nähdäksesi käytettävissä olevat lohkot ja valitse haluamasi lohko.

Voinko mukauttaa värejä ja fontteja Gutenberg Editorissa?Kyllä, voit mukauttaa värejä ja fontteja jokaiselle lohkolla erikseen.

Kuinka luon gallerian Gutenberg Editorissa?Lisää galleria-lohko ja valitse kuvat mediakirjastostasi.

Kuinka voin lisätä linkin painikkeeseen?Valitse painike-lohko ja syötä URL-osoite linkki-kenttään.

Mitä minun täytyy ottaa huomioon kuvia lisääessäni?Varmista, että optimoi kuvakoko, jotta verkkosivustosi latausnopeus ei heikkene.