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

Gutenbergin WordPress -editori – ensimmäinen arvostelu

10

WordPress on huippuluokan blogi- ja julkaisualusta monille meistä. Mutta suurempi ongelma on tekninen osaaminen, jota tarvitaan WordPress- sivuston käyttämiseen. Muussa tapauksessa sinun on käytettävä paljon aikaa ja rahaa perusasioiden muuttamiseen. Jopa yksinkertainen tehtävä luoda tai julkaista viesti tai sivu WordPressissä ei ole niin helppoa saada erilaisia ​​asetteluja ja sarakkeita. Tämä johtaa satojen yritysten ja sivustojen, jotka tarjoavat sivunrakennuspalveluja, kasvuun. Hyviä esimerkkejä ovat Visual Composer, SiteOrigin Page Builder, Beaver Page Builder jne. Näistä sivunrakentajista tuli suosittuja vain siksi, että WordPressissä on oletuksena kömpelö editori.

Klassinen WordPress -postieditori

Klassinen WordPress -postieditori näyttää tylsältä ja perustuu pelkkään tekstiin. Voit muokata hyvin pieniä asioita, kuten siirtymistä teksti -tilaan ja lisätä joitakin upotettuja HTML/CSS -tiedostoja. Sarakkeen asettelua tai lohkoja ei voi lisätä. Jos sinulla on esimerkiksi tekstiruutu, kuten tuotetarjous tai ilmainen e -kirjojen lataus, sinun on lisättävä sama sisältö manuaalisesti kaikille sivuille. Muussa tapauksessa sinun on ehkä muokattava PHP -tiedostoja tai kirjoitettava mukautettu koodi, jotka eivät ole vaihtoehtoja aloittelijoille.

Gutenberg – Tulevaisuuden tie

Jos olet huomannut, WordPress näyttää ilmoituksen versiossa 4.9.8 Gutenberg -editorin asentamisesta ja testaamisesta. Tässä vaiheessa sinun on asennettava Gutenberg laajennuksena muokataksesi editoria. Mutta pian versiosta 5.0 lähtien WordPressillä on oletuksena Gutenberg -editori. Jos sinulla on ongelmia yhteensopivuuden kanssa tai haluat edelleen käyttää vanhaa editoria, sinun on asennettava klassinen editorilaajennus jatkaaksesi vanhaa editoria.

Koska editorin ulkoasu muuttuu Gutenbergin myötä, kaikki laajennukset ja teemat, jotka käyttävät postin / sivun editorin metaboxeja, on suunniteltava uudelleen toimimaan Gutenberg -editorin kanssa. Lisäosat, kuten Yoast SEO, tarjoavat jo yhteensopivan version, ja uskomme, että kaikkien muiden kehittäjien tulisi seurata esimerkkiä ilman muita vaihtoehtoja. Alla on WooCommercen ponnahdusviesti Gutenberg -editorin kanssa.

Gutenbergin WordPress -editori - ensimmäinen arvostelu

WooCommerce Gutenberg -widget

Mikä on Gutenberg?

Jos olet koskaan työskennellyt Bootstrap -sivuston rakentajan tai Weebly -editorin parissa, tulet yllättymään. Kyllä, Gutenberg on lohkoihin perustuva vedä ja pudota -sivustojen rakentaja. Voit lisätä sivulle napsauttamalla lohkoa ja aloittaa sisällön luomisen. Tämä on samanlainen kuin Bootstrap- tai Weebly -editori

Gutenbergin käyttö voi näyttää pitkältä prosessilta yksinkertaisille tekstiviesteille / -sivuille. Mutta niille, jotka haluavat eri asetteluja ja uudelleenkäytettäviä lohkoja useille sivuille, Gutenberg on yksinkertainen ratkaisu.

Gutenbergin korttelit

Voit lisätä seuraavat lohkot Gutenberg -editorilla:

Gutenbergin WordPress -editori - ensimmäinen arvostelu

Gutenbergin lohkot

  • Yleiset lohkot – kappale, kuva, otsikko, galleria, luettelo, lainaus, ääni, kansikuva, alaotsikko, video.
  • Lohkojen muotoilu – Koodi, klassinen, mukautettu HTML, esimuokattu, pullquote, taulukko, jae.
  • Asetteluelementit – painike, sarakkeet, lisää, sivunvaihto, erotin, välilevy.
  • Widgetit – lyhytkoodi, arkistot, luokat, uusimmat kommentit, uusimmat viestit.
  • Upotukset – upota lähes mistä tahansa sosiaalisen verkostoitumisen sivustosta, kuten Twitter, YouTube, Facebook, Instagram jne.
  • Useimmat käytetyt lohkot -osiossa luetellaan usein käytetyt lohkot nopeaa käyttöä varten.
  • Uudelleenkäytettävät lohkot – Kuten edellä on selitetty, jos haluat saman sisällön olevan osa monia sivuja, tallenna se uudelleenkäytettäväksi lohkoksi.

Gutenbergin editorin asettelun ymmärtäminen

Alla on, miltä Gutenbergin editori näyttää, kun luot viestin.

Gutenbergin WordPress -editori - ensimmäinen arvostelu

Gutenbergin toimittaja

  1. Ensimmäinen elementti on aina viestisi otsikko. Et voi poistaa tätä elementtiä.
  2. Sinulla on sisältöalue, johon voit lisätä lohkoja.
  3. Aloita lohkojen lisääminen napsauttamalla + -painiketta joko viestieditorin sisällä tai editorin vasemmassa yläkulmassa.
  4. Siirrä kohdistin minkä tahansa elementin vasemmalle puolelle nähdäksesi ylös- ja alas -nuolet. Siirrä koko elementtiä ylös tai alas napsauttamalla nuolta.
  5. Vie hiiri elementin oikealle puolelle, niin näet kolmen pisteen painikkeen, joka tarjoaa enemmän vaihtoehtoja. Napsauta sitä, jos haluat muokata lohkoa HTML -muodossa tai tarkastella sitä visuaalisesti. Täältä voit lisätä lohkon uudelleenkäytettävään luetteloon.
  6. Napsauta esto -elementtiä nähdäksesi lisää sisäisiä vaihtoehtoja, kuten tekstisisällön muotoilua ja kohdistusta.
  7. Yläpalkki sisältää korkean tason vaihtoehtoja, kuten-kumota, tehdä uudelleen, esikatsella, julkaista, tallentaa luonnoksen, näyttää tai piilottaa sivupalkin, asetukset visuaalisen ja koodieditorin vaihtamiseksi ja muutama vaihtoehto.
  8. Sivupalkissa on kaksi osiota – toinen on postitasolle ‘Asiakirja’. Siinä on vaihtoehtoja esillä olevan kuvan, luokan, tunnisteiden, viestin muodon, tekijän jne.
  9. Estä -välilehti sisältää valitun lohkoelementin erityisasetukset.

Lohkojen lisääminen viestiin

Luodaan postaus, jossa on joitain elementtejä nähdäksemme kuinka helppoa tai vaikeaa käyttää Gutenbergin editoria.

  • Lisää otsikko oletusotsikkotilaan.
  • Lisää mukautettu HTML ja lisää sisältöä napsauttamalla.
  • Lisää sarakkeen asetteluelementti, lisää teksti ja lainaus kahden sarakkeen sisälle.

Gutenbergin WordPress -editori - ensimmäinen arvostelu

Lohkojen lisääminen ja tilastojen tarkistus

Jos haluat tällä hetkellä asettelun, jossa on sarakkeita, tarvitset teemasta mukautetun lyhytkoodin tai käytä erillistä laajennusta.

Metaboxit

Kuten voit nähdä asettelusta, meillä on paljon metaboxeja postieditorissa teeman ja laajennusten vuoksi, jotka meillä on demosivustolla. Nyt kun joitakin metaboxeja on edelleen kiinni sivupalkissa ja jotkut siirretään viestin sisällön alle. Muista siis testata teema ja laajennukset ennen kuin aloitat Gutenberg -editorin käytön. Muussa tapauksessa sinun on ehkä asennettava klassinen postieditori -laajennus, jotta se on yhteensopiva taaksepäin, ja ilmoita kehittäjällesi päivittää teema / laajennus.

Lisäominaisuuksia

  • Napsauta yläpalkin tietokuvaketta tarkistaaksesi viestin sisällön tilastot, kuten sanojen, lauseiden, otsikoiden jne.
  • Voit saada vinkkejä editoriin tutustumiseen. Napsauta yläpalkissa oikeassa yläkulmassa olevaa kolmen pisteen painiketta ja valitse Näytä vinkit -vaihtoehto.
  • Napsauta lohkoelementtiä ja siirry "Estä" -välilehteen oikealla sivupalkilla. Lisäasetukset -osiossa voit lisätä mukautettuja CSS -luokkia, jotka vaikuttavat vain kyseiseen elementtiin CSS -lisäluokka -tekstikenttään. Sinun on määritettävä CSS -luokka tärkeimmässä tyylitaulukossa tai kohdassa Ulkoasu> Mukauta> CSS -lisäosio.

Parannuksia

WordPress julkaisi useita parannuksia alkuperäiseen Gutenberg -editoriin. Nyt voit lisätä linkkejä painikkeeseen nofollow -toiminnolla, taulukkolohko on responsiivinen ja näyttää vaakasuoran palkin mobiililaitteissa, voit hallita uudelleenkäytettäviä lohkoja ja poistaa käytöstä käyttämättömät lohkot ja meta -laatikot viestieditorissa. Versio 5.8 esitteli myös täyden sivuston muokkausominaisuuden, joka voi muuttaa koko verkkosivuston rakentamisen maiseman WordPressin sisällönhallintajärjestelmänä. Kaikkien näiden asioiden kanssa on hyvä kokeilla sitä, jos käytät edelleen klassista editoria.

Yhteenveto

Parantaako Gutenbergin WordPress -editori tuottavuuttasi vai ei, on korkea aika päästä eroon tylsästä vanhasta editorista. Vaikka jokainen toiminto tarvitsee nyt kaksi napsautusta, se on tie eteenpäin. Toisaalta tämä lopettaa villityksen omille sivunrakennuslaajennuksille ja avaa vaihtoehtoja mukautettujen lohkojen lisäämiseksi osana WordPress -ydintä.

Plussat

  • Helppo lisätä erilaisia ​​lohkoja. Varmasti monet laajennukset avautuvat lisäämään mukautettuja lohkoja tulevaisuudessa.
  • Voit luoda minkä tahansa tyyppisen asettelun ja käyttää eri asettelua sivustosi eri sivuilla.
  • Lohkojen järjestäminen on helppoa ja voit luoda uudelleenkäytettäviä lohkoja.

Haittoja

  • Käyttäjäkokemuksen nimessä sinun on nyt napsautettava kaksi kertaa, jotka tehtiin yhdellä napsautuksella ennen. Esimerkiksi perinteisellä editorilla voit yksinkertaisesti napsauttaa esiteltävää kuvaa ja ladata kuvan. Nyt Gutenbergin kanssa sinun on ensin napsautettava avattavaa Suositeltu kuva -valikkoa ja ladattava kuva napsauttamalla sitten linkkiä.
  • Emme voineet nähdä "Näytön asetukset" muokata editoria. Näyttää siltä, ​​että sinun pitäisi ottaa mitä tahansa näytöllä.
  • Uusi editori tekee kaikki nykyiset opetusohjelmat pätemättömiksi ja vaatii valtavia ponnisteluja tuhansien julkaisijoiden ja kehittäjien asiakirjoihin.

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