Gutenbergin käyttö (WordPress Editor)

Vuonna 2018 WordPress muutti pitkäaikaisesta editoristaan ​​nimeltään Gutenberg.

Toisin kuin vanhojen päätoimittaja, WordPress-käyttäjät käyttävät nykyaikaista vetämällä ja pudottamalla -editoria rakentamaan ja mukauttamaan verkkosivustoja, julkaisemaan sisältöä ja myymään palveluitaan ja tuotteitaan verkossa.

Olitpa pitkäaikainen käyttäjä, joka yrittää ymmärtää uutta toimittajaa, vai oletko uusi WordPress-ohjelmassa, tämä opas opettaa sinulle köydet. Opit:

• Kuinka Gutenberg-lohkot eroavat klassisesta editorista.
• Kuinka käyttää lohkonmuodostajaa sivujen luomiseen ja muokkaamiseen.
• Mitä Gutenbergin lohkot tekevät.
• Lisäasetusten lukituksen avaaminen sivupalkilla.
• Kuinka käyttää työkaluriviä tuottavammaksi.

Klassinen toimittaja vs. Gutenberg-lohkot

Siirtyminen klassisesta editorista Gutenberg-lohkoihin on valtava harppaus WordPressille. Katsotaanpa miten editori on kehittynyt.

Klassinen WordPress-editori

Vuodesta 2003 vuoteen 2018 WordPress tarjosi käyttäjilleen perustiedot tekstieditorista.

Klassinen WordPress-editori oli tyypillinen WYSIWYG (“mitä näet, mitä saat”) toimittaja.

Toisin sanoen kirjoitit sisältösi avoimeen kenttään, muotoilit sen mukana toimitetulla työkalurivillä, ja se on enemmän tai vähemmän se, miltä teksti näytti verkkosivustollasi.

Se on tarpeeksi yksinkertainen käyttöliittymä, johon monet WordPress-käyttäjät tottuivat vuosien varrella. Mutta sillä oli rajoituksia.

Esimerkiksi:

Näin sisältö näkyisi verkkosivustolla julkaistuaan. Mutta pystyt vain vahvistamaan, että kaikki käännetään kunnolla editorista sivulle käyttämällä ”Esikatselu” -toimintoa.

Sisällön kirjoittaminen sivun todelliseen kontekstiin ei ollut mahdollista. Lisäksi tarvittiin tietty tuntemus HTML: stä tai liiallinen riippuvuus plugineista voidakseen rakentaa edistyneempiä malleja ja asetteluja.

Vuonna 2018 WordPress päätti korjata nämä rajoitukset vapauttamalla uuden WordPress-editorin (ts. Gutenberg).

Gutenbergin lohkoeditori

Uusi WordPress-editori on vetämällä ja pudottamalla -editori.

Tämä tarkoittaa, että sisältöä ei enää kirjoiteta yhdessä päätoimittajassa. Yksittäiset lohkot pudotetaan paikoilleen sivun sisällön rakentamiseksi.

Kun jokainen lohko on valittu, sen mukana tulee yksilöllinen työkalurivi. Tämä mahdollistaa virtaviivaisemman ja mukautetun muokkauskokemuksen, koska sinulle näytetään vain tuolloin tarvitsemasi toimitukselliset ohjaimet.

Gutenbergin toimittaja on myös helpottanut sellaisen sisällön ja asettelujen lisäämistä, jotka muuten olisivat liian aikaa vieviä tai vaikeita WordPress-aloittelijoille tekemistä omillaan..

Lisäksi ei ole mitään arvauspeliä. Lohkoeditorissa luot sen, kuinka se näyttää verkkosivustollasi. Kaikki fontit, muotoilu ja asettelut vastaavat:

Onko yksi WordPress Editor parempi kuin toinen?

Kumpi on parempi – klassinen toimittaja tai Gutenberg -, sinun on selvitettävä se itse.

Vaikka WordPress asennetaan automaattisesti Gutenbergin mukana, käyttäjät voivat asentaa Classic Editor -laajennus jos he eivät ole vielä valmiita siirtymään estoeditoriin.

Saatavana on myös muita editorin lisäosavaihtoehtoja. Elementor ja Beaver Builder ovat kaksi suosituinta vedä ja pudota -editorivaihtoehtoa, Estä luokat
vaikka ne sopivat parhaiten ammattimaisille suunnittelijoille ja kehittäjille, jotka joutuvat avaamaan enemmän ominaisuuksia.

Katsotaanpa nyt syvemmälle Gutenbergiin ja saadaan parempi käsitys siitä, mitä WordPress-vedä ja pudota -editorilta voi odottaa.

Kuinka käyttää Gutenbergin lohkoeditoria

Tarkastellaan Gutenbergin estotoimittajaa perustamalla uusi sivu (tai viesti).

Aloita WordPress-valikosta näytön vasemmalla puolella. Jos haluat luoda uuden verkkosivun, vie hiiri ”Sivut” ja valitse ”Lisää uusi”. Jos haluat luoda uuden blogin, siirrä hiiren osoittimen Viestit päälle ja valitse Lisää uusi.

Lisää otsikko

Kun uusi sivu tai viesti on luotu, anna sille otsikko Lisää otsikko -lohkoon:

Luo ensimmäinen lohko

Kappaleet muodostavat yleensä suurimman osan verkkosivustomme sisällöstä, minkä vuoksi ensimmäinen lohko, jonka Gutenberg antaa meille, on aina kappalelohko:

Jos haluat aloittaa kappaleella, lisää kohdistin tyhjään lohkoon, jonka otsikko on ”Aloita kirjoittaminen tai kirjoita / valitaksesi lohkon”. Kirjoittaessasi sisältösi täyttää lohkon.

Muokkaa sisältöä lohkossa

Jos haluat mukauttaa kappaleesi tyyliä, käytä sen yläpuolella olevaa työkaluriviä.

suuntaus

Useimmissa Gutenberg-lohkoissa sinulla on mahdollisuus muuttaa lohkon sisällön kohdistusta:

Vasen on oletus. Voit myös valita sisältösi keskittämisen tai oikean kohdistamisen.

muotoileminen

Aina kun tekstissä on tekstiä, voit muotoilla sen lihavoituna:

Tee tekstistä kursivoitu:

Tai lisää hyperlinkki:

Jos haluat, että linkkisi avautuvat uudessa selainikkunassa, napsauta hyperlinkin palkin ala-nuolta. Kun olet tehnyt muutokset, tallenna linkki napsauttamalla Paluu-nuolta.

Muita tyylivaihtoehtoja

Jos napsautat työkalurivin alanuolta, löydät muita tekstin tyylitysvaihtoehtoja:

“Koodi” tyylittää tekstin kuin se olisi kirjoitettu koodieditoriin:

”Inline image” antaa sinun kääriä tekstiä kuvan ympärille:

Kuten voitte nähdä, tämä ei ole tehokas tapa yhdistää kuvia ja tekstiä vierekkäin Gutenbergissa. (Tarkistamme toisen tavan tehdä tämä myöhemmin.)

Viimeisen vaihtoehdon avulla voit lisätä yliviivatun korostetun tekstin:

Lisää estovaihtoehtoja

Työkalurivin viimeinen painike paljastaa aina enemmän lohkovaihtoehtoja:

Nämä vaihtoehdot ovat samat riippumatta siitä, millaista lohkoa muokkaat.

Katsotaanpa nopeasti, mitä nämä tekevät:

• Piilota estoasetukset: Tekee oikealla olevan sivupalkin katoamaan.
• kaksoiskappale: Tekee tarkan kopion tästä lohkosta.
• Lisää ennen: Lisää uuden tyhjän lohkon tämän yläpuolelle.
• Lisää jälkeen: Lisää uuden tyhjän lohkon tämän alle.
• Muokkaa HTML-muodossa: Muuttaa lohkon koodieditoriksi, jos haluat kirjoittaa HTML-muodossa.
• Lisää uudelleenkäytettäviin lohkoihin: Tallentaa lohkon, jotta voit käyttää sitä uudelleen muualla sivustolla.
• Poista esto: Poistaa lohkon.

Muunta estää

Työkalupalkissa on yksi toinen painike, josta sinun on oltava tietoinen:

Tämä painike ei kuitenkaan näytä aina tällä tavalla, joten muista, että ensimmäisen painikkeen avulla voit muuttaa nykyisen lohkon liittyväksi.

Voit muuntaa esimerkiksi kappalepohjaisen tekstipohjaisen kappaleen otsikkona, luettelona tai lainauksena. Et voi kuitenkaan muuttaa jotain kappaleen kaltaista kuvaksi tai erotusriviksi. Tarvitset uuden lohkon sitä varten.

Lisää uusi lohko

Voit lisätä uuden lohkon sivullesi, kun sinulla on useita vaihtoehtoja.

Lisää ennen / jälkeen

Olet jo nähnyt Lisäys ennen / Lisää jälkeen -asetukset estoksesi työkalurivillä. Se on yksi tapa tehdä se.

Jos napsautat pois olemassa olevasta lohkosta ja siirrät hiiren sen yläpuolelle, näet pienen plusmerkin:

Kun napsautat sitä, se paljastaa estoisi:

Valitse yksi, jonka haluat lisätä uuden lohkon jo olemassa olevan yläpuolelle.

Jos viet hiirellä lohkon alaosaan, näet saman plus-merkin. Ainoa ero on, että se lisää uuden lohkon alla olevan.

Käytä näppäimistöä

Toinen tapa lisätä uusi lohko on painamalla näppäimistön “Return” -näppäintä:

Tämä lisää heti uuden kappalelohkon sivulle.

Jos haluat muuttaa sen toisen tyyppiseksi lohkoksi, voit käyttää uuden lohkon vasemmalla puolella olevaa plusmerkkiä:

Tai voit kirjoittaa viivan (/), jota seuraa käytettävän lohkon nimi:

Jos esimerkiksi haluat lisätä kuvan, kirjoitat “/ image”. Estä-vaihtoehto täytetään automaattisesti kirjoittaessasi vastaavaa nimeä.

Lisää lohko työkaluriviltä

Voit käyttää vain työkalurivin lisäyslohkon perusominaisuutta:

Selaa vaihtoehtoja tai kirjoita etsimäsi lohkon nimi.

Siirrä lohko

Kun olet aloittanut lohkojen luomisen, saatat päättää, että et ole tyytyväinen järjestykseen, jossa ne näkyvät. Tai ehkä lisäsit lohkon yllä, kun sen olisi pitänyt olla alapuolella.

Lohkoja ei tarvitse poistaa tai leikata ja liittää sisältöä lohkosta toiseen. Ratkaisu on yksinkertainen.

Gutenberg on vedä ja pudota -lohkoeditori. Tämä tarkoittaa, että voit siirtää kortteliasi missä haluat helposti.

Tähän on kaksi tapaa.

Käytä Siirrä-nuolia

Ensimmäinen vaihtoehto on käyttää siirto-nuolia kunkin lohkon vasemmalla puolella. Vie hiiri liikkuvan lohkon päälle ja löydät ylä- ja alanuolta:

Jos haluat vain siirtää lohkoa ylös tai alas kerran, tämä vaihtoehto toimii hyvin.

Käytä Vedä ja pudota -painiketta

Jos haluat tehdä loistoihisi dramaattisemman uudelleenjärjestelyn, sinun tulisi käyttää vetämällä ja pudottamalla.

Se sijaitsee samassa paikassa kuin nuolet. Vie hiiri liikkuvan lohkon päälle ja tartu keskelle näkyviin pisteisiin. Näet osoittimesi vaihtavan käteen, kun teet:

Kun siirrät lohkon uuteen sivun osaan, varmista, että näet tumman viivan ennen kuin pudotat sen alas:

Tämä antaa sinun tietää, että siirrät kortin vapaaseen tilaan. Ilman tätä linjaa vetäminen ja pudottaminen ei toimi.

Poista esto

Jos päätät poistaa lohkon kokonaan, sinulla on vaihtoehtoja myös tämän kanssa.

Olet jo nähnyt yhden näistä. Se on estosi lisävaihtoehtojen sisällä. Napsauta vain Poista esto ja se poistetaan.

Voit myös poistaa sen myös vanhanaikaisella tavalla. Aseta kohdistin lohkon sisään ja poista se näppäimistön Poista-painikkeella.

Huomaa kuitenkin, että jos kyseessä on tekstipohjainen lohko, sinun on ensin poistettava sisältö, ennen kuin voit poistaa sen tällä tavalla. Kaikille muille – kuva, upotetut widgetit jne. – voit käyttää vain “Poista” -näppäintä.

Voit myös korostaa lohkon (vetämällä osoittimen sen yli) ja painaa sitten Poista-näppäintä. Tämä on hyödyllistä, jos haluat korostaa ja poistaa useita lohkoja kerrallaan.

Luo uudelleen käytettävä lohko

Uudelleenkäytettävät lohkot ovat hyödyllisiä, kun haluat luoda elementin, jota voidaan käyttää koko sivuston alueella, kuten mainoslohko blogiviestillesi tai toimintakehotus..

Sen sijaan, että yrittäisit luoda lohkon uudelleen sivuilla, joita se tarvitsee jatkaa, avaa estoasetukset ja napsauta “Lisää uudelleenkäytettäviin lohkoihin”. Anna sitten nimi:

Tallennettuaan voit hakea ja käyttää sitä samalla tavalla kuin mitä tahansa Gutenbergin estää. Löydät sen uudessa luokassa nimeltä ”Uudelleenkäytettävä”:

Kiertue Gutenbergin lohkoissa

Klassinen WordPress-editori jätti paljon toivomisen varaa käyttäjien auttamiseksi luomaan monimutkaisia ​​sisältöjä ja asetteluja. Gutenbergin lohkot poistavat sen esteen.

Tutustukaamme lohkoihin:

Estä luokat

WordPress on tehnyt hienoa työtä järjestämällä lohkot luokkiin.

Yleiset lohkot

Nämä ovat yleiset lohkosi:

Sivulla käyttämäsi perus- ja visuaaliset elementit ovat täällä.

Lohkojen alustaminen

Nämä ovat muotoilulohkonne:

Suurin osa näistä ovat kehittäjäystävällisiä lohkoja, joten et ehkä tarvitse niitä paljon. Pöytä- ja vetolainauslohkot saattavat olla hyödyllisiä.

Asetteluyksiköt

Nämä ovat asetteluesi:

Jos haluat lisätä taukoja sisältöösi (kuten iso välilyönti tai erotinrivi) tai erityisiin elementteihin (kuten painike), löydät nämä asiat täältä.

Widgettilohkot

Nämä ovat widgetit:

Suurimmaksi osaksi näiden elementtien pitäisi mennä blogin sivupalkin sisälle, eivätkä ne näy sivuillasi. Ainoat poikkeukset, jotka löydät, ovat muiden liitännäisten luomat lohkot, kuten tämä WPForms-esimerkki.

Upottaa lohkot

Nämä ovat upotuksesi:

Käytät näitä sisällön tuomiseksi muilta alustoilta. Tämä on hyvä upottamaan esimerkiksi YouTube-videoita, SoundCloud-leikkeitä ja Twitter-viestejä.

Yleisimmin käytetyt Gutenberg-lohkot

Kuten huomaat, Gutenberg-lohkoja on saatavana kymmeniä. Tästä huolimatta on olemassa tiettyjä elementtejä, joita kaikki käyttävät sivujen tai viestien luomiseen WordPressissä, joten aloita oppimalla perusteet:

Kappaleen esto

Lisää kappaleteksti lohkolla lisätäksesi tekstiä sivullesi.

Otsikkolohko

Lisää otsikko sivullesi Otsikko-lohkon avulla.

Niiden avulla voit esitellä uusia aiheita sivulle ja tehdä sisältösi helpommaksi luettavaksi. H2-, H3- ja H4-painikkeiden avulla voit myös luoda hierarkian sivun otsikoihin.

Listalohko

Lisää luetteloon tai numeroitu luettelo sivulle Lista-lohkon avulla:

Tämä on hyödyllistä myös luettavuuden parantamiseksi.

Kuvan esto

Lisää kuva sivullesi Kuvalohkon avulla.

Voit lähettää kuvan asemalta tai valita kuvan, joka on jo mediakirjastossasi.

Videolohko

Upota kuva sivullesi videolohkon avulla.

Voit lähettää videotiedoston, valita sen kirjastostasi tai vetää sen linkistä.

Koska videot vievät paljon tilaa, paras vaihtoehto on tallentaa tiedosto videonjakoalustaan, kuten Vimeo tai YouTube. Upota sitten se linkillä.

Et käytä tähän videoestettä. Sen sijaan etsi vastaavaa upotusta.

YouTubessa on yksi:

Kuten Vimeo:

Sinun tulisi tehdä sama kaikille audiotiedostoille (kuten podcastit tai ääniraidat), jotka haluat lisätä sivulle. Käytä joko audiolohkoa tai vastaavaa upotusta (kuten Spotify).

Nappilohko

Painikkeiden avulla voit ohjata kävijöitä tai lukijoita toimimaan:

Tämä saattaa ohjata heidät kohtaan: “Aikataulu nyt”, “Rekisteröidy”, “Lue lisää” jne.

Media ja tekstilohko

Kuten aiemmin mainittiin, kappalelohkon Inline image -vaihtoehto on tehoton tapa yhdistää tekstiä ja kuvia. Sen sijaan käytä media- ja tekstilohkoa seuraavasti:

Sarakkeet estää

Toinen tapa sijoittaa kaksi erilaista (saman tai eri tyyppistä) lohkoa vierekkäin on käyttämällä Sarakkeet-lohkoa:

Jos haluat lisätä lisäsarakkeita oikealle tai vasemmalle, vie hiiri sarakkeen sisällä olevien lohkojen päälle ja paina plusmerkki. Se on sama kuin uuden lohkon lisääminen, vain tämä lisää ne vaakasuoraan.

Sosiaalisen median upotuslohkot

Lisää sen sijaan, että käytät sosiaalisen median upotuskoodia viestin lisäämiseen sivullesi, lisää viestiin linkki tähän:

Facebookille, Twitterille ja Instagramille on upotettuja lohkoja, joten etsi sosiaalisen mediaviestisi vastaava Upota lohko.

Klassinen lohko

Klassinen lohko antaa sinun jatkaa sisällön luomista WordPressissä klassisen editorin avulla:

Klassinen lohko tulee myös peliin, kun verkkosivusto siirtyy klassisesta editorista Gutenberg-editoriin. Gutenberg ei yritä automaattisesti muuntaa tekstiä omiksi lohkoiksi. Se vain asettaa ne klassiseen editori-käyttöliittymään.

Jos haluat muuntaa klassisen lohkosi Gutenbergin lohkoiksi, siirry ”Lisää vaihtoehtoja” ja valitse ”Muunna lohkoiksi”:

Se tekee parhaansa muuntaaksesi jokaisen editorin elementin vastaavaksi lohkoksi:

Muista tarkistaa tulostetut lohkot virheiden varalta ennen kuin tallennat muutokset.

WordPress-laajennuslohkot

Suurin osa WordPress-käyttäjien käyttämistä suosituista lisäosista on Gutenberg-yhteensopivia. Joissain tapauksissa nämä laajennukset ovat luoneet erityisiä lohkoja, jotka näkyvät editorissa.

Jos esimerkiksi käytät yhteyslomakelaajennusta, kuten WPForms, sinun pitäisi löytää sitä vastaava lohko:

Luo vain lomake laajennuksessa ja etsi se sitten tässä olevasta avattavasta valikosta. Lomakkeen lyhytkoodeja ei tarvitse enää jäljittää ja liittää.

Yoast, suosittu SEO-laajennus, joka on lisännyt uusia lohkoja Gutenbergiin:

WooCommerce, WordPressin verkkokaupparatkaisu on toiminut samoin:

On myös “perimmäisiä” Gutenberg-laajennuksia, jotka lisäävät joukon uusia lohkoja rakentajallesi, kuten Viimeisimmät lisäosat Gutenbergille:

Tämäntyyppiset laajennukset laajentavat lohkolähettimen toimintoja. Jos rakennat verkkosivustoa, joka tarvitsee erityisiä elementtejä – kuten Google Maps, suosituslohkot tai verkkokaupan toiminnot -, voit lisätä ne Gutenbergiin seuraavilla laajennuksilla:.

Katsaus asiakirja- ja estä sivupalkkiin

Nyt kun olet saanut estoeditorin alas, kiinnitämme huomion asiakirjaan ja estämme sivupalkin.

Asiakirjan sivupalkki

Kun kohdistin on otsikkolohkossa tai jossain sivulla, jolla lohkoa ei ole, sivupalkki osoittaa Asiakirjan asetukset:

Niiden avulla voit hallita esimerkiksi sivun tilaa ja ulkonäköä.

Tässä on tärkeimmät, jotka sinun on tiedettävä:

Tila ja näkyvyys

Tässä paneelissa voit säätää, kuka voi nähdä sivun (julkinen, yksityinen tai salasanasuojattu) ja milloin se julkaistaan ​​(ellei heti). Jos haluat poistaa sivun kokonaan. Voit tehdä sen myös täällä.

permalink

Tämän paneelin avulla voit muuttaa etikettiä (URL-osoitteen yksilöivä kappale). Esimerkiksi:

https://mywebsite.com/Gutenberg-block-rakennusmestari /

Esitelty kuva

Esitelty kuva on pikkukuva, jonka ihmiset näkevät, kun blogisi viestit näkyvät blogin pääsyötteessä. Se on myös sitä, mitä sosiaalisen median alustoilla käytetään näytettäessä linkkien esikatseluja.

Luokat

Tämä on saatavana vain blogin viesteihin. Käytä tätä pitääksesi aiheesi järjestettyinä.

Tunnisteet

Tämä on toinen asetus, joka on käytettävissä vain blogiviesteissä. Käytä tätä lisätäksesi viesteihisi ilmestyviä avainsanoja ja auttaaksesi lukijoita löytämään sisältöä aiheisiin liittyvistä aiheista.

Estä sivupalkki

Kun kohdistin on sijoitettu minkä tahansa sivusi lohkojen sisälle (paitsi otsikko), sivupalkki vaihtuu lohkoeditoriin:

Tämä sivupalkki antaa sinulle lisämuokkausvaihtoehtoja lohkoillesi, jos haluat niitä. Lohkon sivupalkki muuttuu työskentelemäsi lohkon mukaan.

Kappaleen sivupalkki näyttää esimerkiksi muokkausvaihtoehdot:

Voit säätää tekstin kokoa sekä tekstin väriä tai lohkon taustaa. Jos osaat käyttää CSS-luokkia, voit mukauttaa lohkon ulkoasua lisäasetuksilla.

Kuvan sivupalkki puolestaan ​​antaa sinulle nämä asetukset:

Voit lisätä kuvaan tekstiä (tärkeä SEO), muuttaa kuvan kokoa ja linkittää kuvan verkkosivulle.

Jotkut lohkot eivät tarjoa sivupalkissa lisäasetuksia, kuten Twitter-upotus:

Ainoa mitä voit tehdä, on luoda mukautettu CSS-luokka Lisäasetukset-kohtaan..

Pohjarivi: Jos sinusta tuntuu joskus et voi muokata lohkoa kokonaan lohkon työkalurivillä, tarkista sivupalkista lisävaihtoehdot.

Mitä tehdä työkalurivillä

Viimeinen osa editorista, josta sinun on perehtynyt, on sen yläosassa oleva työkalurivi:

Tämä saattaa näyttää siltä, ​​että se ei ole muuta kuin paikka tallentaa Esikatselu- ja Julkaise-painikkeet, mutta siellä on paljon muuta, mitä voit ja pitäisi käytä työkaluriviä.

Katsotaanpa tärkeimmät asiat:

lohkot

Työkalurivin ensimmäinen painike on, jolla voit käyttää uusia lohkoja:

Kumoa / Tee uudelleen

Kahden seuraavan painikkeen avulla voit kumota sivulle viimeksi tekemäsi muutoksen (nuoli osoittaa vasemmalle) tai uudelleen (nuolen osoittaa oikealle):

Sivutiedot

Niille, jotka haluavat luoda sivuja, joita kävijöiden on helppo selata, “i” (tiedot) -painike antaa sinulle yleiskuvan sisällöstä:

Tulet näkemään:

• Kuinka monta sanaa olet kirjoittanut.
• Kuinka monta otsikkoa on jaoteltu otsikot sen alle.
• Kuinka monta kohtaa on.
• Kuinka monta lohkoa olet käyttänyt.

Sana- ja otsikkomäärä ovat tärkeimmät tiedot, joihin tässä keskittyä.

Sivun rakenne

Työkalurivin seuraava osa paljastaa kaikki lohkot, joita olet käyttänyt sivusi luomiseen:

Käytä tätä selataksesi välittömästi lohkoon, jonka kanssa haluat työskennellä. Tästä on apua pidempien sivujen ja viestien sisällön muokkaamiseen.

Tallenna asetukset

Käytät näitä kolmea ensimmäistä painiketta kaikilla luomilla sivuilla tai viesteillä:

Tallenna muutokset yksityisesti sivulla työskentelemällä “Tallenna luonnos”.

Käytä ”Esikatselu” nähdäksesi verkkosivustosi sivu.

Käytä ”Julkaise” siirtääksesi sivusi aktiiviselle verkkosivustolle. Kun sivu on julkaistu, tämä painike muuttuu ”Päivitä”. Tämän avulla voit tallentaa ja siirtää sivuillesi uusia versioita sivustolle.

asetukset

Kun rataskuvaketta (asetukset) napsautetaan, se piilottaa tai näyttää Gutenbergin sivupalkin. Näyttää siltä, ​​kun se poistetaan käytöstä:

Se näyttää miltä se on käytössä:

Lisää vaihtoehtoja

Työkalurivin viimeinen painike paljastaa lisäasetukset ja työkalut. Käytä tätä, jos haluat mukauttaa Gutenberg-työtilasi.

näkymä

Ensimmäinen “Näytä” -vaihtoehtovaihtoehto:

”Ylätyökalurivi” siirtää työkalurivin pois lohkoistasi ja kiinnittää sen näytön yläosaan:

Muokkausvaihtoehdot muuttuvat edelleen valitsemasi lohkon perusteella. Ainoa ero on, että se sijaitsee vain sivun yläosassa nyt.

”Spotlight Mode” hävittää kaikki lohkot, joita ei käytetä:

Jos haluat apua keskittyessä yhteen lohkoon kerrallaan, tämä on hyödyllinen työkalu käyttöönottamiseksi.

”Koko näyttö” on Gutenbergin häiriöittä kirjoitustila:

Se poistaa WordPress-valikot ylhäältä ja vasemmalta sekä oikealta Gutenberg-sivupalkin.

Editor-tila

Seuraavat asetukset ovat editoritilaa varten.

Gutenberg asettaa oletuksena käyttäjät Visual Editor -sovellukseen.

Jos haluat kirjoittaa sivusi HTML-muodossa, voit vaihtaa ”Koodieditoriin”:

Tehokkaampi ja puhtaampi tapa muokata estääsi HTML-muodossa on kuitenkin käsitellä sitä erikseen (koska sinun ei todennäköisesti tarvitse muokata koko sivun koodia).

Voit käyttää koodieditoria kohdassa ”Muokkaa HTML-muodossa”:

Tämä muuntaa lohkon HTML: ksi:

Muokkaa sitä haluamallasi tavalla. Jos haluat muuntaa sen takaisin visuaaliseen tilaan, avaa estoasetukset ja valitse ”Muokkaa visuaalisesti”:

Työkalut

Gutenberg sisältää myös joukon työkaluja, jotka sallivat sinun virtaviivaistaa kokemustasi editorissa:

Ensimmäinen työkalu on ”Block Manager”:

Toisin kuin aiemmin näkemämme lohkojen navigointityökalu, tämän avulla voit poistaa kaikki käyttämättömät lohkot. Tällä tavoin, kun on aika etsiä uutta lohkoa, sinun ei tarvitse seuloa lohkojen läpi, joita et koskaan käytä.

”Hallitse uudelleenkäytettäviä lohkoja” vie sinut uudelleenkäytettävien lohkojen editoriin:

Tällöin tallennetut lohkot tallennetaan. Jos haluat muokata lohkon vanhempaa kopioita (tai luoda kokonaan uuden), tee se täällä.

Vaikka Gutenberg on varmasti helpottanut sisällön luomista WordPressissä, jotkut toiminnot voivat olla tylsiä. Gutenbergin pikavalintojen avulla voit tehdä esimerkiksi viimeisen muokkauksen kumoamisen, kopioida lohkon, kursivoida korostetun tekstin ja tallentaa muutokset vain näppäimistöllä..

Kaikki ”Kopioi sisältö” -vaihtoehto korostaa ja kopioi kaikki sivun lohkot. Käytä tätä luodaksesi uuden sivun, jolla on samanlainen sisältö ja muotoilu. Mene vain Sivut> Lisää uusi ja liitä sitten lohkot tyhjälle sivulle.

Viimeinen vaihtoehto on nimeltään ”Options”. Mitä se todella tekee, on kuitenkin mahdollisuus deaktivoida tietyt sivupalkin asiakirja-asetusten osat:

Jälleen, jos huomaat, että editorissa on tiettyjä osia, joita et käytä (kuten sivumääritteet), poista ne käytöstä täällä, jotta ne eivät häiritse käyttämäsi elementtejä..

Paketoida

Koska WordPress oli käyttänyt samaa toimittajaa 1. päivästä lähtien, Gutenbergin käyttöönoton yhteydessä tapahtui jonkin verran takaiskua.

Mutta jos tarkastellaan vetämistä ja pudottamista -kilpailua, joka kerääntyy WordPressin ympärille (Wix, Shopify, Squarespace jne.), Oli aika muutokselle.

Tämä editoijakehitys on kannatanut, ja WordPress on voinut palvella käyttäjiä kaikilla tasoilla. Sen käyttäjät käyttävät nyt seuraavia etuja, jotka tulevat verkkosivustojen rakentamiseen lohkoeditorilla:

• Henkilökohtainen toimittajanäkymä, joka tekee sinusta entistä tuottavamman.
• Sisällön luominen ja mukauttaminen on helpompaa.
• Edistyneempi sisällön luominen ilman aiemmin tarvittua teknistä tietotaitoa.
• Uudelleen käytettävät lohkot nopeuttavat suunnittelua ja varmistavat johdonmukaisuuden koko sivustolla.
• Helppo lisätä ja määrittää muuntoelementtejä (kuten toimintakehotuspainikkeet ja lomakkeet).
• Suositut laajennukset ja teemat ovat Gutenberg-yhteensopivia.
• Nopeampi aika käynnistää.

Vuodesta 2022 klassinen toimittaja ei ole enää käytettävissä. Joten, nyt on täydellinen aika selvittää, kuinka aiot saada Gutenbergin toimimaan puolestasi.

Jeffrey Wilson Administrator

Sorry! The Author has not filled his profile.

follow me