Quando registri e memorizzi gli attributi nell’editor di blocchi di WordPress (Gutenberg) hai la possibilit\u00e0 di salvarli come meta meta, invece dei soliti attributi di blocco.<\/p>\n
Usando questo metodo, potresti avere un’impostazione nel tuo blocco che pu\u00f2 controllare qualcosa a livello di post o sul modello.<\/p>\n
Una nota importante sul rendering degli attributi dei meta post<\/strong><\/p>\n Non puoi eseguire il rendering dei meta attributi dei post utilizzando un metodo di salvataggio JavaScript. Il team di Gutenberg ha deciso di impedirlo, perch\u00e9 i blocchi che rendono i meta campi dei post possono essere facilmente interrotti a causa della modifica dei meta post in altre parti del post.<\/p>\n In questa guida espanderemo ci\u00f2 che abbiamo gi\u00e0 creato nella nostra guida ai plugin di WordPress Gutenberg<\/a> e anche nella guida ai blocchi dinamici<\/a>.<\/p>\n Prima di poter utilizzare un meta campo post in JavaScript, dobbiamo assicurarci di averlo registrato in PHP utilizzando Seguendo la guida al blocco dinamico<\/a>, apri il file PHP radice del plugin (in questo caso Questo codice registra un meta campo chiamato Stiamo anche passando la funzione Ancora una volta, seguendo la guida precedente, apri Invece di indicare il tipo di attributo e assegnare un valore predefinito, definiamo invece la meta chiave da cui proverr\u00e0 l’attributo data e indichiamo che Come indicato nell’avviso all’inizio di questa guida, non sei in grado di accedere agli attributi del post meta field tramite il Poich\u00e9 abbiamo salvato il nostro attributo come post meta, potremmo riprodurlo ovunque in WordPress utilizzando Continuando la guida al blocco dinamico<\/a>, vediamo come possiamo accedere a questo attributo lato server in PHP.<\/p>\n Il meta non \u00e8 disponibile tramite il Con questo in mente, aggiorniamo il nostro Nota che non abbiamo pi\u00f9 bisogno di registrare Questo non \u00e8 il miglior caso d’uso di questo tipo di meta, tuttavia quando utilizziamo il blocco, possiamo vedere che poich\u00e9 stiamo memorizzando gli attributi come meta post, se aggiorniamo l’attributo in un blocco, aggiorna tutti i blocchi, come il post meta viene archiviato sul post, non sul singolo blocco:<\/p>\n Post Meta attributi in azione<\/p>\nPrerequisiti<\/h2>\n
\n
Registrazione del Post Meta in PHP<\/h2>\n
register_meta<\/code>e che l’ show_in_rest<\/code>argomento sia stato impostato su true.<\/p>\nwholesome-plugin.php<\/code>) e aggiungi il seguente codice in fondo a quel file dopo tutte le altre funzioni:<\/p>\nfunction wholesomecode_wholesome_plugin_register_post_meta() {\n register_meta(\n 'post',\n '_wholesomecode_wholesome_plugin_block_text',\n [\n 'auth_callback' => '__return_true',\n 'default' => __( 'Wholesome Plugin \u2013 hello from the editor!', 'wholesome-plugin' ),\n 'show_in_rest' => true,\n 'single' => true,\n 'type' => 'string',\n ]\n );\n}\nadd_action( 'init', 'wholesomecode_wholesome_plugin_register_post_meta' );\n<\/code><\/pre>\n_wholesomecode_wholesome_plugin_block_text<\/code>per il post<\/code>tipo di post. Garantisce inoltre che l’API REST possa accedere a questo meta campo con il show_in_rest<\/code>valore impostato su true.<\/p>\n__return_true<\/code>all’argomento auth_callback<\/code>per assicurarci di avere i permessi per accedere a questo parametro. Se volessimo una maggiore sicurezza per questo parametro, lo modificheremmo in una funzione personalizzata che controlla un determinato ruolo utente.<\/p>\nRegistrazione degli attributi Post Meta in JavaScript<\/h2>\n
\/src\/index.js<\/code>e sostituisci attributes<\/code>con il seguente:<\/p>\nattributes: {\n blockText: {\n meta: '_wholesomecode_wholesome_plugin_block_text',\n source: 'meta',\n },\n},\n<\/code><\/pre>\nsource<\/code>l’attributo \u00e8 meta<\/code>.<\/p>\nsave<\/code>metodo JavaScript, quindi compila il plugin con npm start<\/code>e vediamo come possiamo generare il meta.<\/p>\nRendering del Post Meta<\/h2>\n
get_post_meta<\/code>(a condizione che abbiamo il $post_id<\/code>):<\/p>\nget_post_meta( $post_id, '_wholesomecode_wholesome_plugin_block_text', true );\n<\/code><\/pre>\n$attributes<\/code>parametro di render_callback<\/code>, poich\u00e9 gli attributi post meta non trasmettono il loro valore a questo parametro, ma possiamo accedere $post<\/code>all’oggetto globale per ottenere l’ID del post.<\/p>\nregister_block_type<\/code>per produrre il meta del post:<\/p>\nregister_block_type(\n 'wholesomecode\/wholesome-plugin',\n array(\n 'editor_script' => 'wholesomecode-wholesome-plugin-block-editor',\n 'editor_style' => 'wholesomecode-wholesome-plugin-block-editor',\n 'render_callback' => function( $attributes, $content) {\n global $post;\n $block_text = get_post_meta( $post->ID, '_wholesomecode_wholesome_plugin_block_text', true );\n return \"<p class='wp-block-wholesomecode-wholesome-plugin'>$block_text<\/p>\";\n },\n 'style' => 'wholesomecode-wholesome-plugin-block',) );\n<\/code><\/pre>\nattributes<\/code>qui, perch\u00e9 stiamo solo accedendo al post meta campo tramite la get_post_meta<\/code>funzione.<\/p>\nUsando il blocco<\/h3>\n
\n
InnerBlocks<\/code>componente<\/a><\/li>\n