Ao registrar e armazenar atributos no editor de blocos do WordPress (Gutenberg), voc\u00ea tem a op\u00e7\u00e3o de armazen\u00e1-los como post meta, em vez dos atributos de bloco usuais.<\/p>\n
Usando este m\u00e9todo, voc\u00ea pode ter uma configura\u00e7\u00e3o em seu bloco que pode controlar algo de largura de postagem ou no modelo.<\/p>\n
Uma observa\u00e7\u00e3o importante sobre a renderiza\u00e7\u00e3o de meta-atributos de postagem<\/strong><\/p>\n Voc\u00ea n\u00e3o pode renderizar meta atributos de postagem usando um m\u00e9todo de salvamento de JavaScript. Uma decis\u00e3o foi tomada pela equipe de Gutenberg para evitar isso, porque os blocos que renderizam os meta campos do post podem ser facilmente quebrados devido \u00e0 mudan\u00e7a do meta do post em outro lugar no post.<\/p>\n Neste guia, vamos expandir o que j\u00e1 constru\u00edmos em nosso guia de plugins WordPress Gutenberg<\/a>, e tamb\u00e9m o guia Dynamic Block<\/a>.<\/p>\n Antes de podermos usar um meta campo post em JavaScript, temos que ter certeza de que o registramos no PHP usando Seguindo o guia do Bloco Din\u00e2mico<\/a>, abra o arquivo PHP raiz do plug-in (neste caso Este c\u00f3digo registra um metacampo chamado Tamb\u00e9m estamos passando a fun\u00e7\u00e3o Novamente, seguindo o guia anterior, abra Em vez de informar o tipo de atributo e atribuir um valor padr\u00e3o, definimos a meta-chave da qual o atributo de dados vir\u00e1 e indicamos que Conforme indicado no aviso na parte superior deste guia, voc\u00ea n\u00e3o pode acessar os atributos do campo meta do post por meio do Como salvamos nosso atributo como post meta, podemos gerar isso em qualquer lugar no WordPress usando Continuando o guia do Bloco Din\u00e2mico<\/a>, vamos ver como podemos acessar este atributo no lado do servidor em PHP.<\/p>\n O meta n\u00e3o est\u00e1 dispon\u00edvel atrav\u00e9s do Com isso em mente, vamos atualizar nosso Observe que n\u00e3o precisamos mais registrar o Este n\u00e3o \u00e9 o melhor caso de uso deste tipo de meta, por\u00e9m quando usamos o bloco, podemos ver que por estarmos armazenando os atributos como post meta, se atualizarmos o atributo em um bloco, ele atualiza todos os blocos, pois a meta da postagem \u00e9 armazenada na postagem, n\u00e3o no bloco individual:<\/p>\n Postar meta atributos em a\u00e7\u00e3o<\/p>\nPr\u00e9-requisitos<\/h2>\n
\n
Registrando o Post Meta em PHP<\/h2>\n
register_meta<\/code>e que o show_in_rest<\/code>argumento foi definido como true.<\/p>\nwholesome-plugin.php<\/code>) e adicione o seguinte c\u00f3digo ao final desse arquivo ap\u00f3s todas as outras fun\u00e7\u00f5es:<\/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>para o post<\/code>tipo de postagem. Tamb\u00e9m garante que a API REST possa acessar esse metacampo com o show_in_rest<\/code>valor definido como true.<\/p>\n__return_true<\/code>para o auth_callback<\/code>argumento para garantir que temos as permiss\u00f5es para acessar esse par\u00e2metro. Se quis\u00e9ssemos melhor seguran\u00e7a para este par\u00e2metro, alterar\u00edamos isso para uma fun\u00e7\u00e3o personalizada que verifica uma determinada fun\u00e7\u00e3o de usu\u00e1rio.<\/p>\nRegistrando os Atributos Meta do Post em JavaScript<\/h2>\n
\/src\/index.js<\/code>e substitua attributes<\/code>pelo seguinte:<\/p>\nattributes: {\n blockText: {\n meta: '_wholesomecode_wholesome_plugin_block_text',\n source: 'meta',\n },\n},\n<\/code><\/pre>\nsource<\/code>o atributo \u00e9 meta<\/code>.<\/p>\nsave<\/code>m\u00e9todo JavaScript, ent\u00e3o compile o plug-in npm start<\/code>e vamos ver como podemos gerar o meta.<\/p>\nRenderizando o Post Meta<\/h2>\n
get_post_meta<\/code>(desde que tenhamos o $post_id<\/code>):<\/p>\nget_post_meta( $post_id, '_wholesomecode_wholesome_plugin_block_text', true );\n<\/code><\/pre>\n$attributes<\/code>par\u00e2metro do render_callback<\/code>, pois os atributos meta do post n\u00e3o passam seu valor para este par\u00e2metro, mas podemos acessar o $post<\/code>objeto global para obter o ID do post.<\/p>\nregister_block_type<\/code>para gerar a meta do 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>aqui, pois estamos acessando apenas o metacampo post atrav\u00e9s da get_post_meta<\/code>fun\u00e7\u00e3o.<\/p>\nUsando o bloco<\/h3>\n
\n
InnerBlocks<\/code>componente<\/a><\/li>\n