save<\/code>funzione.<\/p>\n![\"Come](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-151739-61e4cecf0099f.png\")
<\/a><\/p>\nCi\u00f2 accade perch\u00e9 WordPress confronta il blocco salvato nel database con il codice corrente nella save<\/code>funzione nel blocco e non corrispondono. WordPress non \u00e8 in grado di correggere la differenza. Nella maggior parte dei casi puoi fare clic sui tre punti sul blocco e scegliere "Tentativo di ripristino del blocco". Se le modifiche apportate alla save<\/code>funzione sono piccole (ad es. un cambio di classe), WordPress \u00e8 in grado di ripristinare il blocco. Nel peggiore dei casi ‘ \u00c8 necessario fare clic su "Converti in HTML" e perderai la edit<\/code>funzionalit\u00e0 del blocco Ovviamente non possiamo aspettarci che gli utenti del nostro codice di blocco trovino manualmente tutti i post utilizzando questo blocco ed eseguano questi passaggi per ciascuno.<\/p>\nQuindi, prima di aggiornare la save<\/code>funzione, aggiungeremo del codice per dire a WordPress come gestire i vecchi contenuti che sono stati salvati con la vecchia save<\/code>funzione.<\/p>\nEntriamo nel codice!<\/h2>\n
In realt\u00e0 \u00e8 piuttosto semplice. In breve, quello che dobbiamo fare \u00e8; aggiungere una deprecated<\/code>propriet\u00e0 alla registerBlockType()<\/code>chiamata di funzione. Questa propriet\u00e0 prevede una matrice. Ci\u00f2 significa che puoi deprecare un blocco pi\u00f9 volte, fornendo pi\u00f9 voci nell’array. Ogni ammortamento \u00e8 definito come un oggetto che contiene la attributes<\/code>propriet\u00e0 completa e la (vecchia) save<\/code>funzione.<\/p>\nIn altre parole, definisci una deprecated<\/code>propriet\u00e0 come un array e poi copi i tuoi blocchi attributes<\/code>e save<\/code>funzioni al suo interno. Dovrai includere gli attributi anche se non stai modificando nulla in essi nell’aggiornamento. Non \u00e8 necessario includere la edit<\/code>funzione nell’ammortamento.<\/p>\ndeprecated: [\n {\n attributes: { ... },\n save: (props) => { ... }\n }\n]<\/code><\/pre>\nAndiamo su questo in un esempio pi\u00f9 pratico.<\/p>\n
Supponiamo che il nostro codice di blocco assomigli a questo. La edit<\/code>funzione \u00e8 esclusa in quanto non \u00e8 necessario gestirla nell’ammortamento.<\/p>\nconst { __ } = wp.i18n;\nconst { registerBlockType } = wp.blocks;\nconst { RichText } = wp.blockEditor;\n\u00a0\nimport edit from '.\/edit';\n\u00a0\nregisterBlockType( 'awp\/deprecated-block-example', {\n title: __( 'Example of deprecating a block' ),\n icon: 'format-aside',\n category: 'widgets',\n attributes: {\n alignment: {\n type: 'string',\n default: 'center'\n },\n exampleString: {\n type: 'string'\n },\n },\n edit,\n save: (props) => { \n const { exampleString } = props;\n return(\n <div className=\"deprecated-block-example\">\n <RichText.Content value={ exampleString } \/>\n <\/div>\n );\n }\n});<\/code><\/pre>\nQuindi supponiamo di voler apportare modifiche a entrambi gli attributi e salvare ed evitare di rompere i blocchi esistenti. Aggiungiamo la deprecated<\/code>propriet\u00e0 e vi copiamo l’intero attributes<\/code>e save<\/code>come elemento dell’array. Quindi siamo liberi di apportare modifiche attributes<\/code>o\/e save<\/code>funzioni.<\/p>\nconst { __ } = wp.i18n;\nconst { registerBlockType } = wp.blocks;\nconst { RichText } = wp.blockEditor;\n\u00a0\nimport edit from '.\/edit';\n\u00a0\nregisterBlockType( 'awp\/deprecated-block-example', {\n title: __( 'Example of deprecating a block' ),\n icon: 'format-aside',\n category: 'widgets',\n attributes: {\n alignment: {\n type: 'string',\n default: 'center'\n },\n exampleString: {\n type: 'string'\n },\n newThing: {\n type: 'string'\n },\n },\n edit,\n save: (props) => { \n const { exampleString, newThing } = props;\n return(\n <div className=\"deprecated-block-example\">\n <RichText.Content value={ exampleString } \/>\n <div className=\"new-content\">\n <RichText.Content value={ newThing } \/>\n <\/div>\n <\/div>\n );\n },\n deprecated: [\n {\n attributes: {\n alignment: {\n type: 'string',\n default: 'center'\n },\n exampleString: {\n type: 'string'\n },\n },\n save: (props) => { \n const { exampleString } = props;\n return(\n <div className=\"deprecated-block-example\">\n <RichText.Content value={ exampleString } \/>\n <\/div>\n );\n },\n }\n ]\n});<\/code><\/pre>\nCon questo codice compilato, puoi trovare un post esistente usando il vecchio codice di blocco e non dovresti ottenere alcun codice rotto!<\/p>\n
WordPress scoprir\u00e0 che il blocco sta utilizzando il nostro codice deprecato e caricher\u00e0 il contenuto utilizzando il save<\/code>codice deprecato. Una volta apportate modifiche al blocco e aggiornato il post, il blocco verr\u00e0 salvato utilizzando la nuova save<\/code>funzione.<\/p>\nAmmortamenti pi\u00f9 avanzati e ulteriori letture<\/h2>\n
L’esempio di codice sopra \u00e8 la forma pi\u00f9 semplice per l’ammortamento. migrate<\/code>WordPress supporta pi\u00f9 funzionalit\u00e0, come l’inclusione supports<\/code>e persino l’assegnazione di costanti (pensa ai numeri di versione) al tuo codice deprecato. Dai un’occhiata alla documentazione di WordPress sull’ammortamento dei blocchi<\/a>.<\/p>\n