Carregar Scripts e Estilos Condicionalmente

Este snippet de código enfileira (carrega) estilos e scripts específicos para a página de contato do seu site WordPress. Isso é útil para adicionar CSS e JavaScript exclusivos a uma página sem afetar outras partes do site.

 

0
				
					function wp24horas_enqueue_scripts() {
    if (is_page('contato')) {
        wp_enqueue_style('contact-page-style', get_template_directory_uri() . '/css/contact.css');
        wp_enqueue_script('contact-page-script', get_template_directory_uri() . '/js/contact.js', array('jquery'), null, true);
    }
}
add_action('wp_enqueue_scripts', 'wp24horas_enqueue_scripts');

				
			

Quer ajuda de um especialista para implementar?

Instruções de Uso

Como funciona:

  1. Definição da Função:
    • function wp24horas_enqueue_scripts(): Define uma função que verifica se a página atual é a página “Contato” e, se for, carrega os arquivos CSS e JavaScript específicos.
    • if (is_page('contato')) {: Verifica se a página atual é a página “Contato”.
    • wp_enqueue_style('contact-page-style', get_template_directory_uri() . '/css/contact.css');: Enfileira (carrega) a folha de estilo contact.css localizada na pasta css do seu tema.
    • wp_enqueue_script('contact-page-script', get_template_directory_uri() . '/js/contact.js', array('jquery'), null, true);: Enfileira (carrega) o script contact.js localizado na pasta js do seu tema. Este script depende do jQuery, e o parâmetro true indica que ele deve ser carregado no rodapé da página.
  2. Ação de Enfileiramento de Scripts:
    • add_action('wp_enqueue_scripts', 'wp24horas_enqueue_scripts');: Adiciona a função wp24horas_enqueue_scripts à ação wp_enqueue_scripts, garantindo que os estilos e scripts sejam carregados corretamente na página de contato.

Instruções de Uso

Esse código pode ser usado adicionando-o ao arquivo functions.php do seu tema ou, preferencialmente, em um plugin específico para o site. Usar um plugin para essas customizações mantém o código organizado e seguro contra atualizações do tema.

Conclusão

Este snippet permite que você carregue estilos e scripts específicos apenas para a página de contato do seu site WordPress, melhorando a eficiência e organização do código ao evitar o carregamento desnecessário de arquivos em outras páginas.

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

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

Onde Fica o HTML do WordPress? Perguntas Frequentes #006

Onde Fica o HTML do WordPress? Perguntas Frequentes #006

vamos abordar as principais questões sobre HTML no WordPress e responder algumas dúvidas frequentes, incluindo perguntas específicas de inscritos no nosso canal no YouTube

Configurações Essenciais no .htaccess para Proteger Seu WordPress

Configurações Essenciais no .htaccess para Proteger Seu WordPress

Aprenda como usar o .htaccess para melhorar a segurança do WordPress, bloqueando arquivos, diretórios e configurando restrições

Protegendo o Arquivo wp-config.php Segurança Avançada para WordPress

Protegendo o Arquivo wp-config.php: Segurança Avançada para WordPress

Vamos explorar duas estratégias eficazes para proteger o arquivo wp-config.php: movê-lo para fora do diretório público e configurar permissões restritivas.

Senhas Fortes e 2FA: Proteja Seu WordPress Contra Acessos Não Autorizados

Senhas Fortes e 2FA: Proteja Seu WordPress Contra Acessos Não Autorizados

Senhas fortes e autenticação em dois fatores (2FA) são essenciais para proteger seu site contra invasões e acessos não autorizados

Comentários

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

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!