TechBlogSD - Kaikki WordPressin ja WEB: n kehittämiseen
WEB- ja WordPress - ohjeet, uutiset, arvostelut teemoista ja laajennuksista

12 Gutenbergin vinkkiä WordPressille

1

On kulunut lähes vuosi, kun WordPress muutti klassista editoria ja esitteli kiistanalaisen Gutenbergin editorin. Yli 5 miljoonaa käyttäjää pitää edelleen kiinni Classic Editor -laajennuksesta jatkaakseen sisällön luomista vanhanaikaisella tavalla. Lisäksi on monia laajennuksia, joilla Gutenberg -editori voidaan poistaa käytöstä WordPress -asennuksessa. Tämä ei kuitenkaan voi mennä liian pitkälle, koska monet laajennusten ja teemojen kehittäjät aloittavat lohkot Gutenbergille toimintojen integroimiseksi. Yoast on yksi hyvistä esimerkeistä, joka tukee Gutenbergiä alusta alkaen. Ei myöskään ole järkevää käyttää laajennuksia WordPress -ydinominaisuuden poistamiseksi käytöstä. Tässä artikkelissa kerromme hyödyllisiä Gutenbergin vinkkejä, jotta voit siirtyä tähän editoriin pysyvästi.

Gutenbergin vinkit WordPressille

Jos aiot pysyä WordPressin kanssa pidempään, tulevaisuus on Gutenberg ja sinun pitäisi alkaa käyttää sitä tehokkaasti unohtamatta kertoimet.

  • Käytä pikanäppäimiä
  • Mukauta Block Manager
  • Häiriöttömät kirjoitusvaihtoehdot
  • Luo toimintakehotuslohkoja
  • Uudelleenkäytettävät lohkot
  • Päällekkäinen sisältö
  • Poista julkaisua edeltävät tarkistukset käytöstä
  • Muokkaa elementtejä HTML -muodossa
  • Käytä widget -lohkoja
  • Tarkista uudet ominaisuudet
  • lopeta sivunrakennuslaajennusten käyttö
  • AMP -tarinoita

1 Gutenbergin pikanäppäimet

Vanhat pikanäppäimet perinteisellä editorilla eivät enää toimi Gutenberg -editorin kanssa. Saat nopeasti kaikki käytettävissä olevat Gutenbergin pikanäppäimet painamalla "Control + Alt + H." Vaihtoehtoisesti siirry kohtaan "Näytä lisää työkaluja ja vaihtoehtoja (kolmen pisteen painike)> Pikanäppäimet".

Saat kätevän ponnahdusikkunan, joka näyttää kaikki pikavalinnat.

12 Gutenbergin vinkkiä WordPressille

Näytä Gutenbergin pikanäppäimet

2 Käytä Block Manageria

Gutenbergillä on monia oletuslohkoja, jotka on luokiteltu eri ryhmiin. Voi kuitenkin olla ärsyttävää saada niin paljon lohkoja, kun sinun ei tarvitse käyttää monia niistä. Paras esimerkki on " Upotukset “, joissa on yli 30 lohkoa.

12 Gutenbergin vinkkiä WordPressille

Gutenberg upottaa lohkot

Olemme melko varmoja, että sinun ei tarvitse pitää kaikkia näitä upotusvaihtoehtoja näkyvissä aina, kun yrität etsiä lohkoa. Napsauta "Näytä lisää työkaluja ja vaihtoehtoja" (kolme pistettä) -painiketta oikeassa yläkulmassa ja valitse "Block Manager" "Työkalut" -osiosta.

12 Gutenbergin vinkkiä WordPressille

Lohkopäällikkö Gutenbergissä

Tämä avaa ponnahdusikkunan, joka näyttää kaikki sivustosi käytettävissä olevat lohkot. Tarkista ja poista käytöstä esteet, joita et halua käyttää sivustossasi.

12 Gutenbergin vinkkiä WordPressille

Poista Gutenberg -lohkot käytöstä lohkonhallinnassa

3 Häiriöttömän kirjoittaminen

Gutenberg tarjoaa useita tapoja käyttää häiritsevää kirjoittamista ja keskittyä työhösi.

  • Oletuksena se näyttää asianmukaiset muotoiluvaihtoehdot vain, kun napsautat elementtiä.
  • Napsauta "Näytä lisää työkaluja ja vaihtoehtoja" -vaihtoehdot näyttää kolmesta pystysuorasta pisteestä oikeassa yläkulmassa ja valitse "Koko näytön tila" nähdäksesi editorin koko näytön tilassa.
  • "Spotlight -tila" -vaihtoehto auttaa sinua keskittymään vain siihen osaan, jota parhaillaan käytät. Tästä on hyötyä, kun sinun on keskityttävä luettelon luomiseen tai pitkän kappaleen kirjoittamiseen.
  • Napsauta oikeassa yläkulmassa näkyvää ratasasetusten kuvaketta näyttääksesi tai piilottaaksesi asiakirjan tai lohkon paneelin oikealla puolella.

4 Käytä toimintakehotusta

Gutenbergillä on erittäin hyödyllisiä toimintoja, jotka eivät olleet käytettävissä vanhassa klassisessa editorissa. Voit helposti lisätä värejä kappaleen taustaan ​​ja tekstiin luodaksesi houkuttelevan toimintakehotuksen. Sinun ei tarvitse muokata mitään CSS: ää tai käyttää kolmannen osapuolen laajennuksia tähän tarkoitukseen.

12 Gutenbergin vinkkiä WordPressille

Lisää toimintakehotus Gutenberg Editorissa

Samoin voit lisätä painikkeita ja muokata eri taustoja editorin sisällä.

5 Uudelleenkäytettävät lohkot

Yksi Gutenbergin käytön kauneuksista on uudelleenkäytettävät lohkot. Voit muokata kappaletta, painiketta tai luetteloa ja napsauttaa kyseisen elementin kolmen pisteen asetuspainiketta. Valitse "Lisää uudelleen käytettäviin lohkoihin" ja anna lohkon nimi.

12 Gutenbergin vinkkiä WordPressille

Lisää uudelleenkäytettävä lohko Gutenbergissä

Myöhemmin milloin tahansa voit lisätä uudelleenkäytettävän lohkon mihin tahansa sivustosi viestiin. Voit joko muokata paikallisesti kyseistä viestiä tai käyttää sitä globaalina elementtinä.

12 Gutenbergin vinkkiä WordPressille

Aseta uudelleen käytettävät lohkot

Käytämme uudelleenkäytettäviä lohkoja kumppanilinkkien lisäämiseen koko sivustoon. Muutamalla napsautuksella voimme päivittää tai muokata uudelleenkäytettävää lohkoa erilaisella sisällöllä, joka näkyy eri viesteissä.

6 Monistavat lohkot

Samoin kuin uudelleenkäytettävät lohkot, voit helposti kopioida lohkon samaan viestiin ja käyttää uudelleen. Oletetaan, että jos olet muokannut painikelohkoa, voit kopioida saman painikkeen ja päivittää tekstin/linkin. Napsauta kyseisen elementin "Lisää vaihtoehtoja" -painiketta ja luo kopio valitsemalla "Kopioi".

7 Poista julkaisua edeltävät tarkistukset käytöstä

WordPress pyytää sinua vahvistamaan ja ehdottamaan joka kerta ennen julkaisun julkaisemista. Voit kuitenkin poistaa tämän julkaisua edeltävän tarkistuksen käytöstä, jos se on mielestäsi ärsyttävää. Siirry kohtaan Näytä lisää työkaluja ja vaihtoehtoja> Asetukset ja poista valinta kohdasta Ota käyttöön julkaisua edeltävät tarkistukset. Vaihtoehtoisesti voit myös poistaa tarkistuksen käytöstä, kun julkaiset viestin.

12 Gutenbergin vinkkiä WordPressille

Poista julkaisua edeltävä tarkistus käytöstä

8 Muokkaa elementtejä HTML -muodossa

Aiemmin perinteisen editorin kanssa sinun on vaihdettava visuaalinen ja tekstitila, jotta voit muokata lähdekoodia editorissa. Tämä on eräänlainen samanlainen prosessi Gutenbergissä, jossa voit vaihtaa koodin ja visuaalisten editorien välillä pikanäppäimellä tai asetuspaneelista. Lisäksi voit myös helposti muokata minkä tahansa elementin HTML -koodia erikseen. Napsauta elementin "Lisää vaihtoehtoja" -kuvaketta ja valitse "Muokkaa HTML -muodossa" nähdäksesi koodin. Voit vaihtaa normaalitilaan valitsemalla “Lisää vaihtoehtoja> Muokkaa visuaalisesti”. Tästä on hyötyä, kun haluat lisätä nofollow -editorin hyperlinkkeihin.

9 Käytä widget -lohkoja

Widgetit “, luokassa on monia hyödyllisiä lohkoja, jotka eivät ole mahdollista ennen. Voit lisätä viimeisimmät kommentit, viimeisimmät viestit, arkistot, kalenterin, luokat, RSS: n, haun, tunnistepilven ja lyhytkoodin viestin sisältöön.

12 Gutenbergin vinkkiä WordPressille

Gutenbergin widgetit

Lisäksi voit myös lisätä mukautettua HTML -koodia viestin sisältöön käyttämällä "Muokattu HTML" -lohkoa, joka on käytettävissä "Muotoilu" -lohkoissa.

10 Käytä uusia ominaisuuksia

Gutenbergissä on monia uusia ominaisuuksia. Voit yrittää muutaman viikon päästä vaihtaa perinteisestä editorista, ja mielestämme et ehkä palaa takaisin milloin tahansa.

  • Kappalelohkossa on "Drop Cap" -vaihtoehto, jotta ensimmäinen kirjain voidaan muodostaa pudotuskorkityylillä.
  • Voit lisätä CSS -luokkaa mihin tahansa yksittäiseen elementtiin ja lisätä CSS -tyylimääritelmät kohtaan "Ulkoasu> Mukauta> Lisä CSS".
  • Muuta elementtejä kappaleesta luetteloon ja muunna monia muita.
  • Luo yksinkertaisia, raidallisia ja kiinteän leveyden taulukoita käyttämällä Taulukot -lohkoa.
  • Käytä "Sarakkeet" ja "Kansi" -lohkoja luodaksesi sisältöä, joka ei ollut mahdollista perinteisellä editorilla.

11 Lopeta Page Builder Plugins -laajennusten käyttö

Toisin kuin monet ihmiset kiroavat, Gutenbergillä on varmasti monia positiivisia asioita. Monet niistä, jotka vihaavat Gutenbergiä, käyttävät mukautettuja sivunrakennuslaajennuksia, kuten Visual Composer, Elementor tai SiteOrigin -sivunrakentaja. Vaikka nämä laajennukset ovat hyödyllisiä, näillä sivunrakennuslaajennuksilla luotu sisältö toimii vain, kun laajennus on aktiivinen sivustossasi. Heti kun poistat laajennuksen käytöstä, sisältö muuttuu lukukelvottomaksi käyttöliittymässä. Ja on pelottava tehtävä siirtää sisältö pois näistä sivunrakennuslaajennuksista.

Siksi suosittelemme vahvasti, että et käytä mukautettua laajennusta satojen viestien rakentamiseen. Voit käyttää Gutenbergiä tai mukautettuja laajennuksia vain muutamien helposti päivitettävien sivujen luomiseen.

12 AMP -tarinaa

Jos käytät AMP- ja Gutenberg -laajennusversiota, uusimmat AMP -tarinat voivat olla erittäin houkutteleva vaihtoehto sinulle. Sen avulla voit luoda koko sivun mobiililaitteille sopivaa sisältöä, joka esitetään lukijoillesi.

Johtopäätös

Jos et ole vakuuttunut tai tottunut vanhaan klassiseen editoriin, Gutenberg tarjoaa myös "Classic" -lohkon "Formatting" -osiossa. Suosittelemme, että lopetat suosikkisivujen rakennustyökalun käytön ja keskityt Gutenbergin käyttämiseen oletuseditorina. Tämä auttaa sinua tutustumaan uusiin muutoksiin, jotka tulevat tulevien WordPress -päivitysten mukana.

Tämä verkkosivusto käyttää evästeitä parantaakseen käyttökokemustasi. Oletamme, että olet kunnossa, mutta voit halutessasi kieltäytyä. HyväksyäLisätietoja