{"id":28235,"date":"2021-06-05T15:37:00","date_gmt":"2021-06-05T12:37:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=28235"},"modified":"2021-10-18T04:04:18","modified_gmt":"2021-10-18T01:04:18","slug":"remova-o-css-e-js-do-formulario-de-contato-7-quando-nao-for-necessario","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/remova-o-css-e-js-do-formulario-de-contato-7-quando-nao-for-necessario\/","title":{"rendered":"Remova o CSS e JS do formul\u00e1rio de contato 7 quando n\u00e3o for necess\u00e1rio"},"content":{"rendered":"

Contact Form 7<\/a> \u00e9 um dos plug-ins mais populares do WordPress. No momento em que este artigo foi escrito, os plug-ins tinham mais de 5 milh\u00f5es de instala\u00e7\u00f5es ativas.<\/p>\n

Sem d\u00favida, este plugin \u00e9 \u00f3timo em todos os aspectos. Mas h\u00e1 uma preocupa\u00e7\u00e3o que voc\u00ea pode enfrentar ao us\u00e1-lo. Quando voc\u00ea ativa o plugin, seus arquivos JavaScript e CSS s\u00e3o carregados em todas as p\u00e1ginas.<\/p>\n

Como uma boa pr\u00e1tica, voc\u00ea deve carregar apenas os JavaScript e CSS necess\u00e1rios para as p\u00e1ginas atuais. Carregar arquivos desnecess\u00e1rios aumenta o tamanho da p\u00e1gina e diminui a velocidade da p\u00e1gina.<\/p>\n

Neste artigo, mostro como remover arquivos JavaScript e CSS do plug-in Contact Form 7 quando n\u00e3o forem necess\u00e1rios. Em outras palavras, veremos como carregar arquivos JavaScript e CSS do Formul\u00e1rio de contato 7 apenas nas p\u00e1ginas obrigat\u00f3rias.<\/p>\n

Como remover arquivos JS e CSS do Formul\u00e1rio de Contato 7<\/h3>\n

Como propriet\u00e1rio de um site, voc\u00ea obviamente sabe em qual p\u00e1gina incluiu um formul\u00e1rio de contato. Normalmente o site possui uma p\u00e1gina de contato onde guardamos o formul\u00e1rio de contato para recebimento de Consultas.<\/p>\n

Para come\u00e7ar, primeiro removeremos os arquivos JavaScript e CSS do Formul\u00e1rio de Contato 7 de todas as p\u00e1ginas. Depois disso, usando o arquivo de modelo ou is_page()<\/code>condi\u00e7\u00e3o, n\u00f3s o incluir\u00edamos apenas na p\u00e1gina necess\u00e1ria.<\/p>\n

Existem 2 maneiras de parar de carregar arquivos JS e CSS em todas as p\u00e1ginas. Voc\u00ea pode escolher qualquer um deles.<\/p>\n

Adicione as constantes abaixo no wp-config.php<\/code>arquivo.<\/p>\n

define( 'WPCF7_LOAD_JS', false );\ndefine( 'WPCF7_LOAD_CSS', false );<\/code><\/pre>\n
Outra maneira \u00e9 adicionando os filtros abaixo em seu functions.php<\/code>arquivo de temas ativos .<\/p>\n
add_filter( 'wpcf7_load_js', '__return_false' );\nadd_filter( 'wpcf7_load_css', '__return_false' );<\/code><\/pre>\n
Agora, se voc\u00ea visualizar o c\u00f3digo-fonte de suas p\u00e1ginas, n\u00e3o ver\u00e1 nenhum arquivo carregado do plugin Contact Form 7.<\/p>\n
Vamos agora incluir os arquivos nas p\u00e1ginas necess\u00e1rias. Se voc\u00ea estiver usando um modelo para sua p\u00e1gina de contato, adicione o c\u00f3digo abaixo em seu arquivo de modelo antes de get_header()<\/code>.<\/p>\n
<?php\nif (function_exists( 'wpcf7_enqueue_scripts')) {\n\u00a0\u00a0wpcf7_enqueue_scripts();\n}\n\u00a0\u00a0\nif (function_exists( 'wpcf7_enqueue_styles')) {\n\u00a0\u00a0wpcf7_enqueue_styles();\n}\n\u00a0\nget_header();\n...<\/code><\/pre>\n
Caso voc\u00ea n\u00e3o esteja usando um modelo, todas as suas p\u00e1ginas devem ser renderizadas a partir de a page.php<\/code>. Obtenha um slug da sua p\u00e1gina onde voc\u00ea precisa colocar o formul\u00e1rio de contato. Usaremos este is_page()<\/code>m\u00e9todo slug e incluiremos os arquivos como segue.<\/p>\n
page.php<\/strong><\/p>\n
<?php\nif(is_page('YOUR_PAGE_SLUG')) { \/\/pass your contact page slug here\n\u00a0\u00a0\u00a0\u00a0if (function_exists( 'wpcf7_enqueue_scripts')) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0wpcf7_enqueue_scripts();\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0if (function_exists( 'wpcf7_enqueue_styles')) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0wpcf7_enqueue_styles();\n\u00a0\u00a0\u00a0\u00a0}\n}\n\u00a0\nget_header();\n....<\/code><\/pre>\n
\u00c9 isso! \u00c9 muito simples e direto. Espero que voc\u00ea entenda como remover os arquivos CSS e JS dos plug-ins do Contact Form 7 quando n\u00e3o forem necess\u00e1rios. Por favor, compartilhe seus pensamentos e sugest\u00f5es em uma se\u00e7\u00e3o de coment\u00e1rios abaixo.<\/p>\n
Artigos relacionados<\/h4>\n