O WordPress é uma plataforma de CMS muito popular, que é utilizada para desenvolvimento de websites e sistemas web atualmente. A ferramenta é uma das mais utilizadas na Internet e pelo motivo de ser bem popular, há um extenso material de suporte na comunidade. Aliás, vale lembra que a comundade do WordPress e do PHP
O WordPress é uma plataforma de CMS muito popular, que é utilizada para desenvolvimento de websites e sistemas web atualmente.
A ferramenta é uma das mais utilizadas na Internet e pelo motivo de ser bem popular, há um extenso material de suporte na comunidade.
Aliás, vale lembra que a comundade do WordPress e do PHP é uma comunidade gigante e muito ativa, eu mesmo participo de alguns projetos.
Por isso, muitas vezes podemos ter alguma instabilidade nas plataformas e este é intuito deste artigo, resolver o problema conhecido.
Neste artigo irei demonstrar um snippet para incluir um script em seu tema customizado ou até mesmo um tema existente na plataforma.
Customizando e incluindo um script ou estilo (css) em seu tema no WordPress
São muitas as situações que você pode precisar incluir o mesmo em seu tema, seja ela uma manutenção ou até mesmo a criação de uma nova funcionalidade dentro do seu tema do WordPress.
Vale lembrar que, antes de fazer qualquer alteração nele, você deve sempre manter um backup ou até mesmo utilizar um repositório do Git para ajuda-lo com isto.
Dito isto, vamos ao código que você irá incluir ou alterar em seu tema. Você irá procurar dentro da pasta do seu template o arquivo funtions.php.
Para chamar um script em uma página específica no WordPress, você pode usar a função wp_enqueue_script(). Se ele não existir, você irá criá-lo, como no exemplo abaixo:
function my_theme_enqueue_scripts() {
// Incluir o script apenas na página específica
wp_enqueue_script('meu-script',
get_template_directory_uri() . '/js/meu-script.js',
array(), '1.0', true);
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_scripts' );
Agora, se você precisa incluir estilos na página (css), também é possível, só que irá mudar a função. Você pode usar a função wp_enqueue_style(). Veja:
function my_theme_enqueue_styles() {
wp_enqueue_style( 'meu-estilo',
get_template_directory_uri() . '/css/meu-estilo.css',
array(), '1.0' );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
É simples, fácil de manter e eu gosto do WordPress. 😉 Até a próxima!
Para você que está procurando um treinamento gratuito de WordPress, eu ofereço um curso gratuito na Udemy.
Nele, abordo os principais recursos da ferramenta, como customizar um site do zero e criar posts e páginas.
Leave a Comment
Your email address will not be published. Required fields are marked with *