save<\/code>funkcj\u0119.<\/p>\n![\"Jak](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-151739-61e4cecf0099f.png\")
<\/a><\/p>\nDzieje si\u0119 tak, poniewa\u017c WordPress por\u00f3wnuje zapisany blok w bazie danych z bie\u017c\u0105cym kodem save<\/code>funkcji w twoim bloku i nie pasuj\u0105 do siebie. WordPress nie jest w stanie za\u0142ata\u0107 r\u00f3\u017cnicy. W wi\u0119kszo\u015bci przypadk\u00f3w mo\u017cesz klikn\u0105\u0107 trzy kropki na bloku i wybra\u0107 \u201ePr\u00f3ba odzyskania bloku". Je\u015bli zmiany wprowadzone w save<\/code>funkcji by\u0142y niewielkie (np. zmiana klasy), WordPress jest w stanie przywr\u00f3ci\u0107 blok. Najgorszy scenariusz d trzeba klikn\u0105\u0107 \u201eKonwertuj do HTML”, a utracisz edit<\/code>funkcjonalno\u015b\u0107 swojego bloku.Oczywi\u015bcie nie mo\u017cemy oczekiwa\u0107, \u017ce u\u017cytkownicy naszego kodu blokowego b\u0119d\u0105 r\u0119cznie znajdowa\u0107 wszystkie posty korzystaj\u0105ce z tego bloku i wykonywa\u0107 te kroki dla ka\u017cdego z nich.<\/p>\nDlatego zanim wprowadzimy aktualizacje save<\/code>funkcji, dodamy troch\u0119 kodu, aby powiedzie\u0107 WordPressowi, jak radzi\u0107 sobie ze star\u0105 zawarto\u015bci\u0105, kt\u00f3ra zosta\u0142a zapisana za pomoc\u0105 starej save<\/code>funkcji.<\/p>\nPrzejd\u017amy do kodu!<\/h2>\n
To ca\u0142kiem proste. Kr\u00f3tko m\u00f3wi\u0105c, musimy zrobi\u0107; doda\u0107 deprecated<\/code>w\u0142a\u015bciwo\u015b\u0107 do registerBlockType()<\/code>wywo\u0142ania funkcji. Ta w\u0142a\u015bciwo\u015b\u0107 oczekuje tablicy. Oznacza to, \u017ce mo\u017cesz wielokrotnie deprecjonowa\u0107 blok, podaj\u0105c wiele wpis\u00f3w w tablicy. Ka\u017cda amortyzacja jest definiowana jako obiekt posiadaj\u0105cy pe\u0142n\u0105 attributes<\/code>nieruchomo\u015b\u0107 i (star\u0105) save<\/code>funkcj\u0119.<\/p>\nInnymi s\u0142owy, definiujesz deprecated<\/code>w\u0142a\u015bciwo\u015b\u0107 jako tablic\u0119, a nast\u0119pnie kopiujesz do niej sw\u00f3j blok attributes<\/code>i save<\/code>funkcj\u0119. Musisz uwzgl\u0119dni\u0107 atrybuty, nawet je\u015bli nic w nich nie zmieniasz w aktualizacji. Nie musisz uwzgl\u0119dnia\u0107 edit<\/code>funkcji w amortyzacji.<\/p>\ndeprecated: [\n {\n attributes: { ... },\n save: (props) => { ... }\n }\n]<\/code><\/pre>\nPrzejd\u017amy do tego na bardziej praktycznym przyk\u0142adzie.<\/p>\n
Za\u0142\u00f3\u017cmy, \u017ce nasz kod blokowy wygl\u0105da mniej wi\u0119cej tak. Funkcja edit<\/code>jest wykluczona, poniewa\u017c nie musimy si\u0119 ni\u0105 zajmowa\u0107 w amortyzacji.<\/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>\nNast\u0119pnie za\u0142\u00f3\u017cmy, \u017ce chcemy dokona\u0107 zmian w obu atrybutach oraz zapisa\u0107 i unikn\u0105\u0107 \u0142amania istniej\u0105cych blok\u00f3w. Dodajemy deprecated<\/code>w\u0142a\u015bciwo\u015b\u0107 i kopiujemy do niej ca\u0142o\u015b\u0107 attributes<\/code>oraz save<\/code>jako element tablicy. Wtedy mo\u017cemy dokonywa\u0107 wszelkich zmian w attributes<\/code>lub\/i save<\/code>funkcji.<\/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>\nPo skompilowaniu tego kodu mo\u017cesz znale\u017a\u0107 istniej\u0105cy post przy u\u017cyciu starego kodu blokowego i nie powiniene\u015b otrzyma\u0107 zepsutego kodu!<\/p>\n
WordPress zorientuje si\u0119, \u017ce blok u\u017cywa naszego przestarza\u0142ego kodu i \u0142aduje zawarto\u015b\u0107 za pomoc\u0105 przestarza\u0142ego save<\/code>kodu. Gdy dokonasz zmian w bloku i zaktualizujesz post, blok zostanie zapisany przy u\u017cyciu nowej save<\/code>funkcji.<\/p>\nBardziej zaawansowana amortyzacja i dalsze czytanie<\/h2>\n
Powy\u017cszy przyk\u0142ad kodu jest najbardziej podstawow\u0105 form\u0105 amortyzacji. WordPress obs\u0142uguje wi\u0119cej funkcji, takich jak do\u0142\u0105czanie migrate<\/code>, supports<\/code>a nawet przypisywanie sta\u0142ych (pomy\u015bl o numerach wersji) do przestarza\u0142ego kodu. Zajrzyj do dokumentacji WordPressa dotycz\u0105cej amortyzacji blokowej<\/a>.<\/p>\n