Existem situações em que você deseja carregar um arquivo JavaScript apenas em uma determinada página ou páginas, em vez de carregá-lo em todas as páginas do site, principalmente porque você deseja que ele seja executado apenas nessa página e não precisa carregar nas páginas em que não está sendo executado. A maioria dos temas do WordPress enfileira (carrega) seus scripts necessários em todas as páginas, mas e se você deseja enfileirar condicionalmente scripts ou um script? Este tutorial rápido mostrará como fazer isso – para verificar se você está em uma determinada página ou páginas e, se estiver, carregue o arquivo de script correspondente.
O WordPress possui uma abundância de tags condicionais incorporadas ( veja detalhes aqui ). Utilizando-os para corresponder às condições que você está procurando, é possível agrupar o enfileiramento do script para que ele carregue apenas quando a condição for atendida. Por exemplo, se você quiser que o script seja executado apenas em uma página com a opção ‘mypage’, use a tag condicional if (is_page (‘mypage’)) { carregue esse script! } para enfileirar condicionalmente seu script somente nessa página.
Obviamente, existem várias outras tags condicionais que você pode usar, encontradas no link acima. Alguns usos mais comuns podem ser:
- is_single () – quando uma única postagem de qualquer tipo de postagem (exceto os tipos de anexo e postagem de página) está sendo exibida, reduzida usando o ID da postagem, o título, o slug ou uma matriz de uma combinação de qualquer um dos três.
- is_front_page () – Quando a página principal do blog estiver sendo exibida e ‘Configurações> Leitura -> exibição da página inicial’ estiver definido como “Suas últimas postagens” ou quando ‘Configurações> Leitura -> exibição da página frontal’ estiver definido como “A página estática ”e o valor“ Página inicial ”é a página atual que está sendo exibida. (Confuso? Clique aqui para obter mais explicações .)
- is_home () – Este fica um pouco mais complicado, mas quando usado corretamente, ele exibe a página de posts do seu blog. ( Veja aqui .)
- is_category () – Quando a página de arquivamento de uma categoria ou grupo específico de categorias está sendo exibida, reduzida usando o ID da categoria, nome, slug ou uma matriz de uma combinação de qualquer uma das três, além de mais algumas condições. ser designado.
Então, vamos seguir como usar essas tags para enfileirar condicionalmente os scripts no WordPress. Simplesmente abra o arquivo functions.php do seu tema e adicione o seguinte código na parte inferior.
| 1 123456 | add_action('wp_enqueue_scripts', 'firstwd_enqueue');function firstwd_enqueue() {if (is_page('mypage')) {wp_enqueue_script('script-name', get_template_directory_uri().'/path-to-script-name.js', array( 'jquery' ), '', true);}} |
Você precisará alterar ‘mypage’ para o slug da sua página, ‘script-name’ para o que quiser usar como um nome exclusivo do script e ‘/ path-to-name-of-script’ para corresponder o URL ao script no diretório do seu tema (geralmente algo como ‘/assets/js/name-of-script.js’).
Mais uma vez, consulte o Codex do WordPress para obter todas as variações de tags que você pode usar para enfileirar condicionalmente os scripts no WordPress. não deixe de conferir nossos outros tutoriais do WordPress para obter trechos mais rápidos como esse, além de artigos mais detalhados.