save<\/code>funktionen.<\/p>\n![\"Hur](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-151739-61e4cecf0099f.png\")
<\/a><\/p>\nDetta beror p\u00e5 att WordPress j\u00e4mf\u00f6r det sparade blocket i databasen med den aktuella koden i save<\/code>funktionen i ditt block, och de st\u00e4mmer inte \u00f6verens. WordPress kan inte korrigera skillnaden. I de flesta fall kan du klicka p\u00e5 de tre prickarna p\u00e5 blocket och v\u00e4lja "Attempt Block Recovery". Om \u00e4ndringarna som gjorts i save<\/code>funktionen var sm\u00e5 (t.ex. en klass\u00e4ndring) kan WordPress \u00e5terst\u00e4lla blocket. Worst case scenario you’ d m\u00e5ste klicka p\u00e5 "Konvertera till HTML" och du kommer att f\u00f6rlora blockets edit<\/code>funktionalitet. Vi kan naturligtvis inte f\u00f6rv\u00e4nta oss att anv\u00e4ndarna av v\u00e5r blockkod manuellt ska hitta alla inl\u00e4gg som anv\u00e4nder detta block och utf\u00f6ra dessa steg f\u00f6r var och en.<\/p>\nS\u00e5 innan vi g\u00f6r uppdateringar av save<\/code>funktionen l\u00e4gger vi till lite kod f\u00f6r att ber\u00e4tta f\u00f6r WordPress hur man hanterar gammalt inneh\u00e5ll som har sparats med den gamla save<\/code>funktionen.<\/p>\nL\u00e5t oss komma in i koden!<\/h2>\n
Det \u00e4r faktiskt ganska enkelt. Kort sagt vad vi beh\u00f6ver g\u00f6ra \u00e4r; l\u00e4gg till en deprecated<\/code>egenskap till registerBlockType()<\/code>funktionsanropet. Den h\u00e4r egenskapen f\u00f6rv\u00e4ntar sig en array. Det betyder att du kan fasa ut ett block flera g\u00e5nger genom att tillhandah\u00e5lla flera poster i arrayen. Varje avskrivning definieras som ett objekt som inneh\u00e5ller hela attributes<\/code>egenskapen och den (gamla) save<\/code>funktionen.<\/p>\nMed andra ord, du definierar en deprecated<\/code>egenskap som en array och sedan kopierar du ditt blocks attributes<\/code>och save<\/code>funktion in i den. Du m\u00e5ste inkludera attribut \u00e4ven om du inte \u00e4ndrar n\u00e5got i dem i uppdateringen. Du beh\u00f6ver inte ta med edit<\/code>funktionen i avskrivningen.<\/p>\ndeprecated: [\n {\n attributes: { ... },\n save: (props) => { ... }\n }\n]<\/code><\/pre>\nL\u00e5t oss g\u00e5 om detta i ett mer praktiskt exempel.<\/p>\n
Anta att v\u00e5r blockkod ser ut ungef\u00e4r s\u00e5 h\u00e4r. Funktionen edit<\/code>\u00e4r exkluderad d\u00e5 vi inte beh\u00f6ver hantera den i avskrivningar.<\/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>\nL\u00e5t oss d\u00e5 anta att vi vill g\u00f6ra \u00e4ndringar i b\u00e5da attributen och spara och undvika att bryta befintliga block. Vi l\u00e4gger till deprecated<\/code>egenskapen och kopierar hela attributes<\/code>och save<\/code>som ett arrayelement in i den. Sedan \u00e4r vi fria att g\u00f6ra eventuella \u00e4ndringar i attributes<\/code>eller\/och save<\/code>funktion.<\/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>\nMed den h\u00e4r koden kompilerad kan du hitta ett befintligt inl\u00e4gg med den gamla blockkoden, och du b\u00f6r inte f\u00e5 n\u00e5gon trasig kod!<\/p>\n
WordPress kommer att ta reda p\u00e5 att blocket anv\u00e4nder v\u00e5r f\u00f6r\u00e5ldrade kod och laddar inneh\u00e5llet med den f\u00f6r\u00e5ldrade save<\/code>koden. N\u00e4r du g\u00f6r \u00e4ndringar i blocket och uppdaterar inl\u00e4gget kommer blocket att sparas med den nya save<\/code>funktionen.<\/p>\nMer avancerad avskrivning och vidare l\u00e4sning<\/h2>\n
Ovanst\u00e5ende kodexempel \u00e4r den mest grundl\u00e4ggande formen f\u00f6r avskrivning. WordPress st\u00f6der mer funktionalitet, som att inkludera migrate<\/code>och supports<\/code>till och med tilldela konstanter (t\u00e4nk versionsnummer) till din f\u00f6r\u00e5ldrade kod. Ta en titt p\u00e5 WordPress dokumentation om blockavskrivning<\/a>.<\/p>\n