{"id":28987,"date":"2021-06-05T15:19:00","date_gmt":"2021-06-05T12:19:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=28987"},"modified":"2021-10-17T16:27:00","modified_gmt":"2021-10-17T13:27:00","slug":"elimine-el-css-y-js-del-formulario-de-contacto-7-cuando-no-sea-necesario","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/elimine-el-css-y-js-del-formulario-de-contacto-7-cuando-no-sea-necesario\/","title":{"rendered":"Elimine el CSS y JS del Formulario de contacto 7 cuando no sea necesario"},"content":{"rendered":"

Contact Form 7<\/a> es uno de los complementos m\u00e1s populares de WordPress. En el momento de escribir este art\u00edculo, los complementos tienen m\u00e1s de 5 millones de instalaciones activas.<\/p>\n

Sin duda, este complemento es excelente en todos los aspectos. Pero hay una preocupaci\u00f3n que puede enfrentar mientras lo usa. Cuando activa el complemento, sus archivos JavaScript y CSS se cargan en cada p\u00e1gina.<\/p>\n

Como buena pr\u00e1ctica, debe cargar solo los JavaScript y CSS necesarios para las p\u00e1ginas actuales. La carga de archivos innecesarios aumenta el tama\u00f1o de la p\u00e1gina y reduce la velocidad de la p\u00e1gina.<\/p>\n

En este art\u00edculo, le muestro c\u00f3mo eliminar archivos JavaScript y CSS del complemento Contact Form 7 cuando no es necesario. En otras palabras, veremos c\u00f3mo cargar archivos JavaScript y CSS de Contact Form 7 solo en las p\u00e1ginas requeridas.<\/p>\n

C\u00f3mo eliminar archivos JS y CSS de Contact Form 7<\/h3>\n

Como propietario de un sitio, obviamente sabe en qu\u00e9 p\u00e1gina ha incluido un formulario de contacto. Normalmente el sitio tiene una p\u00e1gina de contacto donde guardamos el formulario de contacto para recibir consultas.<\/p>\n

Para comenzar, primero eliminaremos los archivos CSS y JavaScript de Contact Form 7 de todas las p\u00e1ginas. Despu\u00e9s de eso, usando el archivo de plantilla o is_page()<\/code>condici\u00f3n, lo incluir\u00edamos solo en la p\u00e1gina requerida.<\/p>\n

Hay 2 formas de dejar de cargar archivos JS y CSS en todas las p\u00e1ginas. Puedes elegir cualquiera de ellos.<\/p>\n

Agregue las siguientes constantes en el wp-config.php<\/code>archivo.<\/p>\n

define( 'WPCF7_LOAD_JS', false );\ndefine( 'WPCF7_LOAD_CSS', false );<\/code><\/pre>\n
Otra forma es agregando los filtros a continuaci\u00f3n en su functions.php<\/code>archivo de temas activos .<\/p>\n
add_filter( 'wpcf7_load_js', '__return_false' );\nadd_filter( 'wpcf7_load_css', '__return_false' );<\/code><\/pre>\n
Ahora, si ve la fuente de sus p\u00e1ginas, no ver\u00e1 ning\u00fan archivo cargado desde el complemento Contact Form 7.<\/p>\n
Incluyamos ahora los archivos en las p\u00e1ginas requeridas. Si est\u00e1 utilizando una plantilla para su p\u00e1gina de contacto, agregue el siguiente c\u00f3digo en su archivo de plantilla antes del 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
En caso de que no est\u00e9 utilizando una plantilla, todas sus p\u00e1ginas deben ser renderizadas desde un archivo page.php<\/code>. Obtenga un slug de su p\u00e1gina donde necesita colocar el formulario de contacto. Usaremos este is_page()<\/code>m\u00e9todo slug in e incluiremos los archivos de la siguiente manera.<\/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
\u00a1Eso es! Es as\u00ed de simple y directo. Espero que comprenda c\u00f3mo 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\u00f3n de comentarios a continuaci\u00f3n.<\/p>\n
Art\u00edculos relacionados<\/h4>\n