Blokų redaktorius

4 modulis: Turinio kūrimas · Skaitymo trukmė: 8 min.

Mokymosi tikslas: Po šios pamokos galėsite sudaryti puslapį iš blokų ir modelių bei žinosite, kaip veikia juodraščiai, planavimas ir įrašo versijos.

Pagrindinės sąvokos: blokas, bloko nustatymai, įrankių juosta, sąrašo peržiūra, grupė, stulpeliai, modelis, sinchronizuotas modelis, juodraštis, privatus, planavimas, įrašo versijos, peržiūra

Viskas yra blokas

Nuo WordPress 5.0 (2018 m. pabaigos) turinys kuriamas blokų redaktoriuje (dar vadinamame Gutenberg, pagal projekto pavadinimą). Puslapį sudaro atskiri blokai: antraštė, pastraipa, nuotrauka, mygtukas, sąrašas, lentelė, įterpta vaizdo įrašas. Kiekvienas blokas turi savo nustatymus. Blokus galite dėti vieną po kito, greta vienas kito (stulpeliuose) arba vieną kitame (grupėje).

Kodėl blokai? Senajame redaktoriuje visas puslapis buvo vienas didelis teksto laukas. Jei norėjote dviejų stulpelių ar mygtuko, prireikdavo puslapio kūrimo įrankio, shortcode'ų arba HTML. Su blokais tai galima padaryti pačiame WordPress, o rezultatas yra tvarkinga HTML, kurią apipavidalina tema.

Už scenos WordPress išsaugo blokus kaip HTML su komentarų žymėmis prieš ir po:

<!-- wp:heading -->
<h2 class="wp-block-heading">Darbo laikas</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Esame atidaryti nuo antradienio iki šeštadienio imtinai.</p>
<!-- /wp:paragraph -->

Tai naudinga žinoti: turinys išlieka skaitoma HTML, net jei vėliau pakeisite temą arba blokas nebeegzistuoja. Tai pamatysite, jei prie bloko pasirinksite „Redaguoti kaip HTML“ arba kodo redaktoriuje (Ctrl+Shift+Alt+M).

Redaktorius iš trijų dalių

1. Drobė per vidurį: Jūsų puslapis maždaug taip, kaip jis atrodys.
2. Įrankių juosta virš pasirinkto bloko: pusjuodis, kursyvas, nuoroda, lygiavimas ir bloko keitimas į kitą tipą (pastraipa tampa sąrašu, nuotrauka tampa galerija).
3. Šoninė juosta dešinėje su dviem skirtukais: Puslapis (arba Įrašas) su viso puslapio nustatymais ir Blokas su pasirinkto bloko nustatymais, pavyzdžiui, spalva, tarpais ir šrifto dydžiu.

Du įrankiai, kurie labai palengvina darbą:

• Sąrašo peržiūra (piktograma su trimis brūkšneliais kairėje viršuje): Jūsų puslapio struktūra medžio pavidalu. Taip tiksliai pasirenkate norimą bloką, net jei jis yra grupėje viduje stulpelio.
• Pasvirojo brūkšnio komandos (slash commands): tuščioje eilutėje įveskite / ir bloko pavadinimą (/heading, /button, /image) ir paspauskite Įvesti.

Kūrimas naudojant grupes ir stulpelius

Geras puslapis turi aiškią struktūrą. Tam naudojami trys pagrindiniai elementai:

• Grupė: rėmelis aplink kelis blokus, su savo fonu ar tarpu. Pavyzdžiui, spalvotas blokas su antrašte, sakiniu ir mygtuku.
• Stulpeliai: blokai greta vienas kito. Telefone jie išsidėsto vienas po kito.
• Eilutė ir Rietuvė: grupės variantai, kurie išdėsto blokus horizontaliai arba vertikaliai.

Naudokite antraštes tinkamai: viena H1 (puslapio pavadinimas, kurį dažniausiai sukuria pati tema), po ja H2 skyriams ir H3 jų viduje esantiems poskyriams. Nerinkitės antraštės dėl šrifto dydžio; tai koreguojama bloko nustatymuose. Ekrano skaitytuvai ir paieškos sistemos naudoja antraštes, kad suprastų puslapio struktūrą (pamoka 9.2).

Modeliai: nereikia pradėti kiekvieną kartą iš naujo

Taip pat modelis yra jau paruošta blokų grupė: antraštė su tekstu ir nuotrauka, kainų lentelė, trys stulpeliai su piktogramomis. Juos įterpiate per įterpimo mygtuką (pliuso ženklą), skirtuke Modeliai. Jūsų tema dažnai pateikia keletą tokių, o wordpress.org modelių bibliotekoje jų yra šimtai.

Modelius galite kurti ir patys: pasirinkite keletą blokų, įrankių juostoje pasirinkite tris taškelius ir Sukurti modelį. Tada nurodote, ar modelis yra sinchronizuotas:

• Nesinchronizuota: kiekvieną kartą jį įterpdami gaunate atskirą kopiją. Jei ją pakeisite, pasikeis tik ta kopija. Patogu kaip šablonui.
• Sinchronizuojamas: visur, kur jis yra, jis yra toks pat. Jei pakeisite jį vienoje vietoje, jis pasikeis visur. Patogu, kai blokas „Kontaktai ir darbo laikas“ yra dešimtyje puslapių. (Anksčiau tai buvo vadinama „pakartotinai naudojamais blokais“.)

Spąstai: jei sinchronizuotą modelį „šiek tiek“ pakeisite viename puslapyje, jis pasikeis ir visuose kituose puslapiuose. Jei norite, kad vienoje vietoje būtų kažkas kitaip, paverskite tą vieną kopiją paprasta grupe (atskirkite nuo modelio).

Išsaugojimas, publikavimas ir planavimas

Puslapis turi būseną:

Naudokite Peržiūrėti, kad pamatytumėte puslapį taip, kaip jį matys lankytojas, taip pat mobiliajame telefone ir planšetėje, prieš publikuodami.

Įrašo versijos: grįžimas atgal laike

Kiekvieną kartą, kai išsaugote, WordPress išsaugo įrašo versiją: tuo momentu buvusią versiją. Šoninėje juostoje prie puslapio matote, kiek yra įrašo versijų. Spustelėjus jas, slankikliu matysite skirtumus tarp dviejų versijų ir galėsite atkurti senesnę versiją.

Įrašo versijos yra pirmasis Jūsų apsaugos tinklas padarius klaidą („netyčia ištryniau pusę puslapio“). Tačiau jos visos saugomos duomenų bazėje. Svetainė su tūkstančiais įrašo versijų tampa didesnė ir kartais lėtesnė. Jų skaičių galite apriboti wp-config.php faile:

define( 'WP_POST_REVISIONS', 20 );

Pamokoje 6.3 kalbama apie senų įrašo versijų išvalymą.

Kur baigiasi redaktoriaus veikimo sritis

Blokų redaktorius kuria puslapio turinį. Tai, kas yra aplink turinį (svetainės antraštė, meniu, poraštė), priklauso temai. Blokų temoje tai redaguojama Tinklalapio redaktoriuje (Išvaizda > Redaktorius) tais pačiais blokais; klasikinėje temoje tai daroma Išvaizdos redaktoriuje ir skiltyje Valdikliai (pamoka 5.1). Jei naudojate puslapių kūrimo įrankį, pavyzdžiui, Elementor ar Divi, dirbate toje programoje, o ne blokų redaktoriuje; tokio sprendimo trūkumus aptaria pamoka 5.1.

Santrauka

• Puslapį sudaro blokai, kuriuos dedate vieną po kito, greta ir vieną kitame; WordPress juos išsaugo kaip HTML su komentarų žymėmis.
• Sąrašo peržiūra ir pasvirojo brūkšnio komandos daro kūrimą greitą ir tikslų.
• Antraštes naudokite struktūrai (H2, H3), o ne šrifto dydžiui.
• Modeliai taupo darbą; sinchronizuotas modelis keičiasi visur vienu metu.
• Juodraštis, planavimas, privatumas ir įrašo versijos suteikia Jums kontrolę, kas ir kada matoma, bei galimybę grįžti atgal.

Testas (quiz)

Užduotis

Užduotis D4.1: Sukurkite puslapį naudodami blokus. Sukurkite juodraštinį puslapį „Apie mus“ su: viena H2 ir viena H3, bent dviem pastraipomis, nuotrauka su alt tekstu, stulpelių bloku su dviem stulpeliais, mygtuku su nuoroda ir modeliu iš bibliotekos. Vieną grupę paverskite savo sinchronizuotu modeliu ir įterpkite jį antrame juodraštiniame puslapyje. Tada pakeiskite jį vienoje vietoje ir pažiūrėkite, kas vyksta kitame puslapyje. Galiausiai atkurkite ankstesnę įrašo versiją. Atsižymėkite kiekvieną žingsnį ir dviem sakiniais aprašykite, kada naudotumėte sinchronizuotą modelį, o kada ne.

Papildoma literatūra

Darbui pačiame WordPress dar neturime savų straipsnių; oficiali WordPress dokumentacija yra išsami.

• Blokų redaktorius (wordpress.org, anglų kalba): https://wordpress.org/documentation/article/wordpress-block-editor/
• Modeliai (wordpress.org, anglų kalba): https://wordpress.org/documentation/article/block-pattern/
• Įrašo versijos (wordpress.org, anglų kalba): https://wordpress.org/documentation/article/revisions/