Kulutasid 20 minutit stiilse tegevusele kutsuva ploki kallal. Häälestasid värve, veeriseid ja teksti. Nädal hiljem avastad, et ehitad sama plokki nullist ühel teisel saidil. Tundub tuttav?

Plokkide käsitsi kopeerimine WordPressi saitide vahel neelab tunde, mida sul pole. Kuid Gutenberg lahendas selle probleemi ammu: korduvkasutatavad plokid koos JSON-ekspordiga võimaldavad sul iga ploki teisele saidile viia vähem kui minutiga. Pole vaja pluginaid, täielikke andmebaasi eksporte ega XML-importidega maadlemist.

See juhend viib sind läbi iga sammu, alates korduvkasutatava ploki loomisest kuni selle importimiseni eraldi saidil. Lisaks alternatiivne plugin, mis muudab protsessi veelgi lihtsamaks.

💡 Kiire ülevaade:

• Loo Gutenbergi redaktoris plokk ja muuda see korduvkasutatavaks
• Ekspordi see JSON-failina plokihalduse liidese kaudu
• Impordi JSON siht-WordPressi saidil ja plokk on kasutamiseks valmis
• Alternatiivina võimaldab Blocks Export Import plugin eksportida mis tahes plokke, mitte ainult korduvkasutatavaid

Mis on korduvkasutatavad plokid ja miks sul neid vaja on

Korduvkasutatav plokk Gutenbergis on salvestatud sisumall, mille lood ühe korra ja seejärel sisestad igasse postitusse või lehele. Muuda algset plokki ja muudatused levivad kõikjale, kus seda kasutatakse.

Tüüpilised kasutusjuhud:

• Tänusõnum või signatuur iga artikli lõpus
• Bänner pakkumise või tellimisvormiga
• Plokk kontaktandmete, juriidilise teabe või autoriõigusega
• Pildi slaidiseanss või galerii, mida kasutatakse mitmel lehel

Enne Gutenbergi oleksid selliseid juppe hoidnud töölaual tekstifailis ja kleepinud need lõikepuhvrist. Nüüd toimib see WordPressi tuuma tasemel ja liigub saitide vahel.

Oluline märkus: kui plokk sõltub kolmanda osapoole pluginast (näiteks Getwidi või Stackable'i plokid), peab sama plugin olema paigaldatud ka sihtsaidile. Vastasel juhul avaneb plokk veateatega või kaotab osa oma stiilidest.

1. Korduvkasutatava ploki loomine

Ava Gutenbergi redaktor valikuga Postitused → Lisa uus. Klõpsa ülemisel tööriistaribal ikooni Lisa plokk (+) ja vali vajalik plokitüüp. Allolevas näites on see lihtne lõiguplokk:

Seadista plokk: lisa tekst, lingid, taustavärv, polsterdus, kõik, mida lõpliku välimuse jaoks vajad. Meie näites on tulemuseks tänuplokk sotsiaalmeedia linkide ja värvilise taustaga:

Siin on valmis ploki välimus pärast stiilimist ja teksti kohandamist:

Siiani on see tavaline plokk. Et muuta see korduvkasutatavaks, klõpsa ploki tööriistaribal ikooni Rohkem valikuid (kolm punkti) ja vali Lisa korduvkasutatavatesse plokkidesse:

Anna plokile nimi ja klõpsa Salvesta. Valmis: plokk ilmub nüüd sinu saidi korduvkasutatavate plokkide kogusse.

2. Korduvkasutatava ploki kasutamine postitustes

Salvestatud ploki lisamine ükskõik millisesse postitusse või lehele võtab vaid paar klõpsu. Gutenbergi redaktoris klõpsa Lisa plokk (+), liigu vahekaardile Korduvkasutatavad plokid ja vali vajalik:

Pärast ploki sisestamist klõpsa Eelvaade või Avalda ja kontrolli tulemust avalikus vaates:

Plokk töötab igat tüüpi postitustes, mis toetavad Gutenbergi redaktorit: postitused, lehed, kohandatud postitüübid. Loo see üks kord, kasuta igal pool.

3. Ploki eksportimine JSON-faili

Kui plokk on valmis ja testitud, saad selle eksportida teisele saidile üleviimiseks. Gutenbergi redaktoris klõpsa ikoonil Veel tööriistu ja valikuid (kolm punkti paremas ülanurgas) ja vali Halda kõiki korduvkasutatavaid plokke:

Avaneb ekraan, kus on loetletud kõik saidi korduvkasutatavad plokid. Praegu on seal ainult üks, tänukiri. Uute plokkide loomisel loend kasvab:

Liigu hiirega ploki nime kohale ja näed linki Ekspordi JSON-ina. Klõpsa sellel:

Sinu brauser laadib alla faili laiendiga .json. Salvesta see arvutis sobivasse kausta:

JSON-faili sees on ploki täielik struktuur: HTML-märgendus, stiilid, atribuudid, pesastatud plokid. See on iseseisev fail, mis on valmis importimiseks igale WordPressi saidile, kus Gutenberg on aktiivne.

4. Ploki importimine teisele saidile

Siht-WordPressi saidil ava Gutenbergi redaktor (Postitused → Lisa uus). Klõpsa uuesti Veel tööriistu ja valikuid ja vali Halda kõiki korduvkasutatavaid plokke:

Plokkide ekraanil klõpsa nuppu Impordi JSON-ist, vali varem allalaaditud fail ja klõpsa Impordi:

Valmis. Imporditud plokk ilmub loendisse ja on kohe postitustesse lisamiseks saadaval:

Nüüdsest saad plokki teisel saidil kasutada täpselt samamoodi nagu esimesel. Korda protseduuri nii paljude plokkide puhul, kui soovid; piiranguid ei ole.

Alternatiivne meetod: Blocks Export Import plugin

Käsitsi meetod, mis hõlmab korduvkasutatavaks teisendamist, töötab enamiku stsenaariumite puhul, kuid sellel on üks piirang: saad eksportida ainult korduvkasutatavaid plokke. Tavaline plokk, mille just kujundasid, tuleb esmalt teisendada ja alles seejärel eksportida.

ThemeIsle’i plugin Blocks Export Import kõrvaldab selle piirangu. See lisab ekspordi nupu otse iga ploki menüüsse, ilma vahepealse teisendusetapita.

Paigalda ja aktiveeri plugin, seejärel ava Gutenbergi redaktor ja loo plokk. Veel valikuid menüüsse ilmub uus Ekspordi JSON valik:

Sinu arvutisse laaditakse alla JSON-fail kogu ploki struktuuriga. Selle importimiseks teisele saidile klõpsa Lisa plokk (+), lülitu Vidinad vahekaardile ja vali Impordi plokid JSON-ist:

Seejärel klõpsa Vali fail, osuta oma arvutis olevale JSON-ile ja klõpsa Laadi üles:

Pluginaga meetodil on üks puudus: sel viisil imporditud plokke ei salvestata saidi korduvkasutatavate plokkide kogusse. Need eksisteerivad ainult JSON-failina sinu arvutis. Käsitsi meetod (jaotised 1-4) seevastu salvestab ploki WordPressi andmebaasi, nii et see jääb kättesaadavaks tavalise plokihalduse liidese kaudu.

Millist meetodit valida, sõltub sinu stsenaariumist: ühekordseks ülekandeks oma saitide vahel kasuta pluginat (see on kiirem); pidevaks tööks plokikoguga mitmel saidil õpi selgeks tavaline korduvkasutatavate plokkide eksport.

Video: Gutenbergi plokkide eksportimine ja importimine praktikas

Vaata lühikest videoõpetust, mis näitab kogu tsüklit alates korduvkasutatava ploki loomisest kuni selle importimiseni teisele WordPressi saidile:

⁉️🤔 Korduma kippuvad küsimused

Kas ma saan eksportida mitu plokki ühes failis?

Jah. Vali redaktoris mitu plokki (hoia Shift all ja klõpsa igaühel), grupeeri need Lisa korduvkasutatavatesse plokkidesse kaudu ning ekspordi saadud grupp ühe JSON-failina. Blocks Export Import plugin toetab samuti mitme ploki eksporti: vali plokid ja vali Export JSON ning kõik valitud plokid jõuavad ühte faili.

Mida teha, kui imporditud plokk kuvatakse valesti?

Kolm tõenäolist põhjust. Esiteks: plugin, mille plokkidele imporditud sisu tugineb (Getwid, Stackable, Kadence Blocks või mõni sarnane), ei ole sihtsaidil paigaldatud. Paigalda plugin ja impordi uuesti. Teiseks: kahe saidi teemad erinevad oluliselt CSS-i poolest, mistõttu võib plokk pärida valed fondid või vahed. Kohanda ploki seadetes või lisa kohandatud CSS. Kolmandaks: JSON-fail sai ülekande käigus rikutud; laadi see alla ja impordi uuesti.

Kuidas eristada redaktoris tavalist plokki korduvkasutatavast?

Korduvkasutataval plokil on Gutenbergi redaktoris lilla ääris ja tööriistaribal korduskasutuse ikoon (kaks aasana ühendatud noolt). Tavalisel plokil on sinine ääris ilma erilise ikoonita. Korduvkasutatava ploki kohal hõljutades kuvatakse selle nimi.

Kas ploki eksportimisel säilivad teema stiilid?

Osaliselt. JSON sisaldab reasisest märgendust ja ploki atribuute (taustavärv, teksti suurus, üleminekud, kõik, mis on määratud Gutenbergi seadete kaudu). Aktiivse teema style.css-is määratletud stiile JSON ei sisalda: need kuuluvad teemale, mitte plokile. Seega võib plokk teisel saidil, teise teemaga, välja näha teistsugune. Disaini seisukohalt kriitiliste plokkide puhul määra olulised stiilid pigem ploki enda seadete kui teema CSS-i kaudu.

Kas eksporditud JSON-il on mahupiirang?

Tehniliselt mitte, kuid väga suured plokid, milles on kümneid pesastatud elemente, võivad tekitada mitme megabaidi suuruse JSON-faili. Sellise faili importimisel hakkab kehtima serveri PHP konfiguratsiooni upload_max_filesize direktiiv (vaikimisi 2 MB). Kui JSON ületab selle piiri, suurenda direktiivi failis php.ini või jaga plokk väiksemateks osadeks.

Millal on käsitsi eksportimine pluginast parem

Korduvkasutatavate plokkide kaudu toimuv käsitsi meetod on WordPressi tuuma sisse ehitatud. See ei sõltu kolmandate osapoolte uuendustest, ei lisa saidile lisakoodi ning salvestab plokid andmebaasi, nii et näed neid tavapärases haldusliideses.

Blocks Export Import plugin võidab kiiruses, kui on vaja lihtsalt plokk haarata ja see kohe, ilma teeki salvestamata, üle kanda. Kui aga töötad süstemaatiliselt standardsete plokkide komplektiga mitmel saidil, õpi selgeks sisseehitatud korduvkasutatav eksport. Plokiteek, mis on ligipääsetav igast postitusest, tasub selle täiendava teisendusklõpsu lõpuks ära.

Proovi mõlemat meetodit testpaari saitidel ja vali see, mis sinu töövooga paremini sobib. Kümme minutit seadistamist täna hoiab aasta jooksul kokku kümneid tunde.