Kaip naudotis „Gutenberg“ („WordPress“ redaktorius)


kaip naudotis gutenbergo blokais2018 m. „WordPress“ pasitraukė iš savo ilgamečio redaktoriaus į tą, kuris pasivadino „Gutenberg“.


Skirtingai nuo seno redaktoriaus, „WordPress“ vartotojai dabar naudoja šiuolaikinį „drag-and-drop“ blokų redaktorių, norėdami kurti ir tinkinti svetaines, skelbti turinį ir parduoti savo paslaugas ir produktus internete.

Nesvarbu, ar jūs ilgai bandote įprasminti naująjį redaktorių, ar esate visiškai naujas „WordPress“, šis vadovas išmokys jus virves. Jūs išmoksite:

  • Kuo „Gutenberg“ blokai skiriasi nuo klasikinio redaktoriaus.
  • Kaip naudoti blokų kūrimo priemonę puslapiams kurti ir redaguoti.
  • Ką daro Gutenbergo blokai.
  • Kaip atrakinti papildomus nustatymus šonine juosta.
  • Kaip naudoti įrankių juostą, kad ji būtų našesnė.

Contents

Klasikinis redaktorius ir Gutenbergo blokai

Perėjimas nuo klasikinio redaktoriaus prie Gutenbergo blokų yra didžiulis „WordPress“ šuolis. Pažvelkime, kaip keitėsi redaktorius.

Klasikinis „WordPress“ redaktorius

Nuo 2003 iki 2018 m. „WordPress“ savo vartotojams teikė pagrindinį teksto rengyklę.

„WordPress-Classic-Editor“

Klasikinis „WordPress“ redaktorius buvo jūsų tipinis WYSIWYG („ką matote, ką gaunate“) redaktorius.

Kitaip tariant, įvedėte savo turinį į atvirą lauką, formatavote jį naudodami pateiktą įrankių juostą ir tai daugiau ar mažiau atrodė jūsų tekstas jūsų svetainėje.

„WordPress-WYSIWYG-Editor“

Tai pakankamai paprasta sąsaja, prie kurios bėgant metams priprato daugelis „WordPress“ vartotojų. Bet tai turėjo savo trūkumų.

Pavyzdžiui:

„WordPress“ puslapio pavyzdys

Taip turinys būtų rodomas paskelbtoje svetainėje. Bet jūs tik patvirtinsite, kad viskas gerai išversta iš redaktoriaus į puslapį, naudojant „Peržiūros“ funkciją.

Faktiniame puslapio kontekste nebuvo galima rašyti turinio. Be to, norint sukurti sudėtingesnius dizainus ir išdėstymus, prireikė tam tikro HTML supratimo ar per didelio pasitikėjimo įskiepiais..

2018 m. „WordPress“ užsibrėžė ištaisyti šiuos apribojimus išleisdama naują „WordPress“ redaktorių (t. Y. Gutenberg)..

Gutenbergo bloko redaktorius

Naujasis „WordPress“ redaktorius yra „drag and drop“ bloko redaktorius.

Gutenbergas

Tai reiškia, kad turinys neberašomas viename pagrindiniame redaktoriuje. Atskiri blokai nuleidžiami į vietą, kad būtų sukurtas puslapio turinys.

Gutenbergo blokai

Kai pasirenkamas kiekvienas blokas, jis pateikiamas su unikalia įrankių juosta. Tai leidžia supaprastinti ir pritaikyti redagavimo patirtį, nes jums parodomi tik tuo metu jums reikalingi redakciniai valdikliai.

„Gutenberg“ redaktorius taip pat žymiai palengvino turinio ir išdėstymo rūšių pridėjimą, kurie priešingu atveju būtų per daug laiko reikalaujantys arba sunkūs pradedantiesiems „WordPress“ pradedantiesiems..

Daugiau-Gutenbergas-Blokuoti pavyzdžiai

Be to, nebėra spėlionių žaidimo. Tai, ką sukuriate bloko redaktoriuje, yra tai, kaip jis atrodo jūsų svetainėje. Visi šriftai, stilius ir išdėstymai sutampa:

„WordPress“ puslapio pavyzdys su „Gutenberg“

Ar vienas „WordPress“ redaktorius yra geresnis už kitą?

Kurį geriau – klasikinį redaktorių ar Gutenbergą – turėsite išsiaiškinti patys.

Nors „WordPress“ automatiškai įdiegiama kartu su „Gutenberg“, vartotojai gali įdiegti „Classic Editor“ papildinys jei jie dar nėra pasirengę pereiti į blokavimo rengyklę.

Galimos ir kitos redaktoriaus priedų parinktys. Elementorius ir Bebras statybininkas yra dvi iš populiariausių „drag and drop“ redaktorių alternatyvų, „Blokuoti“ kategorijas
nors jie labiausiai tinka profesionaliems dizaineriams ir kūrėjams, kuriems reikia atrakinti daugiau funkcijų.

Kol kas įsigilinkime į Gutenbergą ir geriau įsivaizduokime, ko tikėtis iš „WordPress“ nuvilkimo redaktoriaus.

Kaip naudotis „Gutenberg Block Editor“

Peržiūrėkime „Gutenberg“ bloko redaktorių, nustatydami naują puslapį (arba įrašą).

Pradėkite nuo „WordPress“ meniu kairėje ekrano pusėje. Jei norite sukurti naują tinklalapį, užveskite pelės žymeklį ant „Puslapiai“ ir pasirinkite „Pridėti naują“. Jei norite sukurti naują tinklaraščio įrašą, užveskite pelės žymeklį ant „Žinutės“ ir pasirinkite „Pridėti naują“.

„WordPress-Add-New-Page“

Pridėti pavadinimą

Sukūrę naują puslapį ar įrašą, pavadinkite jį „Pridėti pavadinimą“ bloke:

Gutenbergas-Pavadinimas-Blokas

Sukurkite savo pirmąjį bloką

Paprastai pastraipos sudaro didžiąją dalį tinklalapio turinio, todėl pirmąjį „Gutenberg“ bloką mes visada pateikiame „pastraipų“ bloke:

Gutenbergas-Nauja pastraipa-Blokas

Jei norite pradėti nuo pastraipos, pridėkite žymeklį prie tuščio bloko, kuriame parašyta „Pradėti rašyti arba įveskite / pasirinkti bloką“. Kai jūs rašysite, jūsų turinys užpildys bloką.

Tinkinkite turinį bloke

Norėdami tinkinti pastraipos stilių, naudokite įrankių juostą, rodomą virš jos.

Lygiavimas

Turėdami daugumą „Gutenberg“ blokų, turėsite galimybę pakeisti bloko viduje esančio turinio derinimą:

Gutenbergas-derinimas

Kairė yra numatytoji. Be to, galite pasirinkti, kad turinys būtų lygiuotas į centrą arba į dešinę.

Formavimas

Bet kada, kai bloke yra teksto, galite jį formatuoti paryškintu šriftu:

Gutenbergas-pastraipa-paryškinta

Padarykite tekstą kursyvu:

Gutenbergas-pastraipa-kursyvas

Arba pridėkite hipersaitą:

Gutenbergo-pastraipos-nuoroda

Jei norite, kad jūsų nuorodos būtų atidarytos naujame naršyklės lange, spustelėkite rodyklę žemyn, esančią hipersaito juostoje. Baigę atlikti pakeitimus spustelėkite rodyklę „Grįžti“, kad išsaugotumėte nuorodą.

Papildomos stiliaus parinktys

Jei spustelėsite rodyklę žemyn įrankių juostoje, rasite papildomų teksto stilizavimo parinkčių:

„Gutenberg-More-Text-Options“

„Kodas“ stiliuoja jūsų tekstą taip, lyg jis būtų parašytas kodų redaktoriuje:

Gutenbergo pastraipos kodas

„Įterptas vaizdas“ leidžia apvynioti tekstą aplink atvaizdą:

„Gutenberg-pastraipa-InlineImage“

Kaip matote, tai nėra efektyvus būdas sujungti vaizdus ir tekstą vienas šalia kito Gutenberge. (Vėliau apžvelgsime kitą būdą, kaip tai padaryti.)

Paskutinė parinktis čia leidžia pridėti perbraukimą per paryškintą tekstą:

Gutenbergo pastraipos perbraukimas

Daugiau blokavimo parinkčių

Paskutinis mygtukas įrankių juostoje visada parodo daugiau blokavimo parinkčių:

„Gutenberg-More-Block-Options“

Šios parinktys bus vienodos, nepriklausomai nuo to, kokį bloką redaguojate.

Greitai supraskime, ką jie daro:

  • Slėpti blokavimo parametrus: Pašalina dešinėje esančią šoninę juostą.
  • Dublikatas: Pateikia tikslią šio bloko kopiją.
  • Įterpti prieš: Prideda naują tuščią bloką virš šio.
  • Įterpti po: Prideda naują tuščią bloką žemiau šio.
  • Redaguoti kaip HTML: Jei norite rašyti HTML, blokas paverčiamas kodo redaktoriumi.
  • Pridėti prie daugkartinių blokų: Išsaugo bloką, kad galėtum jį pakartotinai naudoti kitoje svetainės vietoje.
  • Pašalinti bloką: Ištrina bloką.

Transformatų blokas

Įrankių juostoje yra dar vienas mygtukas, kurį turite žinoti:

„Gutenberg-Switch-Blocks“

Vis dėlto šis mygtukas ne visada atrodys tokiu būdu, todėl atminkite, kad pirmasis mygtukas leidžia dabartinį bloką paversti susijusiu.

Pavyzdžiui, tekstinį bloką, pavyzdžiui, pastraipą, galite paversti antrašte, sąrašu ar citata. Tačiau jūs negalite kažko, pavyzdžiui, pastraipos, paversti vaizdu ar skiriamąja linija. Tam jums reikės naujo bloko.

Pridėkite naują bloką

Norėdami pridėti naują bloką į savo puslapį, turite daugybę variantų.

Įterpti prieš / po

Savo bloko įrankių juostoje jau matėte parinktis Įterpti prieš / Įterpti po. Tai yra vienas iš būdų tai padaryti.

Jei spustelėsite toliau nuo esamo bloko ir užveskite pelės žymeklį ant jo viršaus, pamatysite mažą pliuso ženklą:

„Gutenberg-Add-Block-Cross“

Kai jį spustelėsite, paaiškės jūsų blokai:

„Gutenberg-Add-Block-Plus-Sign“

Pasirinkite tą, kurį norite pridėti naują bloką virš jau turimo.

Jei užveskite pelės žymeklį virš apatinės bloko dalies, pamatysite tą patį pliuso ženklą. Vienintelis skirtumas yra tas, kad jis pridės naują bloką žemiau jūsų turimo.

Naudokite savo klaviatūrą

Kitas būdas pridėti naują bloką yra paspaudus klaviatūros mygtuką „Grįžti“:

„Gutenberg-Add-Block-Enter“

Tai iškart pridės naują pastraipų bloką puslapyje.

Jei norite pakeisti jį į kitokio tipo bloką, galite naudoti pliuso ženklą, esantį kairėje naujo bloko:

„Gutenberg“ - „Change-new-block“

Arba galite įvesti brūkšnį (/), po kurio nurodomas bloko, kurį norite naudoti, pavadinimas:

„Gutenberg-Change-Block-Slash“

Pvz., Jei norėtumėte pridėti vaizdą, įvestumėte „/ image“. Blokavimo parinktis bus automatiškai užpildoma įvedant atitikimo pavadinimą.

Pridėkite bloką iš įrankių juostos

Visada galite tiesiog naudoti pagrindinę pridėjimo bloko funkciją įrankių juostoje:

„Gutenberg-Add-Block“

Peržiūrėkite parinktis arba įveskite ieškomo bloko pavadinimą.

Perkelkite bloką

Pradėję kurti blokus, galite nuspręsti, kad nepatenkinti jų pateikimo tvarka. O gal jūs pridėjote bloką aukščiau, kai jis turėjo būti žemiau.

Nereikia trinti blokų ar iškirpti ir įklijuoti turinio iš vieno bloko į kitą. Sprendimas yra paprastas.

„Gutenberg“ yra „drag and drop“ bloko redaktorius. Tai reiškia, kad galite lengvai perkelti savo blokus kur norite.

Yra du būdai, kaip tai padaryti.

Naudokite judėjimo rodykles

Pirmasis variantas yra judėjimo rodyklių naudojimas kairėje kiekvieno bloko pusėje. Užveskite pelės žymeklį virš norimo perkelti bloko ir rasite rodyklę aukštyn ir žemyn:

Gutenbergas-judėk-rodykles

Jei viskas, ką norite padaryti, yra vieną kartą perkelti bloką aukštyn arba žemyn, ši parinktis veikia gerai.

Gutenbergas-perkeltas-blokas

Naudokite „Nuvilkite“

Jei norite drastiškiau pertvarkyti savo blokus, turėtumėte naudoti vilkimą.

Jis yra toje pačioje vietoje kaip ir strėlės. Užveskite pelės žymeklį virš bloko, kurį norite perkelti, ir suimkite viduryje esančius taškus. Pamatysite žymeklį pakeitus ranka, kai atliksite:

Gutenbergas - patraukite, vilkite ir upuokite

Perkeldami bloką į naują puslapio dalį, įsitikinkite, kad prieš jį nuleidžiant matote tamsią liniją:

„Gutenberg-Move-Block“

Tai leidžia jums žinoti, kad jūs perkeliate bloką į laisvą vietą. Be šios linijos vilkimas neveiks.

Ištrinkite bloką

Jei nuspręsite, kad apskritai norite pašalinti bloką, turite ir kitų variantų.

Jūs jau matėte vieną iš jų. Tai yra papildomos jūsų bloko parinktys. Tiesiog spustelėkite „Pašalinti bloką“ ir jis bus ištrintas.

Visada galite ištrinti ir senamadiškai. Padėkite žymeklį bloko viduje ir naudokite klaviatūros mygtuką „Ištrinti“, kad jį pašalintumėte.

Tačiau atminkite, kad jei tai teksto blokas, pirmiausia turėsite pašalinti turinį, kad galėtumėte jį ištrinti tokiu būdu. Visus kitus dalykus – vaizdą, įterptą valdiklį ir kt. – galite tiesiog naudoti klavišą „Ištrinti“.

Taip pat galite pažymėti bloką (vilkdami žymeklį virš jo) ir paspausti mygtuką „Ištrinti“. Tai naudinga, jei norite paryškinti ir ištrinti daugiau nei vieną bloką vienu metu.

Sukurkite daugkartinį bloką

Daugkartinio naudojimo blokai yra naudingi, kai norite sukurti elementą, kuris gali būti naudojamas visoje svetainėje, pavyzdžiui, reklaminį tinklaraščio įrašų bloką ar raginimą veikti.

„Gutenberg-Sukurti-Daugkartinio naudojimo-Blokuoti

Užuot bandę atkurti bloką tuose puslapiuose, kuriuos norite tęsti, atidarykite bloko parinktis ir spustelėkite „Pridėti prie pakartotinai naudojamų blokų“. Tada duok jai vardą:

Gutenbergas-Vardas-Daugkartinis

Išsaugoję galėsite nuskaityti ir naudoti taip, kaip ir bet kurį iš „Gutenberg“ blokų. Rasite jį naujoje kategorijoje, vadinamoje „Daugkartinio naudojimo“:

„Gutenberg-Use-Category“

Ekskursija po Gutenbergo blokus

Klasikinis „WordPress“ redaktorius padėjo daug norėti padėti vartotojams sukurti sudėtingą turinį ir išdėstymus. Gutenbergo blokai panaikina tą kliūtį.

Susipažinkime su blokais:

Blokuoti kategorijas

„WordPress“ atliko puikų darbą suskirstydama savo blokus į kategorijas.

Dažni blokai

Tai yra jūsų bendrieji blokai:

Bendrieji blokai

Čia bus pagrindiniai tekstiniai ir vaizdiniai elementai, kuriuos naudojate puslapyje.

Blokų formatavimas

Tai yra jūsų formatavimo blokai:

Formatavimas - blokai

Daugelis iš jų yra kūrėjams palankūs blokai, todėl jums gali jų neprireikti. Gali praversti lentelės ir traukti kabučių rinkiniai.

Maketų blokai

Tai yra jūsų išdėstymo blokai:

Išdėstymas-blokai

Jei norite pridėti pertraukų prie savo turinio (pvz., Su dideliais tarpais ar skiriamąja linija) ar specialių elementų (pvz., Mygtuko), tuos dalykus rasite čia.

Valdiklių blokai

Tai yra jūsų valdikliai:

Valdikliai-blokai

Dažniausiai tai yra elementai, kurie turėtų būti jūsų tinklaraščio šoninėje juostoje, o ne būti rodomi jūsų puslapiuose. Vienintelės išimtys, kurias rasite, yra kitų papildinių sukurti blokai, tokie kaip šis „WPForms“ pavyzdys.

Įterpia blokus

Tai yra jūsų įdėjimai:

Įterpimai-blokai

Juos naudosite norėdami perduoti turinį iš kitų platformų. Tai naudinga norint įterpti tokius dalykus kaip „YouTube“ vaizdo įrašai, „SoundCloud“ klipai ir „Twitter“ įrašai.

Dažniausiai naudojami „Gutenberg“ blokai

Kaip matote, yra daugybė „Gutenberg“ blokų. Beje, yra tam tikrų elementų, kuriuos visi naudoja kurdami „WordPress“ puslapius ar įrašus, todėl pradėkite nuo pagrindų išmokimo:

Pastraipų blokas

Norėdami įterpti paprastą tekstą į savo puslapį, naudokite pastraipos bloką.

Pastraipa-blokas

Antraštės blokas

Norėdami pridėti antraštę prie savo puslapio, naudokite antraštės bloką.

Antraštės blokas

Tai leidžia jums pristatyti naujas temas puslapyje, tuo pačiu palengvinant jūsų turinio skaitymą. Mygtukai H2, H3 ir H4 taip pat leidžia nustatyti puslapių antraščių hierarchiją.

Sąrašo blokas

Norėdami pridėti ženklą arba sunumeruotą sąrašą į puslapį, naudokite sąrašą „Blokas“:

Sąrašų blokas

Tai taip pat naudinga norint pagerinti skaitomumą.

Vaizdo blokas

Norėdami pridėti vaizdą į savo puslapį, naudokite paveikslėlių bloką.

Vaizdo blokavimas

Galite įkelti vaizdą iš savo disko arba pasirinkti tokį, kuris jau yra jūsų medijos bibliotekoje.

Vaizdo įrašų blokas

Norėdami įterpti vaizdą į savo puslapį, naudokite vaizdo įrašo bloką.

Vaizdo blokas

Galite įkelti vaizdo įrašo failą, pasirinkti jį iš savo bibliotekos arba įkelti iš nuorodos.

Kadangi vaizdo įrašai užima daug vietos, geriausias pasirinkimas yra išsaugoti failą vaizdo įrašų bendro naudojimo platformoje, pavyzdžiui, „Vimeo“ ar „YouTube“. Tada įdėkite jį su nuoroda.

Tam nenaudosite vaizdo įrašų bloko. Verčiau ieškokite atitinkamo įdėjimo.

„YouTube“ turi vieną:

„YouTube“ įterpimas

Kaip ir Vimeo:

„Vimeo-Embed“

Tą patį turėtumėte daryti su visais garso failais (pvz., Transliacijomis ar garso takeliais), kuriuos norite įtraukti į puslapį. Norėdami tai padaryti, naudokite garso bloką arba atitinkamą įdėjimą (pvz., „Spotify“).

Mygtukų blokas

Mygtukų bloką naudokite lankytojams ar skaitytojams:

Mygtukas-blokas

Tai gali nukreipti juos į: „Suplanuokite dabar“, „Registruotis“, „Skaityti daugiau“ ir kt.

Medija ir teksto blokas

Kaip minėta anksčiau, pastraipų bloko parinktis Įterpti paveikslėlį yra neveiksmingas būdas sujungti tekstą ir vaizdus. Vietoje to naudokite laikmenos ir teksto bloką:

Medijos ir teksto blokas

Stulpeliai blokuoti

Kitas būdas sudėti du skirtingus (to paties ar skirtingo tipo) blokus vienas šalia kito yra naudojant „Stulpelių“ bloką:

Stulpelis-blokas

Norėdami pridėti papildomų stulpelių dešinėje arba kairėje, užveskite pelės žymeklį ant stulpelio viduje esančių blokų ir paspauskite pliuso ženklą. Tai tas pats, kaip pridėti naują bloką, tik tai pridės juos horizontaliai.

Socialinės medijos įterpimo blokai

Užuot naudodami įdėtą kodą iš socialinės žiniasklaidos, kad įdėtumėte pranešimą į savo puslapį, pridėkite nuorodą į įrašą čia:

Socialinė žiniasklaida - įterpimas

Yra „Facebook“, „Twitter“ ir „Instagram“ įdėjimo blokai, todėl raskite „Embed“ bloką, kuris atitinka jūsų socialinės žiniasklaidos įrašą.

Klasikinis blokas

Klasikinis blokas leidžia toliau kurti turinį „WordPress“ naudojant klasikinį redaktorių:

„Gutenberg-Classic-Block“

Klasikinis blokas taip pat naudojamas, kai svetainė pereina nuo klasikinio redaktoriaus prie Gutenberg redaktoriaus. „Gutenberg“ automatiškai nemėgins paversti jūsų teksto savo blokais. Tai tiesiog įtraukia juos į klasikinę redaktoriaus sąsają.

Jei norite konvertuoti savo klasikinį bloką į „Gutenberg“ blokus, eikite į „Daugiau parinkčių“ ir pasirinkite „Konvertuoti į blokus“:

„Gutenberg-Convert-Blocks“

Tai padarys viską, kad konvertuotų kiekvieną redaktoriaus elementą į atitinkamą bloką:

„Gutenberg“ konvertuoti blokai

Prieš išsaugodami pakeitimus, nepamirškite peržiūrėti išvestų blokų, ar nėra klaidų.

„WordPress“ papildinių blokai

Dauguma populiarių papildinių, kuriuos naudoja „WordPress“ vartotojai, yra suderinami su „Gutenberg“. Kai kuriais atvejais šie papildiniai sukūrė specialius blokus, kurie rodomi jūsų redaktoriuje.

Pvz., Jei naudojate kontaktinės formos papildinį, pvz „WPForms“, turėtumėte rasti jai tinkamą bloką:

„WPForms-Block“

Tiesiog sukurkite savo formą papildinyje ir suraskite ją čia pateiktame išskleidžiamajame meniu. Daugiau nebereikia sekti ir įklijuoti formos trumpųjų kodų.

Mielės, populiarus SEO įskiepis, yra dar vienas, kuris „Gutenberg“ pridėjo naujų blokų:

Mielių blokai

„WooCommerce“, „WordPress“ el. Prekybos sprendimas padarė tą patį:

„WooCommerce“ blokai

Taip pat yra „galutiniai“ „Gutenberg“ įskiepiai, kurie prideda krūvą naujų blokų jūsų statybininkui, pvz Svarbiausi Gutenbergo priedai:

„Ultimate-Addons-Gutenberg“

Šie papildinių tipai išplečia jūsų bloko kūrėjo funkcijas. Jei kuriate svetainę, kuriai reikia specialių elementų, tokių kaip „Google Maps“, atsiliepimų blokai ar el. Prekybos funkcijos, galite įtraukti juos į „Gutenberg“ naudodami tokius papildinius:.

Dokumentų ir blokų šoninės juostos apžvalga

Dabar, kai blokavimo redaktorius neveikia, atkreipkime dėmesį į dokumentą ir blokuokite šoninę juostą.

Kai žymeklis yra pavadinimo bloke arba tame puslapyje, kur bloko nėra, šoninė juosta parodys dokumento parametrus:

Dokumento šoninė juosta

Tai leidžia valdyti tokius dalykus kaip puslapio būsena ir išvaizda.

Čia yra pagrindiniai dalykai, kuriuos turite žinoti:

Būsena ir matomumas

Būsena ir matomumasŠiame skydelyje galite nustatyti, kas gali pamatyti puslapį (viešą, privatų ar apsaugotą slaptažodžiu), taip pat kada jis bus paskelbtas (jei ne iš karto). Jei norite visiškai ištrinti puslapį. Tai galite padaryti ir čia.

Pastovi nuorodaNaudokite šią skydą, kad pakeistumėte šliužą (identifikuojantį URL fragmentą). Pavyzdžiui:

https://mywebsite.com/„gutenberg-block-builder“

Teminis vaizdasTeminis vaizdas yra miniatiūra, kurią žmonės mato, kai jūsų tinklaraščio įrašai rodomi pagrindiniame tinklaraščio sklaidos kanale. Tai taip pat tai, ką socialinės žiniasklaidos platformos naudoja rodydamos savo nuorodų peržiūras.

Kategorijos

KategorijosTai galima tik tinklaraščio žinutėse. Naudokite tai norėdami organizuoti savo temas.

Žymos

ŽymosTai dar vienas nustatymas, galimas tik tinklaraščių įrašams. Naudokite tai norėdami pridėti raktinius žodžius, rodomus jūsų įraše, ir padėti skaitytojams rasti turinį susijusiomis temomis.

Kai žymeklis bus dedamas bet kuriame iš jūsų puslapio blokų (išskyrus pavadinimą), šoninė juosta persijungs į blokų rengyklę:

Blokuoti šoninę juostą

Ši šoninė juosta suteikia jums papildomų blokų redagavimo parinkčių, jei jų norite. Bloko šoninė juosta pasikeis atsižvelgiant į tai, kokį bloką dirbate.

Pvz., Pastraipos šoninėje juostoje rodomos:

Pastraipa-blokas-šoninė juosta

Galite pakoreguoti savo teksto dydį, taip pat teksto spalvą arba bloko foną. Jei žinote, kaip naudoti CSS klases, galite dar labiau pritaikyti bloko išvaizdą naudodami „Advanced Settings“.

Kita vertus, vaizdo šoninė juosta suteikia šiuos parametrus:

Vaizdo blokavimo šoninė juosta

Prie paveikslėlio galite pridėti kitą tekstą (svarbu SEO), pakeisti vaizdo dydį ir susieti vaizdą su interneto puslapiu.

Kai kurie blokai, pvz., „Twitter“ įdėjimas, šoninėje juostoje nesiūlo jokių papildomų nustatymų:

„Twitter-Block-Sidebar“

Vienintelis dalykas, kurį galite padaryti, yra sukurti pasirinktinę CSS klasę skiltyje „Papildomi nustatymai“..

Apatinė eilutė: jei kada nors manote, kad negalite visiškai redaguoti savo bloko naudodami blokavimo įrankių juostą, patikrinkite, ar šoninėje juostoje nėra papildomų parinkčių.

Ką daryti su įrankių juosta

Paskutinė redaktoriaus dalis, su kuria turite susipažinti, yra įrankių juosta, esanti jos viršuje:

„Gutenberg-Toolbar“

Tai gali atrodyti ne kas kita, kaip vieta, kur laikyti mygtukus „Peržiūra“ ir „Skelbti“, tačiau yra daug daugiau, ką galite ir turėtų naudoti įrankių juostą.

Peržiūrėkime pagrindinius dalykus:

Blokai

Pirmasis mygtukas įrankių juostoje yra, kur galite pasiekti naujus blokus:

„Gutenberg-Toolbar-Blocks“

Anuliuoti / atšaukti

Kiti du mygtukai leidžia anuliuoti (rodyklė nukreipta į kairę) arba perdaryti (rodyklė nukreipta į dešinę) paskutinį puslapio pakeitimą:

„Gutenberg-Toolbar-Undo“

Informacija apie puslapį

Tiems iš jūsų, norintiems sukurti puslapius, kuriuos lankytojai gali lengvai nuskaityti, mygtukas „i“ (informacija) suteikia jūsų turinio apžvalgą:

„Gutenberg-Toolbar-Info“

Pamatysite:

  • Kiek žodžių parašei.
  • Kiek yra antraščių, suskirstant pavadinimus po juo.
  • Kiek yra pastraipų.
  • Kiek blokų panaudojote.

Svarbiausia informacija, į kurią reikia atkreipti dėmesį, yra žodžiai ir antraštės.

Puslapio struktūra

Kitoje įrankių juostos dalyje pateikiami visi blokai, kuriuos naudojote kurdami savo puslapį:

„Gutenberg-Block-Navigation“

Naudokite tai, norėdami iškart pereiti prie bloko, kuriame norite dirbti. Tai naudinga redaguojant ilgesnių puslapių ir įrašų turinį.

Išsaugoti nustatymus

Šiuos pirmuosius tris mygtukus naudosite kiekviename sukurtame puslapyje ar įraše:

„Gutenberg-Save-Settings“

Norėdami išsaugoti pakeitimus privačiai dirbdami puslapyje, naudokite „Išsaugoti juodraštį“.

Norėdami peržiūrėti savo svetainės puslapį, naudokite „Peržiūra“.

Jei norite nukreipti savo puslapį į tiesioginę svetainę, naudokite „Skelbti“. Kai puslapis bus paskelbtas, šis mygtukas pasikeis į „Atnaujinti“. Naudokite tai norėdami išsaugoti ir perkelti į svetainę naujas savo puslapių versijas.

Nustatymai

Spustelėjus krumpliaračio (nustatymų) piktogramą, ji paslepia arba parodo „Gutenberg“ šoninę juostą. Štai kaip ji atrodo išjungta:

„Gutenberg“ -Įrankių juosta-Nustatymai-išjungta

Štai kaip atrodo įjungus:

„Gutenberg“ -Įrankių juosta-Nustatymai-Įgalinta

Daugiau pasirinkimų

Paskutinis įrankių juostos mygtukas atskleidžia papildomas parinktis ir įrankius. Naudokite tai, jei norite suasmeninti savo „Gutenberg“ darbo vietą.

„Gutenberg“ - įrankių juosta-daugiau-parinktys

Vaizdas

Pirmasis „Vaizdas“ variantų rinkinys:

„Gutenberg-Toolbar-View“

„Viršutinė įrankių juosta“ perkelia įrankių juostą iš jūsų blokų ir priklijuoja ją prie ekrano viršaus:

„Gutenberg-Top-Toolbar“

Redagavimo parinktys vis tiek keičiasi atsižvelgiant į jūsų pasirinktą bloką. Vienintelis skirtumas yra tas, kad dabar jis yra tik puslapio viršuje.

„Spotlight Mode“ panaikina nenaudojamus blokus:

„Gutenberg-Spotlight-Mode“

Jei norite pagalbos sutelkiant dėmesį į vieną bloką vienu metu, tai yra naudingas įrankis, įgalinantis.

„Viso ekrano režimas“ yra Gutenbergo rašymo būdas, atitraukiantis dėmesį:

„Gutenberg“ viso ekrano režimas

Tai pašalina „WordPress“ meniu viršuje ir kairėje, taip pat „Gutenberg“ šoninę juostą dešinėje.

Redaktoriaus režimas

Kitas rinkinys yra skirtas redaktoriaus režimui.

„Gutenberg-Options-Editor“

Pagal numatytuosius nustatymus „Gutenberg“ pateikia vartotojams „Visual Editor“.

Jei norite kurti savo puslapį HTML formatu, galite pereiti į „Kodo redaktorių“:

„Gutenberg-Code-Editor“

Tačiau efektyvesnis ir švaresnis būdas redaguoti blokus HTML yra tvarkyti atskirai (nes jums tikriausiai nereikia redaguoti viso puslapio kodo).

Kodo redagavimo priemonę galite pasiekti skiltyje „Redaguoti kaip HTML“:

„Gutenberg-Edit-HTML“

Tai pakeis bloką į HTML:

„Gutenberg-HTML-Block“

Redaguokite, kaip jums atrodo tinkama. Jei norite konvertuoti jį į vaizdinį režimą, atidarykite bloko parinktis ir pasirinkite „Redaguoti vizualiai“:

Gutenbergas-Redaguoti-Vizualiai

Įrankiai

„Gutenberg“ taip pat pateikia rinkinį įrankių, kurie leidžia jums patobulinti savo patirtį redaktoriuje:

„Gutenberg-Tools“

Pirmasis įrankis yra „Blokų tvarkyklė“:

„Gutenberg-Block-Manager“

Skirtingai nuo blokavimo naršymo įrankio, kurį matėme anksčiau, šis leidžia išjungti nenaudojamus blokus. Tokiu būdu, kai ateis laikas ieškoti naujo bloko, jums nereikės perkrauti blokų, kurių niekada nenaudosite.

„Tvarkyti daugkartinio naudojimo blokus“ pateks į daugkartinio naudojimo blokų redaktorių:

„Gutenberg“ - pakartotinai naudojami blokai

Čia bus saugomi išsaugoti blokai. Jei norite redaguoti pirminę bloko kopiją (arba iš viso sukurti naują), atlikite tai čia.

Nors Gutenbergas tikrai palengvino turinio kūrimą „WordPress“, kai kurie veiksmai gali tapti nuobodūs. Naudodamiesi Gutenbergo „Nuorodomis“, galite atlikti tokius veiksmus, kaip anuliuoti paskutinį redagavimą, dubliuoti bloką, paryškinti paryškintą tekstą ir išsaugoti pakeitimus tik klaviatūra..

„Gutenberg“ - spartieji klavišai

Visa „Kopijuoti turinį“ parinktis yra paryškinti ir nukopijuoti visus blokus puslapyje. Naudokite tai norėdami sukurti naują puslapį, kurio turinys ir dizainas yra panašūs. Tiesiog eikite į Puslapiai> Pridėti naują ir įklijuokite blokus į tuščią puslapį.

Paskutinė parinktis čia vadinama „Parinktys“. Tačiau iš tikrųjų tai leidžia išjungti kai kurias dokumento parametrų dalis šoninėje juostoje:

„Gutenberg-Sidebar-Options“

Vėlgi, jei pastebėsite, kad yra tam tikrų redaktoriaus dalių, kurių nenaudojate (pvz., Puslapio atributai), neleiskite jų čia, kad jie nesiblaškytų nuo elementų, kuriuos turite naudoti.

Apvyniokite

Kadangi „WordPress“ nuo pat pirmosios dienos naudojosi tuo pačiu redaktoriumi, pirmą kartą pristačius „Gutenberg“, buvo šiek tiek neigiamų padarinių.

Bet jei pažvelgtumėte į „drag-and-drop“ varžybas, besikaupiančias aplink „WordPress“ („Wix“, „Shopify“, „Squarespace“ ir kt.), Atėjo laikas pokyčiams.

Ši redaktoriaus raida atsipirko, leidžianti „WordPress“ aptarnauti vartotojus visais lygiais. Dabar jos vartotojai naudojasi šiais privalumais, kuriuos teikia internetinių svetainių kūrimas su blokų redaktoriumi:

  • Suasmenintas redaktoriaus vaizdas, kuris daro jus produktyvesnius.
  • Lengviau kurti ir tinkinti turinį.
  • Pažangesnis turinio kūrimas be anksčiau reikalingų techninių žinių.
  • Daugkartinio naudojimo blokai pagreitina dizainą ir užtikrina nuoseklumą visoje svetainėje.
  • Lengviau pridėti ir konfigūruoti konvertavimo elementus (pvz., Raginimo veikti mygtukus ir formas).
  • Populiarūs papildiniai ir temos suderinami su „Gutenberg“.
  • Greitesnis laikas pradėti.

Nuo 2022 m. Klasikinis redaktorius nebebus prieinamas. Taigi, dabar yra pats geriausias laikas išsiaiškinti, kaip ketinate priversti Gutenbergą padėti jums.

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