Decodificação de Conteúdo no Widget de Código do Elementor (Code Highlight)

Usamos o filtro elementor/widget/render_content para decodificar caracteres especiais no conteúdo antes que ele seja renderizado pelo widget de destaque de código do Elementor. Esse filtro intercepta o conteúdo do widget, aplica uma função de decodificação e retorna o conteúdo decodificado para ser exibido corretamente.

0
				
					// Função para decodificar caracteres especiais no conteúdo
function wp24h_decode_html_entities($content) {
    return htmlspecialchars_decode($content, ENT_QUOTES);
}

// Filtro para decodificar o conteúdo do widget de destaque de código do Elementor
function m3_elementor_render_decoded_code($widget_content, $widget) {
    if ($widget->get_name() === 'code-highlight') {
        $widget_content = m3_decode_html_entities($widget_content);
    }
    return $widget_content;
}
add_filter('elementor/widget/render_content', 'wp24h_elementor_render_decoded_code', 10, 2);

				
			

Quer ajuda de um especialista para implementar?

Instruções de Uso

Instruções de Uso com Explicação do Código

1. Crie a Função de Decodificação

Esta função irá decodificar caracteres HTML especiais:

  • htmlspecialchars_decode: Função do PHP que decodifica uma string convertendo entidades HTML especiais de volta para os respectivos caracteres.

2. Aplique o Filtro no Elementor

Este filtro modifica o conteúdo do widget de destaque de código do Elementor antes que ele seja renderizado:

  • add_filter: Função do WordPress usada para adicionar uma função à lista de funções que um filtro específico executará.
  • elementor/widget/render_content: Nome do filtro do Elementor que é acionado para renderizar o conteúdo de um widget.
  • $widget_content: Parâmetro que contém o conteúdo do widget.
  • $widget: Parâmetro que contém a instância do widget atual.
  • $widget->get_name(): Método que retorna o nome do widget.
  • wp24h_decode_html_entities: Função personalizada que decodifica os caracteres especiais no conteúdo do widget.

Como Usar

  1. Adicione o Código ao seu Plugin ou Tema: Coloque o código acima no arquivo principal do seu plugin ou no arquivo functions.php do seu tema.
  2. Configuração do Elementor: Certifique-se de que o widget de destaque de código do Elementor está sendo usado para exibir o conteúdo que contém caracteres especiais.
  3. Verificação: Após adicionar o código, verifique no front-end se os caracteres especiais estão sendo exibidos corretamente e não mais codificados.

Outros Snippets

WooCommerce
Este snippet cria um shortcode que exibe os detalhes de uma reserva do WooCommerce com base no ID do pedido fornecido na URL.
WordPress
Este snippet redireciona todos os visitantes do site que não estejam logados para uma página específica (não a página de login).
WordPress
Este snippet redireciona todos os visitantes do site que não estejam logados para a página de login do WordPress. Isso é útil se você deseja restringir o acesso ao conteúdo do seu site apenas para usuários autenticados.

Últimos Posts

Aprimoramento de Performance no WordPress: Otimização de Scripts e CSS

Aprimoramento de Performance no WordPress: Otimização de Scripts e CSS

Descubra como otimizar scripts e CSS no WordPress para melhorar a performance do seu site. Aprenda técnicas de minificação, lazy loading, cache e muito mais.

Como Criar e Estruturar Child Themes Profissionais no WordPress

Como Criar e Estruturar Child Themes Profissionais no WordPress

Aprenda como criar e estruturar child themes profissionais no WordPress. Personalize temas com segurança, adicione funcionalidades e garanta que suas alterações permaneçam intactas em atualizações.

Como Estilizar Temas WordPress com CSS Avançado e Sass

Como Estilizar Temas WordPress com CSS Avançado e Sass

Aprenda como estilizar temas WordPress com CSS avançado e Sass. Descubra como usar variáveis, aninhamento e mixins para criar estilos organizados e responsivos.

Como Criar Templates Personalizados no WordPress

Aprenda como criar templates personalizados no WordPress com este guia completo. Descubra como personalizar layouts, usar WP_Query e carregar scripts específicos.

Como Criar um Tema WordPress Simples do Zero

Como Criar um Tema WordPress Simples do Zero

Aprenda como estruturar um tema básico no WordPress e entenda os arquivos principais e os templates comuns necessários

Anatomia de um Tema Avançado no WordPress

Anatomia de um Tema Avançado no WordPress

Conheça estrutura de um tema avançado, com foco nos arquivos essenciais e na hierarquia de templates, usando o Twenty Twenty-Three como exemplo

Comentários

Você precisa estar logado para ver esta informação.

Adicione seu Snippet

Título *
Resumo *
Descrição Completa *
Código *
Instruções de uso *

Solicitar Orçamento

Torne-se um Assinante e Eleve seu Conhecimento do WordPress!

Acesso Exclusivo, Suporte Especializado e Muito Mais.

Se você está aproveitando nosso conteúdo gratuito, vai adorar os benefícios exclusivos que oferecemos aos nossos assinantes! 

Não perca a oportunidade de maximizar seu potencial no WordPress. Clique no botão abaixo para se tornar um assinante e leve suas habilidades ao próximo nível!