Gênios Academy

Dicas e tutoriais para amantes do wordpress

Não é possível exibir iframe com widgets dinâmicos

Campo de área de texto

Digite todos os campos necessários e escolha “Textarea” como tipo de campo .

metacampo textareaFeita a personalização, clique no botão “ Atualizar tipo de postagem ”.

Prossiga para a postagem CPT desejada e preencha o metacampo recém-criado com incorporações quando necessário.

incorporar metacampo textareaAtualize a postagem pressionando o botão no canto superior direito da janela do editor.

Existem duas maneiras de permitir os atributos para a exibição de entrada.

Editor de temas WordPress

A primeira opção é colar o código diretamente no Editor de Temas do WordPress.

Vá para Aparência > Editor de Tema . Escolha o tema WordPress que você está usando atualmente e abra seu arquivo functions.php .

Cole o seguinte código:

add_filter( 'wp_kses_allowed_html', function ( $tags, $context ) {
if ( 'post' === $context ) {
$tags['input'] = array(
'type' => true,
'id' => true,
);
}
return $tags;
},10,2);

Digite os atributos obrigatórios que foram usados ​​na incorporação. Por exemplo, o código que estamos usando será parecido com este:

add_filter( 'wp_kses_allowed_html', function ( $tags, $context ) {
if ( 'post' === $context ) {
$tags['iframe'] = array(
'src' => true,
'width' => true,
'height' => true,
'width' => true, 
'frameborder' => true,
'allowtransparency' => true,
'allow' => true,
);
}
return $tags;
},10,2);

código do editor de tema

Excluímos os atributos ‘type’ e ‘id’ e adicionamos outros apresentados na incorporação.

Aviso

Altere o valor ‘iframe’ se quiser incorporar algo além do iframe.

Pressione o botão “ Atualizar arquivo ”.

Plug-in de trechos de código

A segunda opção é usar o plugin Code Snippets (você pode usar qualquer outro plugin semelhante).

Instale e ative o plugin. Prossiga clicando na guia Snippets no painel do WordPress.

Pressione o botão “ Adicionar novo ” para abrir o editor de código.

trechos de código adicionam novoCole o mesmo código nos campos disponíveis e altere os valores para os que você precisa.

trechos de código código iframeAgora pressione os botões “ Salvar alterações ” e “ Ativar ”.

Resultados com o Campo Dinâmico

Navegue até a página onde deseja colocar a incorporação. Esta página deve representar aquela à qual você adicionou o código iframe – por exemplo, uma única página do CPT, como neste exemplo.

Adicione o widget Campo Dinâmico à página. Defina a opção “Meta Dados” como Fonte e selecione o Meta Campo preenchido no menu suspenso correspondente. 

Ou você pode adicionar uma chave de metacampo/repetidora personalizada que substituirá a opção do menu suspenso Metacampo .

campo dinâmico no editor elementorO campo obrigatório agora será exibido com sucesso. Estilize tudo se desejar e salve as alterações clicando no botão “ Atualizar ”.

Vamos dar uma olhada no resultado no front-end. O problema com a incorporação da textarea foi resolvido.

campo dinâmico no front-end

Campo repetidor

Se o metacampo que você criar for apresentado com o tipo de campo Repetidor, suas configurações serão semelhantes às exibidas abaixo. 

Então, vá até o CPT ou Meta Box e adicione um campo do tipo “Repetidor” . Assim que os valores primários forem definidos, clique no botão “ Novo campo repetidor ”.

metacampo repetidorAdicione a quantidade necessária de campos Textarea e preencha os campos obrigatórios Label , Name e Type .

novo campo repetidorSalve as alterações pressionando o botão “ Atualizar tipo de postagem ”.

Vá para o CPT, abra a página desejada e encontre o metacampo Repetidor que você acabou de adicionar. Preencha o número necessário de incorporações nos campos.

incorporar metacampo repetidorPressione o botão “ Atualizar ” quando todas as alterações forem feitas.

Cole o código mencionado com a ajuda do WordPress Theme Editor ou do plugin Security Snippets, dependendo de suas preferências. Siga as instruções descritas anteriormente na seção do artigo Campo Textarea.

Resultados com o Repetidor Dinâmico

Vá para o editor de páginas e coloque o widget Repetidor Dinâmico . 

Selecione o repetidor criado como Fonte e altere o formato do Item . Agora alteramos o valor padrão de %name% para %song% que representa o valor do campo Repetidor que adicionamos durante a edição do metacampo.

repetidor dinâmico no editor elementorDefina as configurações de estilo e pressione o botão “ Atualizar ” após todas as personalizações. 

Abra a página no front end para verificar os resultados finais.

repetidor dinâmico no front-end

Agora o problema foi resolvido e você descobriu como incorporar entradas com quaisquer atributos necessários.