Elimine el CSS y JS del Formulario de contacto 7 cuando no sea necesario
Contact Form 7 es uno de los complementos más populares de WordPress. En el momento de escribir este artículo, los complementos tienen más de 5 millones de instalaciones activas.
Sin duda, este complemento es excelente en todos los aspectos. Pero hay una preocupación que puede enfrentar mientras lo usa. Cuando activa el complemento, sus archivos JavaScript y CSS se cargan en cada página.
Como buena práctica, debe cargar solo los JavaScript y CSS necesarios para las páginas actuales. La carga de archivos innecesarios aumenta el tamaño de la página y reduce la velocidad de la página.
En este artículo, le muestro cómo eliminar archivos JavaScript y CSS del complemento Contact Form 7 cuando no es necesario. En otras palabras, veremos cómo cargar archivos JavaScript y CSS de Contact Form 7 solo en las páginas requeridas.
Cómo eliminar archivos JS y CSS de Contact Form 7
Como propietario de un sitio, obviamente sabe en qué página ha incluido un formulario de contacto. Normalmente el sitio tiene una página de contacto donde guardamos el formulario de contacto para recibir consultas.
Para comenzar, primero eliminaremos los archivos CSS y JavaScript de Contact Form 7 de todas las páginas. Después de eso, usando el archivo de plantilla o is_page()condición, lo incluiríamos solo en la página requerida.
Hay 2 formas de dejar de cargar archivos JS y CSS en todas las páginas. Puedes elegir cualquiera de ellos.
Agregue las siguientes constantes en el wp-config.phparchivo.
define( 'WPCF7_LOAD_JS', false );
define( 'WPCF7_LOAD_CSS', false );Otra forma es agregando los filtros a continuación en su functions.phparchivo de temas activos .
add_filter( 'wpcf7_load_js', '__return_false' );
add_filter( 'wpcf7_load_css', '__return_false' );Ahora, si ve la fuente de sus páginas, no verá ningún archivo cargado desde el complemento Contact Form 7.
Incluyamos ahora los archivos en las páginas requeridas. Si está utilizando una plantilla para su página de contacto, agregue el siguiente código en su archivo de plantilla antes del get_header().
<?php
if (function_exists( 'wpcf7_enqueue_scripts')) {
wpcf7_enqueue_scripts();
}
if (function_exists( 'wpcf7_enqueue_styles')) {
wpcf7_enqueue_styles();
}
get_header();
...En caso de que no esté utilizando una plantilla, todas sus páginas deben ser renderizadas desde un archivo page.php. Obtenga un slug de su página donde necesita colocar el formulario de contacto. Usaremos este is_page()método slug in e incluiremos los archivos de la siguiente manera.
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();
....¡Eso es! Es así de simple y directo. Espero que comprenda cómo eliminar los archivos CSS y JS de los complementos de Contact Form 7 cuando no los necesite. Comparta sus pensamientos y sugerencias en una sección de comentarios a continuación.
Artículos relacionados
- Redirigir a la página de agradecimiento después del envío del formulario de contacto 7
- Cómo guardar envíos del formulario de contacto 7 en la base de datos de WordPress
- Cómo agregar una lista de países en el complemento Formulario de contacto 7