WordPress 5.8 prvýkrát otestoval úplnú úpravu stránok pomocou editora šablón. A teraz vám najnovšia verzia WordPress 5.9 umožňuje komplexne zažiť všetky aspekty tejto veľkej aktualizácie.
Možnosti vizuálnej úpravy a užívateľsky prívetivé funkcie FSE značne uľahčujú prácu s rôznymi časťami vašej lokality. Ako dlho však trvá, kým sa zoznámite s týmito novými zmenami a vychutnáte si bezproblémové úpravy? Čítajte ďalej a zistite všetko, čo potrebujete vedieť o úprave celého webu WordPress v tomto blogu.
Skôr než sa pustíme do oboznámenia sa s novými zmenami zavedenými s úplnou úpravou stránok, naučte sa niečo o úplnej úprave stránok WordPress.
Čo je úplná úprava stránok WordPress?
Úplná úprava stránok v podstate prebieha okolo konceptu blokov. Predtým bolo možné oblasť obsahu stránky upravovať prostredníctvom blokov. Pri úplnej úprave stránok bude každá časť vašej webovej stránky považovaná za blok.
Táto hlavná aktualizácia umožňuje používateľom pracovať s globálnymi prvkami a prvkami stránky na jednom rozhraní. Taktiež zaviedla nové vývojové nástroje a nový konfiguračný súbor témy.
Po inovácii verzie WordPress na 5.9 budete musieť aktivovať celú tému úpravy stránok, napr. Twenty Twenty-Two. A potom si môžete vytvoriť celú webovú stránku iba pomocou Gutenbergových blokov.
Vyskúšajte najnovšiu verziu WordPress
Spustite svoj web na WordPress 5.9 s naším super rýchlym spravovaným hostingom.
Ako vám prospieva úplná úprava stránok?
Úplná úprava stránok uľahčuje vytváranie a navrhovanie webových stránok WordPress ako kedykoľvek predtým. Rovnaký editor môžete použiť na definovanie globálnych prvkov a vykonanie akýchkoľvek zmien na stránke.
Čo sú globálne prvky?
Globálne prvky sú prvky, kontajnery a stĺpce, ktoré je možné po priradení nasadiť na celý web.
Táto nová metóda šetrí čas tým, že vám umožňuje vykonávať zmeny na webovej lokalite alebo na akejkoľvek jednotlivej stránke. Počas úprav vidíte všetky zmeny naživo, takže sa nemusíte presúvať medzi editormi, aby ste tieto zmeny mohli sledovať.
V dôsledku toho sa dizajn vášho webu zlepšuje, keď súčasne pracujete na globálnej úrovni a na úrovni stránky.
Ako aktivovať úplnú úpravu stránok na WordPress 5.9
Úplná úprava stránok nie je vo verzii WordPress 5.9 štandardne aktivovaná. Funkciu však môžete aktivovať podľa jednoduchých krokov nižšie:
- Prejdite na informačný panel svojho webu.
- Uvidíte svoju aktuálnu verziu a tému WordPress.
- Ako ukazuje obrázok vyššie, používame „Dvadsať Dvadsaťjeden“, takže ju budeme musieť aktualizovať.
- Kliknite Vzhľad > Témy.
- Nájdite „Dvadsať Dvadsaťdva“ alebo akúkoľvek inú tému FSE a kliknite Aktivovať.
- Po aktivácii kliknutím na Vzhľad zobrazíte novú možnosť „Editor“.
- Kliknite Editor.
- Tu to máte, bola aktivovaná úplná funkcia úpravy stránok. Teraz začnite hrať okolo blokov a navrhnite si svoj web.
Úplná úprava stránok WordPress: Čo je nové?
Úplná úprava stránok zjednodušila vytváranie a navrhovanie stránok WordPress, čo používateľom umožňuje vytvárať svoje webové stránky od začiatku bez kódovania.
Jeho editor stránok vám umožňuje vytvárať, zobrazovať ukážky a upravovať šablóny. Prostredníctvom rozhrania štýlov si môžete vybrať predvolené štýly a použiť bloky na vytvorenie celej webovej stránky. A je toho viac, takže sa poďme dozvedieť o nových zmenách zavedených s úplným editorom stránok.
Vytvorenie stránky
Ako už bolo spomenuté, pri úplnej úprave lokality sa každá časť stránky alebo šablóny považuje za blok. Stránku môžete vytvoriť pomocou častí šablóny alebo použiť jednotlivé šablóny.
Okrem toho môžete vytvárať, upravovať a zobrazovať ukážky šablón a častí šablón v novom editore lokality. Môžete tiež nájsť zoznam šablón:
Odkazy na ponuku prispôsobenia a miniaplikácií
Keď aktivujete celú tému úpravy lokality, nástroj na prispôsobenie a miniaplikácie zmiznú z karty Vzhľad na paneli WordPress.
Stáva sa to preto, že celá téma úpravy stránok je založená iba na blokoch, takže karty prispôsobenia a miniaplikácií sú skryté. Môžete ich však znova zobraziť, ak aktivujete akýkoľvek doplnok, ktorý používa nástroj na prispôsobenie.
Predvolená typografia a farby
Editor stránok predstavuje nový panel bočného panela s názvom štýly, ktorý sa nachádza v pravej hornej časti obrazovky. Kliknutím naň vyberiete typografiu, farby a rozloženie.
Možnosť blokov na karte „štýly“ vám umožňuje prispôsobiť vzhľad konkrétnych blokov a celého webu. Možnosti ako odseky, obrázky, nadpisy, tlačidlá, zoznamy atď. nájdete v blokoch.
Čo je nové pre autorov tém
Pred FSE vývojári používali PHP na kódovanie témy WordPress. Teraz sa môžu viac zamerať na HTML a blokové značenie.
Namiesto prispôsobovača majú pri navrhovaní väčší význam blokové vzory a globálne štýly.
Blokové vzory
Blokové vzory sú skupinou komponentov/blokov, ktoré vytvárajú opakovane použiteľné rozloženie. FSE tiež predstavuje prieskumníka vzorov na náhľad vzorov a ich použitie vo vašom obsahu prostredníctvom vkladača blokov. To vám umožní pridať viacero kópií vzoru na ľubovoľnú stránku a tiež ich upraviť.
Prieskumník vzorov vás navyše neobmedzuje na vzory motívov na vašom webe, ale môžete si vybrať ľubovoľný vzor z Knižnica vzorov úložiska WordPress.
Blokové vzory sú užitočné pre vývojárov tém, pretože možnosti písma a farieb sa spravujú pomocou „Štýly“, čo uľahčuje vytváranie vzorov bez potreby kódovania v nástroji na prispôsobenie.
Ako vytvoriť a zaregistrovať vzory blokov
Pred vytvorením vzoru bloku by ste sa mali rozhodnúť pre účel vášho bloku. Bola by to sekcia formulárov, funkcií alebo sekcia hrdinov? Keď ste sa rozhodli, kombinujte bloky v editore a vytvorte vzor. Nakoniec použite označenie bloku ako hodnotu na registráciu vzoru bloku.
Vzory blokov môžete zaregistrovať pomocou funkcie PHP register_block_pattern s inicializačným hákom. Postupujte podľa nasledujúcich krokov:
- Vytvorte priečinok vo svojej téme a pomenujte jej vzory.
- Vytvorte súbor PHP s nasledujúcim kódom vo vnútri:
function prefix_block_pattern() { register_block_vzor( … ); } add_action( ‘init’, ‘prefix_block_pattern’ );
- Zahrňte tento súbor do súboru functions.php.
Mali by ste použiť predvolený obsah v blokových vzoroch?
Používatelia uprednostňujú nejaký ukážkový obsah, ktorý ho nahradia svojim, čo uľahčuje proces. Pridajte ukážkové obrázky na „upozornenie používateľov“, aby ich nahradili. Keďže obrázky sú uložené lokálne v téme, ukážkové obrázky sa stratia, ak používateľ zmení tému.
Ak sa chcete dozvedieť viac o vytváraní vzorov, prečítajte si školiaci tím WordPress podrobnú dokumentáciu.
Tématické bloky
Pred FSE sa umiestnenie prvkov vykonávalo prostredníctvom šablón v editore blokov. Všetky tieto prvky však môžete pridať a nastaviť ich pozíciu prostredníctvom tematických blokov s úplným editorom stránok.
Rozloženie stránky môžete ovládať pomocou blokov tém, čo vás oslobodí od hraníc stanovených vašou témou a jej šablónami. FSE dokonca posúva túto funkciu ešte o krok ďalej tým, že vám umožňuje používať rôzne prvky tém na rôznych stránkach.
Okrem toho môžete tiež kombinovať editor blokov a bloky tém vytvorením vlastných šablón a úplnou kontrolou nad tým, ako návštevníci vašich stránok pristupujú k vášmu obsahu.
Znova aktivujte a aktualizujte doplnky
Zásuvné moduly zlepšujú používateľskú skúsenosť a uľahčujú vývojárom rýchle zmeny. Takmer každý responzívny a užívateľsky prívetivý web WordPress je podporovaný niektorými doplnkami. Tieto doplnky sa však musia aktualizovať pri každej aktualizácii WordPress, pretože niektoré verzie ich nemusia podporovať.
Najlepšou praxou je pravidelne kontrolovať zoznam doplnkov a zistiť, ktoré z nich je potrebné aktualizovať. S FSE budete musieť znova navštíviť zoznam doplnkov a zistiť, či niektorý z nich nie je kompatibilný alebo či nepotrebuje aktualizáciu.
Možno budete musieť znova aktivovať niektoré z predtým deaktivovaných doplnkov, aby ste mohli pracovať bez problémov.
Šablóny
Šablóny sú rozloženia obsahujúce vzory blokov, atribúty atď. a boli súčasťou súborov tém WordPress. Zvyčajne to boli súbory PHP obsahujúce nejaké HTML v starších verziách WordPress.
V prípade FSE však tieto súbory šablón nie sú súbormi HTML obsahujúcimi označenie bloku. Teraz zahŕňajú oblasť obsahu a časti šablóny a možno ich znova použiť aj v iných šablónach.
Ako vytvoriť motívy pomocou editora celej lokality
Vytváranie tém pomocou úplného editora stránok je jednoduchšie ako kedykoľvek predtým. Pomocou rôznych blokov a vzorov v editore lokality môžete vytvárať rozloženia podľa vlastného výberu.
Po dokončení návrhu ho môžete exportovať ako súbor .zip.
Ak chcete upraviť tému a exportovať ju, postupujte podľa krokov uvedených nižšie.
- Choďte do svojho Informačný panel WordPress
- Kliknite Vzhľad > Editor
- Upravte tému podľa svojich potrieb
- Kliknite na tri zvislé bodky v pravej hornej časti obrazovky
- Kliknite Export exportovať svoj motív ako komprimovaný súbor
Theme.json — Konfiguračný súbor témy
theme.json je nový konfiguračný súbor témy, ktorý je užitočný pre blokové aj klasické témy. Tento súbor vám môže pomôcť povoliť a zakázať rôzne funkcie, priradiť hodnoty k „Štýly” a vytvorte si vlastné vlastnosti CSS.
Vývojári tém používajú JSON na nastavenie predvolených vlastností, ako sú farby, písma, výplň, šírka obsahu a ďalšie.
Táto hlavná aktualizácia obsahuje niekoľko veľkých zmien, ako môžete vidieť. Oslovili sme rôznych odborníkov na WordPress, aby sme získali ich názor na úplnú úpravu stránok, a tu je to, čo majú povedať:
Robert Jacobi – Riaditeľ, WordPress v DreamHost
Od spustenia Gutenbergu sa neustále zlepšuje abstrahovanie zložitosti vývoja webu. Čoraz viac používateľov teraz môže jednoducho skočiť do WordPress a vytvárať a publikovať úžasný obsah. Vyvrcholením tejto pozornosti venovanej používateľskej skúsenosti je úplná úprava stránok (FSE). Ako dlho naposledy bol FSE spustený ako súčasť jadra WordPress.
Experimentoval som s FSE počas beta verzií, kandidátov na vydanie a teraz “Konečný“FSE.” Prečo „konečný“ v úvodzovkách, pretože toto je len prvý krok, ktorý umožní poskytovateľom tém a iným doplnkom vybudovať úplne nový ekosystém FSE.
Čo sa týka mojich prvotných skúseností, celkovo je FSE úžasný upgrade blokov, na ktoré sme boli zvyknutí posledných pár rokov. Schopnosť spravovať komponenty témy bez typického tvorcu stránok bola oslobodzujúca skúsenosť. Prepínanie tém z väčšej časti funguje podľa očakávania a vaša práca s jednou z nich môže prekvapivo dobre prechádzať.
Ale nie vždy, ako pri mnohých funkciách, ktoré sú v ich prvom vydaní, dochádza k občasnému ťahaniu vlasov a čkaniu. Blokové medzery nie sú vždy jasné a môžu spôsobiť, že úpravy budú mätúce, aj keď na frontende všetko funguje podľa očakávania. Samozrejme, tieto problémy budú postupne klesať a budú nasledovať robustnejšie funkcie.
Aj keď môžu existovať obavy, ako táto jednoduchosť používania ovplyvní vývojárov, mám pocit, že tieto obavy sú prehnané. Technológia sa musí snažiť byť viac prepojená s tým, ako väčšina ľudí funguje a rozumie technológiám. Táto abstrakcia základnej funkcionality je očakávaná a potrebná. Poskytovatelia tretích strán určite nájdu spôsoby, ako prijať a rozšíriť tento prvý krok.
Milana Čiapka – XWP Expert
Nie som si istý, či by som mal byť nazývaný odborníkom, ale vždy mám svoj názor.
Myslím, že je načase, aby si širšia komunita uvedomila, že Gutenberg a FSE tu ostanú. Všetko to nafukovanie a nafukovanie vo svete túto skutočnosť nezmení ani vám nepomôže dosiahnuť vaše ciele.
Prešli sme bodom „kto sa ma spýtal, či som s tým v poriadku, a kto môže rozhodnúť o tom, čo sa prijme do jadra a prečo“. Teraz je to len o vašom vlastnom prežití v obchodnom svete WordPress.
Na druhej strane, ak sa všetci pokúsime prísť na to, ako používať Gutenberg (ešte nie je neskoro, je stále vo verzii beta) a naučiť sa implementovať výhody, ktoré ponúka, pri vhodných nastaveniach (pretože stále nie je povinné používať ho vo všetkých príležitostiach, aspoň zatiaľ) bude mať viacero výhod:
- Niektoré chyby a nedostatky sa odhalia skôr a budú opravené
- Zoznam požadovaných funkcií bude zostavený skôr
- Proces dokumentácie sa urýchli
- Kvalitné kurzy a ďalší obsah sa dostanú von skôr
- Všetci budeme pripravení na prechod na FSE včas
- Nebudeme opakovať chybu, ktorú sme urobili s Gutenbergom tým, že sme neboli pripravení na spustenie
Pri spätnom pohľade bol Gutenberg prvým prípadom v histórii open source, kde sa PHP a React spojili do jedného CMS. A CMS, ktorý prevádzkuje 40% celého internetu, aby som bol presný.
Ak niekto očakával, že takáto obrovská úloha prebehne bez nešťastia, rád by som vám pripomenul, ako hladko dopadol váš posledný pokus o spojenie PHP a Javascriptu.
Aleksandar Predič – Technický poradca: Blexr | Expert na WordPress
V minulosti som bol požiadaný, aby som prepísal celý kód pre obrovskú webovú stránku. Pri práci na úlohe som si uvedomil nasledujúce body:
- Gutenberg je dostatočne stabilný na to, aby sa dal použiť bez akýchkoľvek výraznejších problémov
- Takmer všetko, čo som potreboval na dokončenie úlohy, som našiel v dokumentácii (bravo dokumentačnému tímu) alebo som sa prehrabal v Gutenbergovom kóde
- Výsledky výkonnosti webu boli na najvyššej úrovni a Gutenberg prispel k tomuto výsledku tým, že použil menej skriptov
Blokové vzory sú fantastické. Naozaj užitočné. Namiesto vytvárania čiernej od krvi zo zoznamu, ktorý zostavil tím pre obsah, som vzory uložil do súboru, pripraveného na použitie. To mi ušetrilo veľa hodín vývoja a údržby. Blokové vzory sú niečo, čo udržiava hlavný tím, nie vývojári.
Vzory vám navyše umožňujú vytvárať komplexné návrhy v moduloch, ktoré môžete neskôr spojiť s blokovými vzormi. Toto je obzvlášť dôležité, pretože to zjednodušuje moduly (jednotlivé bloky) a znižuje počet potenciálnych chýb, čím uľahčuje testovanie a údržbu modulov.
Pracoval som aj na hybridnom dizajne stránky šablóny recenzie. Požiadavky boli nastavené tak, že na pridanie plánovaného obsahu boli potrebné 4 rôzne sekcie v backende. Rozloženie zahŕňalo 4 rôzne karty obsahu s úplne odlišnými typmi obsahu.
Skúmal som možné spôsoby implementácie FSE pri plnení úloh. Svoj nápad som však nemohol zrealizovať, pretože v tom čase nebola infraštruktúra na FSE pripravená a dokumentácia nebola dokončená.
FSE by bolo ideálne riešenie pre tento konkrétny prípad. Bez FSE som musel skonštruovať hybridné riešenie pomocou blokov v jednej sekcii obsahu správcu. Gutenberg veľmi pomohol, pretože sa mi nakoniec podarilo získať pracovný postup, v ktorom mohol používateľ vyplniť celú stránku údajmi, ktoré zhromaždil REST API, a to všetko jedným kliknutím.
Ako vývojár vidím prípady, kedy by FSE nebolo ideálne. Mnoho spoločností nie je nadšených z toho, že jeden používateľ (napríklad editor obsahu) sa môže preklikávať cez webovú stránku a upravovať každý komponent, čím sa neguje množstvo práce, ktorú odvedie dizajnérsky a vývojový tím.
Spoločnosti s virtuálnymi asistentmi, ktoré nemajú žiadne technické vzdelanie, sú obzvlášť vystavené problémom „niekoľkých klientov, kým nezasiahne katastrofa“. Takéto spoločnosti uprednostňujú kódovanie najväčšej časti webovej stránky a nie v databáze webovej stránky.
Rýchle zhrnutie: FSE je úžasné. Uľahčuje to prácu. Súčasný koncept wp témy sa mení pred našimi očami. Klienti dostávajú viac slobody. Ale potreba rozvoja starej školy bude vždy prítomná, pretože FSE nie je pre každého.
Malé vylúčenie zodpovednosti na záver: toto je len moj aktualny nazor, zalozeny na niekolkych kratoch, co som hral s FSE.
Nikola Štulić – certifikovaný WordPress Expert Developer v Codeable
Dlho očakávaná funkcia Úplná úprava stránok je konečne tu. Otvára to mnoho nových príležitostí, pretože teraz budeme môcť vlastníkom stránok, ktorí radi publikujú nové alebo upravujú existujúce veci, poskytnúť lepšie možnosti úprav bez našej pomoci.
Mnoho vývojárov (vrátane mňa) je vždy skeptických k „radikálnym“ zmenám, najmä ak zákazníci môžu zničiť niečo, čo sme budovali niekoľko dní, týždňov alebo dokonca mesiacov.
FSE umožňuje editorom ovládať štýly, hlavičku, pätu alebo bočné panely. Stále musíme vidieť konečný výsledok, ale momentálne je FSE viac ako dobrá funkcia.
Otvára úplne novú cestu vpred. Pevne verím, že WordPress sa vďaka tejto novej funkcii rozrastie, pretože prídu noví používatelia, tí, ktorí milujú DIY prístup.
Nick Diego – Developer Advocate | WP Engine
Pripúšťam, že som zaujatý, ale úplná úprava stránok (FSE) je tá najzaujímavejšia vec, ktorá sa v poslednom desaťročí objavila vo WordPresse, okrem samotného editora blokov. FSE sľubuje riešenie prakticky bez kódu so silou a flexibilitou WordPress. S trochou tréningu si používateľ bez znalosti vývoja webu môže vybrať blokovú tému a nastaviť celú svoju webovú stránku z jedného rozhrania. Jednoducho mágia!
Teraz je dôležité si zapamätať, že FSE je zbierka funkcií vrátane editora stránok, blokov tém, úprav šablón, globálnych štýlov a ďalších. WordPress 5.9 bol len prvým debutom tohto balíka funkcií. Plánuje sa veľa iterácií s ďalšími vylepšeniami a doladením, ktoré sa ešte len majú vykonať.
V súčasnosti odporúčam každému vývojárovi WordPress, aby začal skúmať blokové témy a blokový vývoj, ak ste tak ešte neurobili. Používajte doplnok Gutenberg spolu s akýmikoľvek novými projektmi, pretože obsahuje všetky najnovšie funkcie FSE a je ukážkou WordPress 6.0. Môžete nájsť problémy a chyby. Môžete dokonca nájsť rozhodnutia o rozvoji, s ktorými nesúhlasíte. To je v poriadku!
Jednou z krás WordPressu je jeho flexibilita. Mnohé funkcie FSE sú voliteľné, ale nie všetky. Toto bol problémový bod, najmä pre agentúry, a do budúcnosti sa plánuje viac kontrol. Objavili sa aj obavy komunity týkajúce sa dostupnosti, používateľských povolení a ďalších. Tieto obavy sú opodstatnené a treba ich riešiť. Musíme byť úprimní v prípade akýchkoľvek nedostatkov, aby bolo možné dosiahnuť zlepšenie.
Ak nájdete problémy, prosím, otvorte problém na GitHub alebo kontaktujte mňa a iného vývojára v priestore WordPress. Sme nadšení pre to, aby bol WordPress čo najlepší pre všetkých používateľov.
Pevne verím, že FSE je budúcnosťou WordPress, ale túto vzrušujúcu cestu sme ešte len začali. Ak sa chcete dozvedieť viac, pozrite sa Sociálne vzdelávanie WordPress na týždenné vzdelávacie stretnutia, z ktorých mnohé sú zamerané na témy FSE. Dúfam že Ťa uvidím.
Záverečné myšlienky
FSE predstavuje revolúciu v oblasti vytvárania stránok, ktorá poskytuje koncovému používateľovi väčšiu kontrolu ako kedykoľvek predtým. Úplná úprava stránok vám ušetrí zložitosť kódovania, pretože všetko sa riadi pomocou blokov. Stále však existujú obrovské medzery, ktoré môžu byť vyplnené v budúcich vydaniach verzií WordPress.
Niektorí sa obávajú, že FSE ukradne prácu dizajnérom a vývojárom. Zatiaľ čo FSE určite poskytuje plnú kontrolu používateľovi, dizajnér a vývojár webovej stránky ju stále môžu prispôsobiť tak, aby fungovala naplno.
Aby som citoval Milana Cap, „FSE tu zostane.“ Je čas, aby sme prijali novú zmenu a naplno ju využili v náš prospech.
