¿Cómo validar correctamente los formularios de contacto de Jetpack by WordPress.com?

Continuando con la senda emprendida ayer en la entrada ¿Cómo validar correctamente los comentarios de Jetpack by WordPress.com?, seguimos validando el HTML5 del código fuente del sitio web de APG con el validador oficial de la W3C, y comprobando que cumple con los estándares oficiales marcados por la W3C.

En esta ocasión nos hemos encontrado con un problema de validación que generan los formularios de contacto que el plugin para WordPress Jetpack by WordPress.com inserta en nuestras páginas y entradas.

¿El problema?

El problema lo genera la hoja de estilo que acompaña a los formularios, concretamente el archivo grunion.css, al ser insertada al final del cuerpo (body) de nuestro código HTML5 en lugar de en su lugar natural, la cabecera (head).

Solución

La solución a este problema consiste en añadir en el archivo functions.php de nuestro tema principal o de nuestro tema hijo la siguiente función:

Y en añadir en el archivo header.php de nuestro tema principal o de nuestro tema hijo el siguiente código PHP:

Explicación

Primero eliminamos la inserción de la hoja de estilo, para, posteriormente, añadirla en la cabecera (head) de nuestro código HTML, eso si, sólo en el caso de que exista al menos un formulario de contacto en la página o entrada. Para poder saber si necesitamos insertar la hoja de estilo o no, utilizamos la función has_shortcode de WordPress y comprobamos que se ha llamado al shortcode contact-form en el contenido de la página o entrada, lo que significará que se ha insertado, al menos, un formulario de contacto.

Esperamos que de nuevo os resulte útil y funcional este pequeño hack.

Quedamos a la espera de vuestros aportes, opiniones y comentarios.