Remova o CSS e JS do formulário de contato 7 quando não for necessário
Contact Form 7 é um dos plug-ins mais populares do WordPress. No momento em que este artigo foi escrito, os plug-ins tinham mais de 5 milhões de instalações ativas.
Sem dúvida, este plugin é ótimo em todos os aspectos. Mas há uma preocupação que você pode enfrentar ao usá-lo. Quando você ativa o plugin, seus arquivos JavaScript e CSS são carregados em todas as páginas.
Como uma boa prática, você deve carregar apenas os JavaScript e CSS necessários para as páginas atuais. Carregar arquivos desnecessários aumenta o tamanho da página e diminui a velocidade da página.
Neste artigo, mostro como remover arquivos JavaScript e CSS do plug-in Contact Form 7 quando não forem necessários. Em outras palavras, veremos como carregar arquivos JavaScript e CSS do Formulário de contato 7 apenas nas páginas obrigatórias.
Como remover arquivos JS e CSS do Formulário de Contato 7
Como proprietário de um site, você obviamente sabe em qual página incluiu um formulário de contato. Normalmente o site possui uma página de contato onde guardamos o formulário de contato para recebimento de Consultas.
Para começar, primeiro removeremos os arquivos JavaScript e CSS do Formulário de Contato 7 de todas as páginas. Depois disso, usando o arquivo de modelo ou is_page()condição, nós o incluiríamos apenas na página necessária.
Existem 2 maneiras de parar de carregar arquivos JS e CSS em todas as páginas. Você pode escolher qualquer um deles.
Adicione as constantes abaixo no wp-config.phparquivo.
define( 'WPCF7_LOAD_JS', false );
define( 'WPCF7_LOAD_CSS', false );Outra maneira é adicionando os filtros abaixo em seu functions.phparquivo de temas ativos .
add_filter( 'wpcf7_load_js', '__return_false' );
add_filter( 'wpcf7_load_css', '__return_false' );Agora, se você visualizar o código-fonte de suas páginas, não verá nenhum arquivo carregado do plugin Contact Form 7.
Vamos agora incluir os arquivos nas páginas necessárias. Se você estiver usando um modelo para sua página de contato, adicione o código abaixo em seu arquivo de modelo antes de get_header().
<?php
if (function_exists( 'wpcf7_enqueue_scripts')) {
wpcf7_enqueue_scripts();
}
if (function_exists( 'wpcf7_enqueue_styles')) {
wpcf7_enqueue_styles();
}
get_header();
...Caso você não esteja usando um modelo, todas as suas páginas devem ser renderizadas a partir de a page.php. Obtenha um slug da sua página onde você precisa colocar o formulário de contato. Usaremos este is_page()método slug e incluiremos os arquivos como segue.
page.php
<?php
if(is_page('YOUR_PAGE_SLUG')) { //pass your contact page slug here
if (function_exists( 'wpcf7_enqueue_scripts')) {
wpcf7_enqueue_scripts();
}
if (function_exists( 'wpcf7_enqueue_styles')) {
wpcf7_enqueue_styles();
}
}
get_header();
....É isso! É muito simples e direto. Espero que você entenda como remover os arquivos CSS e JS dos plug-ins do Contact Form 7 quando não forem necessários. Por favor, compartilhe seus pensamentos e sugestões em uma seção de comentários abaixo.
Artigos relacionados
- Redirecionar para a página de agradecimento após o envio do formulário de contato 7
- Como salvar envios do formulário de contato 7 para o banco de dados do WordPress
- Como adicionar a lista de países ao formulário de contato 7