Blog do MX Cursos

Inserindo CSS e Javascript corretamente no WordPress

Avaliar post

Olá amigos! Normalmente, quando adicionamos um arquivo CSS ou Javascript ao nosso site WordPress, nosso primeiro pensamento é fazer isto dentro de nossa tag <head>:

Mas você sabia que o WordPress possui funções próprias para adicionar estes arquivos?

O principal benefício de incluir estes arquivos da forma correta é a tranquilidade de saber que você poderá atualizar o seu tema sem se preocupar com os scripts que estavam inseridos nele.

Além disso, fica mais fácil para adicionar, remover e até mesmo decidir em quais páginas determinados estilos e scripts serão utilizados.

Adicionar estilos no WordPress usando a função wp_enqueue_style()

A função wp_enqueue_style(possui cinco parâmetros:

  1. Nome do arquivo (deve ser um nome único) – obrigatório;
  2. Caminho para o arquivo – opcional;
  3. Dependências (nome dos arquivos nos quais este arquivo depende para funcionar corretamente) – opcional;
  4. Versão – opcional;
  5. Media (O tipo de media atribuída ao arquivo. Ex.: screen, print ou media queries como ‘(max-width: 440px)’) – opcional;

Adicionando scripts usando a função wp_enqueue_script();

A função wp_enqueue_script() possui cinco parâmetros:

  1. Nome do arquivo (deve ser um nome único) – obrigatório;
  2. Caminho para o arquivo – opcional;
  3. Dependências (nome dos arquivos nos quais este arquivo depende para funcionar corretamente) – opcional;
  4. Versão – opcional;
  5. in_footer(booleano)(Definir como true faz com que o script seja inserido antes de </body> ao invés de </head>.Por padrão vem definido como false) – opcional;

Condicionando a utilização dos arquivos

Você pode inserir todos os arquivos em uma mesma função no seu arquivo functions.php e dentro dela fazer as devidas verificações. No exemplo a seguir, vamos inserir dois arquivos, sendo que o segundo só será inserido na página inicial do seu blog.

Gostaram do artigo? Deixem seus comentários e compartilhe.

Bons estudos!

Felipe Pinheiro

Felipe Pinheiro

22 anos. Estudante de Sistemas de Informação. Desenvolvedor web no MX Cursos desde 2014.

Your Header Sidebar area is currently empty. Hurry up and add some widgets.

Newsletter

Newsletter

Receba em seu e-mail conteúdos semanais sobre desenvolvimento, design, audiovisual e tecnlogia.

Inscrição realizada com sucesso!