Kā izmantot jauno WordPress bloķēšanas redaktoru (Gūtenberga apmācība)

Programmā WordPress 5.0 klasiskais satura redaktors tika aizstāts ar pavisam jaunu bloka redaktoru, kas pazīstams kā Gūtenbergs. Kopš tā laika vairāki mūsu lasītāji ir lūguši mums izveidot visaptverošu apmācību par to, kā WordPress lietot Gūtenberga bloka redaktoru.


WordPress bloku redaktors ir pilnīgi jauns un atšķirīgs satura veidošanas veids programmā WordPress. Šajā apmācībā mēs jums parādīsim, kā izmantot jauno WordPress bloka redaktoru un apgūt to, lai izveidotu vizuāli satriecošus emuāra ierakstus un lapas.

Izmantojot jauno WordPress bloka redaktoru aka Gutenberg

Kāda ir atšķirība starp bloķēšanas redaktoru (Gūtenbergu) un klasisko redaktoru?

Pirms ienirt jaunajā redaktorā, vispirms salīdzināsim un izprotam atšķirības starp Gūtenberga bloķēšanas redaktoru un klasisko redaktoru.

Lūk, kā izskatījās klasiskais WordPress redaktors:

Vecais WordPress redaktors

Ja jaunināt uz WordPress 5.0, tad jaunais bloka redaktors izskatās šādi:

Jaunais WordPress bloķēšanas redaktors, pazīstams arī kā Gūtenbergs

Kā redzat, tie ir divi pilnīgi atšķirīgi redaktori satura veidošanai WordPress.

Vecais klasiskais redaktors bija teksta redaktors ar formatēšanas pogām, kas bija ļoti līdzīgas Microsoft Word.

Jaunais redaktors izmanto pavisam citu pieeju, ko sauc par “Blocks” (tātad nosaukums Block Editor).

Bloki ir satura elementi, kurus pievienojat rediģēšanas ekrānam, lai izveidotu satura izkārtojumus. Katrs vienums, kuru pievienojat savai ziņai vai lapai, ir bloks.

Katrai rindkopai, attēliem, video, galerijām, audio, sarakstiem un citam varat pievienot blokus. Visiem kopējiem satura elementiem ir bloki, un WordPress spraudņi var pievienot vairāk.

Kā jaunais WordPress bloku redaktors ir labāks nekā klasiskais redaktors?

Jaunais WordPress bloķēšanas redaktors piedāvā vienkāršu veidu, kā ziņām un lapām pievienot dažāda veida saturu.

Piemēram, iepriekš, ja jūs vēlējāties pievienot tabulu savam saturam, tad jums bija nepieciešams atsevišķs tabulas spraudnis.

Izmantojot jauno redaktoru, jūs varat vienkārši pievienot tabulas bloku, atlasīt slejas un rindas un sākt pievienot saturu.

Galda bloks

Varat pārvietot satura elementus augšup un lejup, rediģēt tos kā atsevišķus blokus un viegli izveidot ar multividi bagātu saturu.

Vissvarīgākais ir tas, ka jauno WordPress bloku redaktoru ir viegli lietot un iemācīties.

Tas dod milzīgas priekšrocības visiem WordPress iesācējiem, kuri tikai sāk savu emuāru vai veido DIY biznesa vietni.

To sakot, apskatīsim, kā izmantot jauno WordPress bloķēšanas redaktoru kā profesionālu, lai izveidotu lielisku saturu.

Lūk, ko mēs apskatīsim šajā Gūtenberga apmācībā:

  1. Izmantojot Gūtenbergu – jauno WordPress bloķēšanas redaktoru
  2. Jauna emuāra ziņas vai lapas izveidošana
  3. Kā pievienot bloku Gūtenbergā
  4. Darbs ar blokiem jaunajā redaktorā
  5. Bloku saglabāšana un atkārtota izmantošana Gūtenbergā
  6. Izdošanas un pasta iestatījumi Gūtenbergā
  7. Spraudņa iestatījumi jaunajā redaktorā
  8. Dažu kopīgu bloku pievienošana Gūtenbergā
  9. Dažu jaunu satura bloku izpēte Gūtenbergā
  10. Bonusa padomi par Gūtenberga izmantošanu kā profesionāli
  11. Citu bloku pievienošana Gūtenberga bloku redaktoram
  12. Bieži uzdotie jautājumi par Gūtenbergu

Gatavs? Ienirsim iekšā.

Izmantojot Gūtenbergu – jauno WordPress bloķēšanas redaktoru

Bloka redaktors ir veidots tā, lai būtu intuitīvs un elastīgs. Lai arī tas izskatās savādāk nekā vecais WordPress redaktors, tas tomēr dara visas lietas, kuras varējāt izdarīt klasiskajā redaktorā.

Sāksim ar to, ka tiek aprakstītas pamata lietas, kuras jūs paveicāt klasiskajā redaktorā, un to, kā tās tiek veiktas bloka redaktorā.

Jaunas emuāra ziņas vai lapas izveidošana, izmantojot bloķēšanas redaktoru

Jūs sāksit izveidot jaunu emuāra ziņu vai lapu, kā jūs parasti darītu. Vienkārši noklikšķiniet uz Ieraksti »Pievienot jaunu jūsu WordPress administratora izvēlne. Ja veidojat lapu, dodieties uz Lapas »Pievienot jaunu izvēlne.

Notiek jaunas ziņas pievienošana

Tas atvērs jauno bloka redaktoru.

Kā pievienot bloku Gūtenbergā

Katras ziņas vai lapas pirmais bloks ir nosaukums.

Pēc tam varat izmantot peli, lai pārvietotos zem nosaukuma, vai nospiediet tastatūras taustiņu, lai pārvietotos uz leju un sāktu rakstīt.

Ievietojot ziņas virsrakstu Gūtenbergā

Pēc noklusējuma nākamais bloks ir rindkopas bloks. Tas lietotājiem ļauj sākt rakstīt uzreiz.

Tomēr, ja vēlaties pievienot kaut ko citu, varat noklikšķināt uz pogas Pievienot jaunu bloku redaktora augšējā kreisajā stūrī, zem esoša bloka vai bloka kreisajā pusē..

Pievienot jaunu bloķēšanas pogu

Noklikšķinot uz pogas, tiks parādīta pievienošanas bloka izvēlne ar meklēšanas joslu augšpusē un parasti izmantotajiem blokiem zemāk.

Jūs varat noklikšķināt uz cilnēm, lai pārlūkotu bloku kategorijas, vai ievadīt atslēgvārdu, lai ātri meklētu bloku.

Bloku meklēšana un pievienošana Gūtenbergā

Ja nevēlaties izmantot peli, lai noklikšķinātu uz pogas, varat izmantot īsinājumtaustiņu, ierakstot /, lai meklētu un pievienotu bloku.

Darbs ar blokiem Jaunajā redaktorā

Katram blokam ir sava rīkjosla, kas parādās bloka augšpusē. Rīkjoslā esošās pogas mainīsies atkarībā no rediģējamā bloka.

Piemēram, šajā ekrānuzņēmumā mēs strādājam rindkopu blokā, kas parāda pamata formatēšanas pogas, piemēram: teksta izlīdzināšana, treknraksts, slīpraksts, ievietošanas saite un pārsvītrojuma pogas.

Katram blokam ir sava rīkjosla

Papildus rīkjoslai katram blokam var būt arī savi bloka iestatījumi, kas parādīsies jūsu rediģēšanas ekrāna labajā kolonnā.

Bloķēt iestatījumus

Blokus var pārvietot uz augšu un uz leju, vienkārši velkot un nometot vai noklikšķinot uz augšup un lejup pogas blakus katram blokam.

Bloka pārvietošana uz augšu un uz leju

Bloku saglabāšana un atkārtota izmantošana Gūtenbergā

Viena no labākajām bloku lietām ir tā, ka tos var saglabāt un atkārtoti izmantot atsevišķi. Tas ir īpaši noderīgi emuāru autoriem, kuriem bieži rakstiem jāpievieno konkrēti satura fragmenti.

Vienkārši noklikšķiniet uz izvēlnes pogas, kas atrodas katra bloka rīkjoslas labajā stūrī. Izvēlnē atlasiet opciju “Pievienot atkārtoti lietojamiem blokiem”.

Notiek bloka saglabāšana, lai vēlāk to atkārtoti izmantotu

Jums tiks lūgts norādīt šī atkārtoti lietojamā bloka nosaukumu. Ievadiet sava bloka nosaukumu un pēc tam noklikšķiniet uz pogas Saglabāt.

Piešķirot vārdu atkārtoti lietojamam blokam

Bloka redaktors tagad saglabās bloku kā atkārtoti izmantojamu bloku.

Tagad, kad esat saglabājis bloku, redzēsim, kā pievienot atkārtoti lietojamu bloku citām WordPress ziņām un lapām jūsu vietnē.

Vienkārši rediģējiet ziņu vai lapu, kurai vēlaties pievienot atkārtoti lietojamu bloku. Ziņas rediģēšanas ekrānā noklikšķiniet uz pogas Pievienot bloķēšanu.

Saglabāto bloku atradīsit cilnē Atkārtoti izmantojams. Varat arī to atrast, meklēšanas joslā ierakstot tā vārdu.

Ievietojiet atkārtoti lietojamu bloku

Varat paņemt peli virs tā, lai redzētu ātru bloka priekšskatījumu. Vienkārši noklikšķiniet uz bloka, lai ievietotu to savā ziņojumā vai lapā.

Visi atkārtoti izmantojamie bloki tiek saglabāti jūsu WordPress datu bāzē, un jūs varat tos pārvaldīt, noklikšķinot uz saites Pārvaldīt visus atkārtoti izmantojamos blokus..

Pārvaldiet savus atkārtoti lietojamos blokus

Tādējādi jūs nokļūsit bloka pārvaldnieka lapā. Šeit jūs varat rediģēt vai izdzēst jebkuru atkārtoti lietojamu bloku. Varat arī eksportēt atkārtoti lietojamus blokus un izmantot tos jebkurā citā WordPress vietnē.

Importējiet atkārtoti lietojamus blokus WordPress

Publicēšanas un pārvaldības iespējas Gūtenberga bloka redaktorā

Katrā WordPress ierakstā ir daudz metadatu. Tas ietver informāciju, piemēram, publicēšanas datumu, kategorijas un tagus, piedāvātos attēlus un citu.

Visas šīs iespējas ir glīti ievietotas redaktora ekrāna labajā kolonnā.

Dokumenta iestatījumi jaunajā WordPress redaktorā Gūtenbergā

Spraudņa iespējas Gūtenbergā

WordPress spraudņi var izmantot bloķēšanas redaktora API priekšrocības, lai rediģēšanas ekrānā integrētu savus iestatījumus.

Daži populāri spraudņi jau ir pieejami kā bloki. Piemēram, WPForms, labākais WordPress veidlapu veidotāja spraudnis ļauj jums pievienot veidlapas savam saturam, izmantojot logrīku bloku.

WPForms bloķē jauno Gūtenberga redaktoru

Šeit Yoast SEO ļauj rediģēt SEO iestatījumus jaunajā redaktorā:

Yoast SEO iestatījumi jaunajā Gūtenberga redaktorā

WooCommerce komplektācijā ietilpst arī logrīku bloki, kurus varat viegli pievienot jebkurai WordPress ziņai un lapai.

WooCommerce produktu bloķēšana

Dažu izplatītu bloku pievienošana jaunajā redaktorā

Būtībā jaunais redaktors var darīt visu, ko izdarīja klasiskais redaktors. Tomēr jūs darīsit lietas daudz ātrāk un eleganti nekā iepriekš.

1. Attēla pievienošana jaunajā WordPress redaktorā

Jaunajā WordPress redaktorā ir gatavs lietošanai attēlu bloks. Vienkārši pievienojiet bloku un pēc tam augšupielādējiet attēla failu vai atlasiet no multivides bibliotēkas.

Attēlu bloks jaunajā WordPress redaktorā

Varat arī vilkt un nomest attēlus no datora, un redaktors tam automātiski izveidos attēlu bloku.

Kad esat pievienojis attēlu, jūs varēsit redzēt bloka iestatījumus, kur varēsit pievienot attēla metadatus, piemēram, alt tekstu, lielumu un pievienot saiti attēlam..

Attēlu bloķēšanas iestatījumi

2. Saites pievienošana jaunā bloka redaktorā

Bloku redaktorā ir vairāki bloki, kur var pievienot tekstu. Visbiežāk izmantotais ir rindkopu bloks, kas pievienots rīkjoslā esošās saites ievietošanas saitei.

Visos citos parasti izmantotajos teksta blokos rīkjoslā ir arī saites poga.

Saites poga saraksta blokā

Saiti var arī ievietot, izmantojot īsinājumtaustiņu, kas ir Command + K operētājsistēmai Mac un CTRL + K uz Windows datoriem.

3. Attēlu galerijas pievienošana Gūtenbergā

Galerijas bloks darbojas tāpat kā attēlu bloks. Jūs to pievienojat un pēc tam augšupielādējat vai atlasāt attēlu failus.

Attēlu galerijas pievienošana jaunajā WordPress redaktorā

4. Īskodu pievienošana WordPress ziņās, izmantojot Gūtenbergu

Visi jūsu īskodi darbosies tāpat kā klasiskajā redaktorā. Jūs varat tos vienkārši pievienot rindkopai vai arī izmantot īskodu bloku.

Īskoda bloka pievienošana

Dažu jaunu satura bloku izpēte Gūtenbergā

Gūtenberga redaktors sola atrisināt dažus ilgstošus WordPress lietojamības jautājumus, ieviešot dažus jaunus blokus.

Šie ir daži no izlases veidiem, kuri, mūsuprāt, lietotājiem būs ļoti noderīgi.

1. Attēla pievienošana WordPress blakus kādam tekstam

Izmantojot veco redaktoru, daudzi no mūsu lietotājiem nespēja ievietot attēlu blakus tekstam. To var izdarīt tagad, izmantojot Plašsaziņas līdzekļi & Teksts bloķēt.

Multivide un teksta bloks

Šajā vienkāršajā blokā ir divi bloki, kas novietoti blakus, ļaujot ērti pievienot attēlu un blakus tam pievienot tekstu.

2. Pogas pievienošana WordPress ziņās un lapās

Pogas pievienošana emuāra ziņām vai lapām bija vēl viens kairinājums klasiskajā redaktorā. Jums vai nu bija jāizmanto spraudnis, kas izveidoja pogas saīsni, vai arī jums bija jāpārslēdzas uz HTML režīmu un jāraksta kods.

Gūtenbergam ir pogu bloks, kas ļauj ātri pievienot pogu jebkurai ziņai vai lapai.

Pogas bloka pievienošana Gūtenbergā

Varat pievienot savas pogas saiti, mainīt krāsas un izvēlēties no trim pogas stiliem.

3. Skaistu vāka attēlu pievienošana emuāra ziņām un galvenajām lapām

Vēl viena lieliska iespēja, kuru jūs varētu vēlēties izmēģināt, ir bloks ‘Cover’, kas ļauj ziņām un lapām pievienot vāka attēlus.

Vāka attēls ir plašāks attēls, ko bieži izmanto kā vāku jaunai lapas sadaļai vai stāsta sākumam. Tie izskatās skaisti un ļauj jums izveidot saistošus satura izkārtojumus.

Vienkārši pievienojiet vāka bloku un pēc tam augšupielādējiet attēlu, kuru vēlaties izmantot. Jūs varat izvēlēties pārklājuma krāsu vākam vai padarīt to par fiksētu fona attēlu, lai radītu parallaksa efektu, kad lietotāji ritina lapu uz leju.

Vāka attēla bloks Gūtenberga redaktorā

4. Galdu izveidošana rakstu iekšpusē

Klasiskajam redaktoram nebija pogas, lai WordPress ziņās pievienotu tabulas. Jums bija jāizmanto spraudnis vai jāizveido tabula, kurā rakstīt pielāgotu CSS un HTML.

Jaunajam Gūtenberga redaktoram ir noklusējuma tabulas bloks, kas padara to par ļoti ērtu tabulu pievienošanu ziņām un lapām. Vienkārši pievienojiet bloku un pēc tam atlasiet ievietoto kolonnu un rindu skaitu.

Galda bloks

Tagad varat turpināt darbu un sākt pievienot datus tabulas rindām. Ja nepieciešams, vienmēr varat pievienot vairāk rindu un kolonnu. Ir arī pieejamas divas pamata stila iespējas.

5. Vairāku kolonnu satura izveidošana

Vairāku kolonnu satura izveidošana bija vēl viena problēma, ar kuru klasiskais redaktors nemaz netika galā. Bloku redaktors ļauj pievienot kolonnu bloku, kas pamatā pievieno divas rindkopas bloku kolonnas.

Vairāku kolonnu saturs

Šis kolonnu bloks ir diezgan elastīgs. Jūs varat pievienot ne vairāk kā 6 kolonnas pēc kārtas un katras kolonnas iekšpusē pat izmantot citus blokus.

Bonusa padomi, kā izmantot Gūtenbergu kā profesionāli

Aplūkojot jauno bloku redaktoru, jums varētu rasties jautājums, vai jūs pavadīsit vairāk laika bloku pievienošanai un pielāgošanai, nevis izveidosit reālu saturu?

Jaunais redaktors ir neticami ātrs, un pat ļoti vienkāršs lietojums dažām minūtēm ļaus jums uzreiz pievienot blokus, pat nedomājot.

Diezgan drīz jūs sapratīsit, cik daudz ātrāk darbplūsma kļūs, izmantojot šo jauno pieeju.

Elektroenerģijas lietotājiem šeit ir daži prēmiju padomi, kas jums palīdzēs vēl ātrāk strādāt ar jauno WordPress redaktoru.

1. Pārvietojiet bloķēšanas rīkjoslu uz augšu.

Kā jūs, iespējams, pamanījāt ekrānuzņēmumos, ka katra bloka augšpusē ir rīkjosla. Šo rīkjoslu var pārvietot uz redaktora augšdaļu.

Vienkārši noklikšķiniet uz trīs punktu pogas ekrāna augšējā labajā stūrī un pēc tam atlasiet opciju Augšējā rīkjosla.

Pārvietojiet bloķēšanas rīkjoslu uz redaktora augšdaļu

2. Izmantojiet īsinājumtaustiņus

Gūtenberga komplektācijā ietilpst vairāki parocīgi īsceļi, kas padarīs jūsu darbplūsmu vēl labāku. Pirmais, kas jums jāsāk lietot uzreiz, ir /.

Vienkārši ievadiet / un pēc tam sāciet rakstīt, un tas parādīs atbilstošos blokus, kurus varat uzreiz pievienot.

Lai iegūtu vairāk īsceļu, noklikšķiniet uz trīs punktu izvēlnes ekrāna augšējā labajā stūrī un pēc tam atlasiet “Tastatūras saīsnes”..

Palaidiet īsinājumtaustiņus

Tas parādīs uznirstošo logu ar visu izmantojamo īsinājumtaustiņu sarakstu. Sarakstā būs dažādi saīsnes Windows un Mac lietotājiem.

3. Velciet un nometiet multividi, lai automātiski izveidotu multivides blokus

Gūtenbergs ļauj jums vienkārši vilkt un nomest failus jebkur ekrānā, un tas automātiski jums izveidos bloku.

Jūs varat nomest vienu attēla vai video failu, un tas jums izveidos bloku. Varat arī nomest vairākus attēlu failus, lai izveidotu galerijas bloku.

Velciet un nometiet galerijas bloku jaunajā WordPress redaktorā

4. Pievienojiet YouTube, Twitter, Facebook, Vimeo un citas iegultnes

Gūtenbergs bloku redaktorā ievieš jaunus iegulto blokus. Ir bloķēts visiem atbalstītajiem iegulšanas veidiem, ieskaitot YouTube, Twitter, Facebook un citas.

Iegult blokus

Tomēr iegremdēto URL jūs jebkurā brīdī varat vienkārši nokopēt un ielīmēt, un tas jums automātiski izveidos bloķēšanu.

Piemēram, ja pievienojāt YouTube video URL, tas automātiski izveidos YouTube iegulšanas bloku un parādīs video.

YouTube iegulšana

Vairāk bloku pievienošana Gūtenberga bloku redaktoram programmā WordPress

Jaunais bloku redaktors WordPress ļauj izstrādātājiem izveidot savus blokus. Ir daži satriecoši WordPress spraudņi, kas jaunajam redaktoram piedāvā bloku paketes.

Šeit ir daži no tiem:

1. Izvērstā Gūtenberga

Izvērstā Gūtenberga

Advanced Gutenberg nāk ar vairākiem blokiem populāriem satura elementiem, piemēram, WooCommerce produktu slīdni, atsauksmes, kartes, skaitītāju, cilnes, akordeonus un citu.

Tas arī dod jums papildu kontroli, kā lietotāji var piekļūt blokiem, pamatojoties uz viņu lietotāja lomām. Jūs varat izveidot lietotāju profilus un izvēlēties, kurus blokus viņi var pievienot.

2. Saliekams – Gūtenberga bloki

Saliekams - Gūtenberga bloki

Saliekams – Gūtenberga bloki ir skaisti izstrādātu Gūtenberga bloku kolekcija, ko varat izmantot savā vietnē. Tajā ir konteinera bloki, ziņas, režģis, akordeons, attēlu kaste, ikonu saraksts, aicinājums uz darbību un daudz kas cits.

3. Redaktora bloki

Redaktors bloķē Gūtenbergu

Redaktora bloki ir vēl viena glīta Gūtenberga bloku kolekcija, kuru varat izmantot. Tam ir noderīgi bloki, piemēram, autora profils, varoņa attēls, cenu tabula, zīmoli, funkcijas un daudz kas cits.

Bieži uzdotie jautājumi par Gūtenbergu – jauno bloķēšanas redaktoru WordPress

Kopš Gūtenbergs kļuva par jauno WordPress redaktoru, mēs uzzinājām daudz jautājumu. Šeit ir atbildes uz dažiem no visbiežāk uzdotajiem jautājumiem par Gūtenbergu.

1. Kas notiek ar manām vecākajām ziņām un lapām? Vai es tos joprojām varu rediģēt??

Jūsu vecās ziņas un lapas ir pilnīgi drošas, un Gūtenberga tos neietekmē. Jūs tos joprojām varat rediģēt, un Gūtenbergs tos automātiski atvērs blokā, kurā ir klasiskais redaktors.

Vecāku rakstu rediģēšana jaunajā WordPress redaktorā

Varat tos rediģēt vecajā redaktorā vai arī pārveidot vecākus rakstus blokos un izmantot jauno bloku redaktoru.

2. Vai es joprojām varu izmantot veco redaktoru??

Jā, jūs joprojām varat turpināt izmantot veco redaktoru. Vienkārši instalējiet un aktivizējiet spraudni Classic Editor.

Pēc aktivizēšanas tas bloķēs bloķēšanas redaktoru, un jūs varēsit turpināt izmantot klasisko redaktoru.

Lūdzu, ņemiet vērā, ka klasiskais redaktors tiks atbalstīts līdz 2022. gadam.

3. Ko darīt, ja jaunais redaktors nedarbojas ar spraudni vai motīvu, kuru izmantoju?

Gūtenberga projekts ilgu laiku tika izstrādāts. Tas spraudņu un tēmu autoriem deva daudz laika, lai pārbaudītu sava koda saderību.

Tomēr joprojām pastāv iespēja, ka daži spraudņi un motīvi var nedarboties jaunajā redaktorā. Tādā gadījumā jūs varat instalēt klasiskā redaktora spraudni, pieprasīt izstrādātājam pievienot Gūtenberga atbalstu vai vienkārši atrast alternatīvu spraudni vai motīvu.

4. Kā uzzināt vairāk Gūtenberga padomus un ieteikumus?

WPBeginner ir labākā vieta, kur uzzināt par jauno bloka redaktoru WordPress. Mēs esam lielākā WordPress resursu vietne internetā.

Mēs publicēsim jaunus rakstus un atjaunināsim savus vecos resursus, lai palīdzētu jums apgūt jauno bloka redaktoru.

Tikmēr, ja jums ir kādi jautājumi, nekautrējieties sazināties ar mums, atstājot komentāru vai izmantojot kontaktu veidlapu mūsu vietnē.

Mēs ceram, ka šī Gūtenberga apmācība jums palīdzēja iemācīties izmantot jauno WordPress bloka redaktoru. Varat arī apskatīt mūsu pilnīgo WordPress veiktspējas rokasgrāmatu, lai uzlabotu vietnes ātrumu.

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