Hoe om Gutenberg (WordPress Editor) te gebruik


hoe om Gutenberg-blokke te gebruikIn 2018 het WordPress wegbeweeg van sy jarelange redakteur na een wat dit Gutenberg genoem word.


Anders as die redakteur van ouds, gebruik WordPress-gebruikers nou ‘n moderne sleep-en-druppel-blokredigeerder om webwerwe te bou en aan te pas, inhoud te publiseer en hul dienste en produkte aanlyn te verkoop..

Of u nou ‘n lang tyd gebruiker probeer om sin te maak van die nuwe redakteur, of dat u splinternuut is vir WordPress, hierdie gids sal u die toue leer. Jy sal leer:

  • Hoe Gutenberg-blokke verskil van die klassieke redakteur.
  • Hoe om die blokbouer te gebruik om bladsye te skep en te redigeer.
  • Wat die Gutenberg-blokke doen.
  • Hoe om ekstra instellings met die sidebar te ontsluit.
  • Hoe om die werkbalk te gebruik om meer produktief te wees.

Die Classic Editor vs. Gutenberg Blocks

Die oorskakeling van klassieke redakteur na Gutenberg-blokke is ‘n reuse sprong vir WordPress. Kom ons kyk hoe die redakteur ontwikkel het.

Die klassieke WordPress Editor

Van 2003 tot 2018 het WordPress ‘n basiese teksredakteur aan gebruikers gegee.

WordPress-Classic-redakteur

Die klassieke redakteur van WordPress was u tipiese WYSIWYG (“wat u sien is wat u kry”).

Met ander woorde, u het u inhoud in die oop veld getik, dit met behulp van die voorsiende werkbalk geformateer, en dit is min of meer hoe u teks op u webwerf gelyk het.

WordPress-WYSIWYG-redakteur

Dit is ‘n eenvoudige koppelvlak en waaraan baie WordPress-gebruikers deur die jare gewoond geraak het. Maar dit het sy beperkings gehad.

Byvoorbeeld:

WordPress-Page-Voorbeeld

Dit is hoe die inhoud op die webwerf verskyn sodra dit gepubliseer is. U kan egter slegs bevestig dat alles goed van die redigeerder na die bladsy vertaal word deur die ‘Voorskou’-funksie te gebruik.

Daar was geen manier om inhoud binne die konteks van die bladsy te skryf nie. Daarbenewens het dit ‘n mate van vertroudheid met HTML of ‘n te veel afhanklikheid van plugins nodig om meer gevorderde ontwerpe en uitlegte te kon bou.

In 2018 het WordPress beoog om hierdie beperkings reg te stel deur die nuwe WordPress-redakteur (d.w.s. Gutenberg) vry te laat.

Die Gutenberg-blokredakteur

Die nuwe WordPress-redakteur is ‘n sleep-en-drop-blokredakteur.

Gutenberg

Dit beteken dat die inhoud nie meer in een hoofredakteur geskryf word nie. Individuele blokke word op hul plek laat val om die inhoud van ‘n bladsy uit te bou.

Gutenberg-Blocks

As elke blok gekies word, het dit ‘n unieke werkbalk. Dit maak voorsiening vir ‘n meer vaartbelynde en aangepaste redigeringservaring, aangesien u slegs die redaksionele kontroles gewys het wat u op daardie tydstip nodig het.

Die Gutenberg-redakteur het dit ook baie makliker gemaak om die soorte inhoud en uitlegte by te voeg wat andersins te tydrowend of moeilik sou wees vir ‘n WordPress-beginner om op hul eie te doen..

Meer-Gutenberg-Blok-Voorbeelde

Boonop is daar geen raaiskoot meer nie. Wat u binne die blokredakteur skep, is hoe dit op u webwerf verskyn. Die lettertipes, stilering en uitleg pas by:

WordPress-Page-Voorbeeld-met-Gutenberg

Is die een WordPress Editor beter as die ander?

Wat die beste is – die klassieke redakteur of Gutenberg – moet jy dit self uitpluis.

Alhoewel WordPress outomaties saam met Gutenberg geïnstalleer word, kan gebruikers dit installeer die Classic Editor-inprop as hulle nog nie gereed is om na die blokredakteur te skuif nie.

Daar is ook ander redakteur-byvoegingsopsies beskikbaar. Elementor en Beaver Bouwer is twee van die meer gewilde alternatiewe vir sleep-en-aflaai-redakteur, blokkeer kategorieë
hoewel dit die beste geskik is vir professionele ontwerpers en ontwikkelaars wat meer funksies moet ontsluit.

Kom ons neem nou ‘n dieper duik in Gutenberg en gee u ‘n beter idee van wat u van die WordPress-sleep-en-drop-redakteur kan verwag.

Hoe om die Gutenberg Block Editor te gebruik

Kom ons kyk na die Gutenberg-blokredakteur deur ‘n nuwe bladsy (of pos) op te stel.

Begin met die WordPress-menu aan die linkerkant van die skerm. As u ‘n nuwe webblad wil skep, hou u dan oor “Pages” en kies dan “Add New”. As u ‘n nuwe blog wil maak, hou u dan oor “Posts” en kies dan “Add New”.

WordPress-Add-Nieu-Page

Voeg ‘n titel by

Met u nuwe bladsy of pos wat geskep is, gee dit ‘n titel in die blok “Voeg titel by”:

Gutenberg-titel-Block

Skep u eerste blok

Paragrawe bestaan ​​meestal uit die grootste deel van die inhoud wat ons op ‘n webblad plaas, en daarom is die eerste blok wat Gutenberg aan ons gee altyd ‘n paragraafblok:

Gutenberg-Nieu-Paragraaf-Block

As u met ‘n paragraaf wil begin, voeg u muis by die leë blok wat sê: “Begin skryf of tik / om ‘n blok te kies”. Terwyl u tik, sal u inhoud die blok vul.

Pas die inhoud in ‘n blok aan

Om die styl van u paragraaf aan te pas, gebruik u die werkbalk wat bokant dit verskyn.

belyning

Met die meeste Gutenberg-blokke, kan u die belyning van die inhoud binne die blok verander:

Gutenberg-Belyning

Links is die standaard. U kan ook kies om u inhoud te sentreer of regs te belyn.

opmaak

As daar teks binne ‘n blok is, kan u dit met vetdruk formateer:

Gutenberg-Paragraaf-Bold

Maak die teks kursief:

Gutenberg-Paragraaf-Italic

Of voeg ‘n hiperskakel by:

Gutenberg-Paragraaf-Link

As u u skakels in ‘n nuwe blaaiervenster wil oopmaak, klik op die pyltjie in die hiperskakelbalk. As u klaar is met u wysigings, klik op die “Return” -pyltjie om die skakel te stoor.

Bykomende stylopsies

As u op die pyltjie na onder in die werkbalk klik, vind u bykomende opsies vir teksstylering:

Gutenberg-Meer-teks-opsies

“Kode” styl u teks asof dit in ‘n kode-redakteur geskryf is:

Gutenberg-Paragraaf-kode

‘Inline image’ stel u in staat om u teks om ‘n prentjie te draai:

Gutenberg-Paragraaf-InlineImage

Soos u kan sien, is dit nie ‘n doeltreffende manier om beelde en teks langs mekaar in Gutenberg te koppel nie. (Ons sal later ‘n ander manier ondersoek om dit te doen.)

Die laaste opsie hier kan u ‘n deurbraak deur middel van gemerkte teks byvoeg:

Gutenberg-Paragraaf-Halen

Meer blokopsies

Die laaste knoppie op die werkbalk openbaar altyd meer blokopsies:

Gutenberg-Meer-Blok-opsies

Hierdie opsies sal dieselfde wees, ongeag watter soort blok jy tans wysig.

Kom ons kyk vinnig wat hierdie dinge doen:

  • Versteek blokinstellings: Laat die sybalk aan die regterkant verdwyn.
  • Dupliseer: Maak ‘n presiese replika van hierdie blok.
  • Sit voor: Voeg ‘n nuwe leë blok bo hierdie een by.
  • Voeg daarna in: Voeg ‘n nuwe leë blok onder hierdie een by.
  • Wysig as HTML: Verander die blok in ‘n kode-redigeerder as u in HTML wil skryf.
  • Voeg by herbruikbare blokke: Stoor die blok sodat u dit elders op die webwerf kan hergebruik.
  • Verwyder blok: Verwyder die blok.

Transformeer blok

Daar is nog ‘n knoppie op die werkbalk waarvan u oplet:

Gutenberg-Switch-Blocks

Hierdie knoppie lyk egter nie altyd so nie, so onthou dat die eerste knoppie u in staat stel om die huidige blok in ‘n verwante blok te omskep.

U kan byvoorbeeld ‘n teksgebaseerde blok soos paragraaf omskep in opskrif, lys of aanhaling. U kan egter nie iets soos ‘n paragraaf omskep in ‘n beeld of ‘n skeidingsreël nie. Daarvoor het u ‘n nuwe blok nodig.

Voeg ‘n nuwe blok by

Om ‘n nuwe blok op u bladsy te voeg, het u ‘n aantal opsies.

Sit voor / na

U het die Insert Before / Insert After-opsies alreeds in die blokbalk se werkbalk gesien. Dit is een manier om dit te doen.

As u van u bestaande blok af wegklik en bo-op dit hang, sal u sien dat ‘n klein plusteken verskyn:

Gutenberg-Add-Blok-Kruis

As u daarop klik, sal dit u blokke openbaar:

Gutenberg-Add-Blok-Plus-Sign

Kies die een wat u wil voeg die nuwe blok bo die een wat u reeds het.

As u oor die onderste deel van die blok beweeg, sal u dieselfde plusteken sien. Die enigste verskil is dat dit ‘n nuwe blok sal voeg onder die een wat u het.

Gebruik u sleutelbord

Nog ‘n manier om ‘n nuwe blok by te voeg, is deur op die “Terug” -toets op u sleutelbord te druk:

Gutenberg-Add-Blok-Tik

Dit sal onmiddellik ‘n nuwe paragraafblok op die bladsy voeg.

As u dit in ‘n ander soort blok wil verander, kan u die plusteken links van die nuwe blok gebruik:

Gutenberg-Change-Nieu-Block

Of u kan ‘n streep (/) tik, gevolg deur die naam van die blok wat u wil gebruik:

Gutenberg-Change-Blok-Slash

As u byvoorbeeld ‘n prent wil byvoeg, sal u ‘/ image’ tik. Die blokopsie sal outomaties gevul word terwyl u die bypassende naam intik.

Voeg ‘n blok by van die werkbalk

U kan altyd net die basiese add block-funksie op die werkbalk gebruik:

Gutenberg-Add-Block

Blaai deur die opsies of tik die naam van die blok waarna u soek.

Skuif ‘n blok

Sodra u begin het om blokke te skep, kan u besluit dat u nie tevrede is met die volgorde waarin dit verskyn nie. Of miskien het u ‘n blok hierbo bygevoeg toe dit hieronder moes gewees het.

Dit is nie nodig om blokke te verwyder of inhoud uit een blok na ‘n ander te knip en plak nie. Die oplossing is eenvoudig.

Gutenberg is ‘n red-en-drop-blokredakteur. Dit beteken dat u u blokke maklik kan skuif waar u wil.

Daar is twee maniere om dit te doen.

Gebruik die skuifpyltjies

Die eerste opsie is om die pyltjies aan die linkerkant van elke blok te gebruik. Beweeg oor die blok wat jy wil skuif, en vind ‘n op-en-af-pyl:

Gutenberg-Move-Arrows

As u net een keer ‘n blok na bo of onder beweeg, werk hierdie opsie goed.

Gutenberg-Geskuif-Block

Gebruik die Sleep-and-Drop

As u ‘n meer drastiese herrangskikking van u blokke wil maak, moet u die sleep-en-druppel gebruik.

Dit is op dieselfde plek as die pyltjies geleë. Beweeg oor die blok wat u wil skuif en pak die kolletjies wat in die middel verskyn. U sal sien dat u wyser na ‘n hand verander as u dit doen:

Gutenberg-gryp-sleep-en-drop

As u die blok na ‘n nuwe deel van die bladsy skuif, moet u seker maak dat u ‘n donker lyn sien voordat u dit neerlaat:

Gutenberg-Move-Block

Hiermee kan u weet dat u die blok na beskikbare ruimte skuif. Sonder daardie lyn werk die sleep-en-aflaai nie.

Vee ‘n blok uit

As u besluit dat u ‘n blok heeltemal wil verwyder, het u ook opsies hiermee.

U het al een hiervan gesien. Dit is binne u blok se bykomende opsies. Klik net op “Remove Block” en dit sal verwyder word.

U kan dit altyd ook op ‘n outydse manier uitvee. Plaas u muis in die blok en gebruik die knoppie “Delete” om u sleutelbord te verwyder.

Let egter daarop dat as dit ‘n teksgebaseerde blok is, u die inhoud eers moet verwyder voordat u dit op hierdie manier kan verwyder. Vir enigiets anders – ‘n beeld, ingebedde widget, ens. – kan u net u “Delete” -sleutel gebruik.

U kan ook die blok uitlig (deur u muis daaroor te sleep) en dan op die “Delete” -tik klik. Dit is nuttig as u meer as een blok op ‘n slag wil uitlig en uitvee.

Skep ‘n herbruikbare blok

Herbruikbare blokke is handig te pas as u ‘n element wil skep wat regoor die wêreld gebruik kan word, soos ‘n promosieblok vir u blogplasings of ‘n oproep tot aksie.

Gutenberg-Skep-herbruikbare-Block

Eerder as om die blok te probeer herskep op die bladsye waarop dit moet gaan, maak u die blokopsies oop en klik op ‘Voeg by herbruikbare blokke’. Gee dit dan ‘n naam:

Gutenberg-Naam-herbruikbare

Sodra u dit gestoor het, sal u dit kan opspoor en gebruik op dieselfde manier as enige van Gutenberg se blokke. U vind dit in ‘n nuwe kategorie genaamd “herbruikbaar”:

Gutenberg-herbruikbare-kategorie

‘N Toer deur Gutenberg-blokke

Die klassieke WordPress-redakteur het veel te wense oorgehad om gebruikers te help om komplekse inhoud en uitlegte te skep. Die blokkering van Gutenberg word weg met die padblokkade.

Laat ons kennis maak met die blokke:

Blokkeer kategorieë

WordPress het ‘n goeie taak gedoen om sy blokke in kategorieë te organiseer.

Algemene blokke

Dit is u algemene blokke:

Gemeenregtelike Blocks

Die basiese teks en visuele elemente wat u op ‘n bladsy gebruik, is hier.

Formatering van blokke

Dit is u formateringsblokke:

Opmaak-Blocks

Die meeste hiervan is ontwikkelaarvriendelike blokke, so u het miskien nie soveel nodig nie. Die tafel- en trekaanhalingsblokke kan handig te pas kom.

Uitlegblokke

Dit is u uitlegblokke:

Uitleg-Blocks

As u breuke by u inhoud wil voeg (soos met ‘n groot spasie of ‘n skeidingsreël) of spesiale elemente (soos ‘n knoppie), vind u die dinge hier.

Widgets blokke

Dit is jou widgets:

Widgets-Blocks

Dit is meestal die elemente wat binne die sidebar van u blog moet verskyn en nie op u bladsye verskyn nie. Die enigste uitsonderings wat u vind, is blokke wat deur ander inproppe geskep is, soos hierdie WPForms-voorbeeld.

Sluit blokke in

Dit is u inbedings:

Inbedde-Blocks

U sal dit gebruik om inhoud vanaf ander platforms te bring. Dit is goed vir die inbedding van dinge soos YouTube-video’s, SoundCloud-knipsels en Twitter-plasings.

Die meeste gebruikte Gutenberg-blokke

Soos u kan sien, is daar dosyne Gutenberg-blokke beskikbaar. Dat gesê, daar is sekere elemente wat almal gebruik om bladsye of plasings in WordPress te skep, dus begin met die basiese beginsels:

Paragraafblok

Gebruik die paragraafblok om gewone teks op u bladsy te voeg.

Paragraaf-Block

Opskrifblok

Gebruik die opskrifblok om ‘n opskrif op u bladsy te voeg.

Opskrif-Block

Hiermee kan u nuwe onderwerpe op die bladsy bekendstel terwyl u die inhoud makliker lees. Met die H2, H3 en H4 knoppies kan u ook ‘n hiërargie van die bladsyopskrifte opstel.

Lysblok

Gebruik die lysblok om ‘n kolpunt of genommerde lys op die bladsy te voeg:

Lys-Blok

Dit is ook nuttig om die leesbaarheid te verbeter.

Beeldblok

Gebruik die Beeldblok om ‘n prent op u bladsy te voeg.

Beeld-Block

U kan ‘n prent vanaf u skyf oplaai of ‘n foto kies wat reeds in u mediabiblioteek bestaan.

Video-blok

Gebruik die Video-blok om ‘n prentjie op u bladsy in te bed.

Video-Block

U kan ‘n videolêer oplaai, een uit u biblioteek kies of dit vanaf ‘n skakel uittrek.

Omdat video’s baie ruimte in beslag neem, is die beste opsie om u lêer op ‘n video-delingsplatform soos Vimeo of YouTube te stoor. Voeg dit dan met ‘n skakel in.

U sal nie die video-blok hiervoor gebruik nie. Soek eerder die ooreenstemmende inbed.

YouTube het een:

YouTube-Gedagte

Soos ook Vimeo:

Vimeo-Gedagte

U moet dieselfde doen vir alle klanklêers (soos podcasts of klankbane) wat u op die bladsy wil voeg. Gebruik die Audio-blok of die ooreenstemmende inbed (soos vir Spotify) om dit te doen.

Knoppieblok

Gebruik die knoppieblokkie om u besoekers of lesers te versoek om aksie te neem:

Button-Block

Dit kan hulle lei tot: “Beplan nou”, “Registreer”, “Lees meer”, ens.

Media- en teksblok

Soos vroeër genoem, is die Inline-beeldopsie in die paragraafblok ‘n ondoeltreffende manier om teks en beelde saam te smelt. Gebruik eerder die Media en teks-blok om dit te doen:

Media-en-teks-Block

Kolomme Blok

‘N Ander manier om twee verskillende blokke (van dieselfde of verskillende tipe) langs mekaar te plaas, is deur die kolomblok te gebruik:

Kolom-Block

Om addisionele kolomme na regs of links by te voeg, hou u oor die blokke in die kolom en druk die plusteken. Dit is dieselfde as om ‘n nuwe blok by te voeg; slegs dit kan hulle horisontaal byvoeg.

Blokke vir die inbou van sosiale media

Eerder as om die inbed-kode van sosiale media te gebruik om ‘n plasing op u bladsy te plaas, voeg die skakel hier by:

Sosiaal-Media-Gedagte

Daar is ingeboude blokke vir Facebook, Twitter en Instagram, so vind die ingeboude blok wat ooreenstem met u sosiale media-plasing.

Klassieke blok

Met die klassieke blok kan u voortgaan om inhoud te skep in WordPress met behulp van die klassieke redakteur:

Gutenberg-Classic-Block

Die klassieke blok kom ook voor wanneer ‘n webwerf van die klassieke redakteur na die Gutenberg-redakteur beweeg. Gutenberg sal nie outomaties probeer om jou teks in sy eie blokke te omskep nie. Dit plaas hulle net in die klassieke redakteur-koppelvlak.

As u u klassieke blok in Gutenberg-blokke wil omskep, gaan dan na “More Options” en kies dan “Convert to Blocks”:

Gutenberg-Skakel-Blocks

Dit sal sy bes doen om elke element in u redigeerder na ‘n ooreenstemmende blok te omskep:

Gutenberg-Omgeskakel-Blocks

Onthou net om die uitgepakte blokke na te gaan vir enige foute voordat u u veranderinge stoor.

WordPress-inpropblokke

Die meeste van die gewilde plugins wat deur WordPress-gebruikers gebruik word, is Gutenberg-versoenbaar. In sommige gevalle het hierdie plugins spesiale blokke geskep wat in u redakteur verskyn.

Byvoorbeeld, as u ‘n kontakvorm-inprop gebruik, soos WPForms, vind u ‘n ooreenstemmende blok daarvoor:

WPForms-Block

Skep net u vorm in die inprop en soek dit dan in die aftreklys wat hier aangebied word. U hoef nie meer u vormkortkodes op te spoor en te plak nie.

Yoast, ‘n gewilde SEO-inprop, is ‘n ander een wat nuwe blokke by Gutenberg gevoeg het:

Yoast-Blocks

WooCommerce, Die e-handelsoplossing van WordPress het dieselfde gedoen:

WooCommerce-Blocks

Daar is ook ‘uiteindelike’ Gutenberg-inproppe wat ‘n klomp nuwe blokke by u bouer voeg, soos Ultimate Addons vir Gutenberg:

Ultimate-Addons-Gutenberg

Hierdie tipe plugins brei die funksionaliteit van u blokbouer uit. As u ‘n webwerf bou wat spesiale elemente benodig – soos Google Maps, getuigskrifblokke of e-commerce-funksionaliteit, kan u dit by Gutenberg voeg met inproppe soos hierdie.

‘N Oorsig van die dokument en blokkeer die sidebar

Noudat u die redakteur van die blok af het, laat ons ons aandag vestig op die dokument en die sidebalk blokkeer.

As u wyser in die titelblok is, of êrens op die bladsy waar ‘n blok nie bestaan ​​nie, wys die sidebar na die dokumentinstellings:

Dokument Sidebar

Hiermee kan u dinge soos die status en voorkoms van die bladsy beheer.

Hier is die belangrikste wat u moet ken:

Status en sigbaarheid

Status-en-SigbaarheidIn hierdie paneel kan u aanpas wie die bladsy (publiek, privaat of wagwoordbeskermd) mag sien, sowel as wanneer dit gepubliseer word (indien nie onmiddellik nie). As u die bladsy heeltemal wil verwyder. U kan dit ook hier doen.

PermalinkGebruik hierdie paneel om die slak (die identifiserende stuk van die URL) te verander. Byvoorbeeld:

https://mywebsite.com/Gutenberg-blok-bouer /

Gewilde-BeeldDie verskynsel is die miniatuurprent wat mense sien as jou blogplasings in jou hoofblogfeed verskyn. Dit is ook wat sosialemediaplatforms gebruik as hulle ‘n voorskou van jou skakels wys.

kategorieë

kategorieëDit is slegs beskikbaar vir blogplasings. Gebruik dit om u onderwerpe georganiseerd te hou.

Tags

TagsDit is ‘n ander instelling wat slegs beskikbaar is vir blogplasings. Gebruik dit om sleutelwoorde by te voeg wat in u pos verskyn en om lesers te help om inhoud oor verwante onderwerpe te vind.

As u wyser binne een van die blokke op u bladsy geplaas word (behalwe die titel), sal die sidebar na ‘n blokredakteur oorskakel:

Blok-Sidebar

Hierdie sidebar gee u ekstra redigeringsopsies vir u blokke as u dit wil hê. Die blokbalk sal verander op grond van die soort blok waaraan u werk.

Byvoorbeeld, die paragraaf-sidebar wysigingsopsies vir:

Paragraaf-Blok-Sidebar

U kan die grootte van u teks sowel as die kleur van die teks of agtergrond van die blok aanpas. As u weet hoe om CSS-klasse te gebruik, kan u die voorkoms van die blok verder aanpas deur gebruik te maak van “Advanced Settings”.

Aan die ander kant gee die beeldbalk u die volgende instellings:

Beeld-Blok-Sidebar

U kan alt-teks by die prent voeg (belangrik vir SEO), die beeldgrootte verander en die prentjie aan ‘n webblad koppel.

Sommige blokke bied geen ekstra instellings in die sidebar soos die Twitter-inbed nie:

Twitter-Blok-Sidebar

Die enigste ding wat u kan doen is om ‘n pasgemaakte CSS-klas te skep onder “Advanced Settings”.

Kortom: as u ooit voel dat u nie u blok volledig met die blokbalk kan verander nie, kyk dan na die sykbalk vir addisionele opsies.

Wat om te doen met die werkbalk

Die laaste deel van die redakteur waarmee u kennis moet maak, is die werkbalk wat aan die bokant daarvan sit:

Gutenberg-Toolbar

Dit lyk miskien net na ‘n plek om die ‘Voorskou’- en’ Publiseer’-knoppies op te slaan, maar daar is baie meer wat u kan en Indien gebruik die nutsbalk vir.

Kom ons kyk na die belangrikste aspekte:

blokke

Die eerste knoppie op die werkbalk is waar u toegang tot nuwe blokke kan kry:

Gutenberg-Toolbar-Blocks

Herroep / Weer

Met die volgende twee knoppies kan u die laaste verandering wat u aan die bladsy aangebring het, ongedaan maak (die pyl na links wys) of weer doen (die pyl regs).

Gutenberg-Toolbar-Undo

Bladinligting

Vir diegene van u wat bladsye wil skep waarmee u besoekers maklik kan deursoek, gee die “i” (info) -knop u ‘n oorsig van u inhoud:

Gutenberg-Toolbar-Info

Jy sal sien:

  • Hoeveel woorde het jy geskryf?.
  • Hoeveel opskrifte is daar, met ‘n uiteensetting van die titels daaronder.
  • Hoeveel paragrawe is daar?.
  • Hoeveel blokke het jy gebruik?.

Dit is die aantal woorde en opskrifte wat die belangrikste inligting is waarop u kan fokus.

Bladstruktuur

Die volgende deel van die werkbalk openbaar elk van die blokke wat u gebruik het om u bladsy te skep:

Gutenberg-Blok-Navigation

Gebruik dit om onmiddellik na die blok waarop u wil werk, te blaai. Dit is nuttig om inhoud op langer bladsye en plasings te redigeer.

Stoor instellings

U gebruik hierdie eerste drie knoppies op elke bladsy of pos wat u skep:

Gutenberg-Save-instellings

Gebruik “Save Draft” om u veranderinge privaat te stoor terwyl u aan ‘n bladsy werk.

Gebruik “Voorskou” om die bladsy op u webwerf te sien.

Gebruik ‘Publiseer’ om u bladsy na die regstreekse webwerf te stoot. Sodra die bladsy gepubliseer is, sal hierdie knoppie verander na “Opdatering”. Gebruik dit om nuwe weergawes van u bladsye na die webwerf te stoor en te stoot.

instellings

As u op die rat (instellings) -ikoon klik, verberg of wys dit die Gutenberg-sybalk. Dit is hoe dit lyk as dit gestrem is:

Gutenberg-Toolbar-instellings-Gestremdes

Dit is hoe dit lyk as dit aangeskakel is:

Gutenberg-Toolbar-instellings-Enabled

Meer opsies

Die laaste knoppie op die werkbalk openbaar bykomende opsies en gereedskap. Gebruik dit as u u Gutenberg-werkruimte wil personaliseer.

Gutenberg-Toolbar-Meer-opsies

Beskou

Die eerste stel opsies met betrekking tot die “View”:

Gutenberg-Toolbar-View

‘Top Toolbar’ skuif die werkbalk uit jou blokke en plak dit bo-aan die skerm:

Gutenberg-Afrika se top-Toolbar

Die redigeringsopsies verander steeds op grond van die blok wat u gekies het. Die enigste verskil is dat dit nou eers aan die bokant van die bladsy geleë is.

“Spotlight Mode” verdwyn alle blokke wat nie gebruik word nie:

Gutenberg-Kollig-modus

As u hulp wil hê om op een blok op ‘n slag te fokus, is dit ‘n handige hulpmiddel om dit in staat te stel.

“Volskermmodus” is die afleweringsvrye skryfmodus van Gutenberg:

Gutenberg-Volskerm-modus

Dit verwyder die WordPress-spyskaarte aan die bokant en links, sowel as die Gutenberg-sidebar aan die regterkant.

Redakteurmodus

Die volgende stel opsies is vir redigeermodus.

Gutenberg-Options-redakteur

Gutenberg plaas standaard die gebruikers in die “Visual Editor”.

As u verkies om u bladsy in HTML te komponeer, kan u oorskakel na “Code Editor”:

Gutenberg-kode-redakteur

‘N Doeltreffender en skoner manier om u blokke in HTML te wysig, is egter om dit individueel te hanteer (aangesien u waarskynlik nie die hele bladsy se kode hoef te wysig nie).

U het toegang tot die kode-redigeerder onder “Edit as HTML”:

Gutenberg-Edit-HTML

Dit sal die blok na HTML omskakel:

Gutenberg-HTML-Block

Wysig dit na goeddunke. As u dit weer in die visuele modus wil omskakel, open dan die blokopsies en kies dan ‘Visueel wysig’:

Gutenberg-Edit-Visueel

gereedskap

Gutenberg kom ook met ‘n stel gereedskap waarmee u u ervaring in die redakteur kan stroomlyn:

Gutenberg-gereedskap

Die eerste instrument is die “Blokbestuurder”:

Gutenberg-Blok-Manager

In teenstelling met die bloknavigasie-instrument wat ons vroeër gesien het, kan jy hierdie blokke wat u nie gebruik nie, deaktiveer. Op die manier, as dit tyd is om na ‘n nuwe blok te soek, hoef u nie blokke deur te sif wat u nooit sal gebruik nie.

“Bestuur herbruikbare blokke” sal u na die reduseerbare blokke-redakteur neem:

Gutenberg-herbruikbare-Blocks

Dit is hier waar u gebergte blokke geberg word. Doen dit hier om die ouerkopie van die blok te wysig (of om ‘n nuwe een te skep).

Terwyl Gutenberg dit beslis makliker gemaak het om inhoud in WordPress te skep, kan sommige van die aksies vervelend raak. Deur Gutenberg se “Kortpaaie” te gebruik, kan u dinge doen soos u laaste wysiging ongedaan maak, ‘n blokkie dupliseer, die gemerkte teks kursief maak en u veranderinge stoor met net u sleutelbord.

Gutenberg-Keyboard-Kortpaaie

Al die opsie ‘Kopieer inhoud’ is om al die blokke op die bladsy uit te lig en te kopieer. Gebruik dit om ‘n nuwe bladsy te skep wat ooreenstem met inhoud en ontwerp. Gaan net na Pages> New Voeg en plak dan u blokke op die leë bladsy.

Die laaste opsie hier word “Opsies” genoem. Wat dit egter wel doen, stel u in staat om sekere dele van die dokumentinstellings op die sidebar te deaktiveer:

Gutenberg-Sidebar-opsies

Weereens, as u agterkom dat daar sekere dele van die redigeerder is wat u nie gebruik nie (soos bladsykenmerke), deaktiveer hulle dit hier, sodat dit nie die aandag aftrek van die elemente wat u moet gebruik nie.

Afsluit

Aangesien WordPress sedert dag 1 dieselfde redakteur gebruik het, was daar ‘n mate van terugslag toe Gutenberg die eerste keer bekendgestel is.

Maar as u kyk na die sleep-en-trap-kompetisie wat rondom WordPress ophoop (Wix, Shopify, Squarespace, ens.), Was dit tyd vir ‘n verandering.

Hierdie redaksionele evolusie het goed gevaar, waardeur WordPress gebruikers op alle vlakke kan bedien. Die gebruikers gebruik nou die volgende voordele wat gepaard gaan met die bou van webwerwe met ‘n blokredakteur:

  • ‘N Persoonlike redakteur-aansig wat u meer produktief maak.
  • Makliker om inhoud te skep en aan te pas.
  • Meer gevorderde inhoudskepping sonder die tegniese kennis wat voorheen nodig was.
  • Herbruikbare blokke versnel die ontwerp en verseker konsekwentheid regoor die wêreld.
  • Makliker om omskakelingselemente by te voeg en op te stel (soos knoppies en vorms vir oproep tot aksie).
  • Gewilde plugins en temas is Gutenberg-versoenbaar.
  • Vinniger tyd om te begin.

Vanaf 2022 sal die klassieke redakteur nie meer beskikbaar wees nie. Dit is dus die perfekte tyd om uit te vind hoe jy Gutenberg vir jou gaan laat werk.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map