Anteriormente se indicó cómo evitar el problema de compatibilidad de la guía de estilos del gobierno de México a temas de WordPress, debido a que la guía implementa una versión de jQuery que hace que algunos temas de WordPress no se puedan ver correctamente.
En esa ocasión debíamos sacrificar los efectos del tema debido a la incompatibilidad de jQuery, pero en esta ocasión podemos tener ambos utilizando un pequeño truco.
Se puede colocar una página web donde aplique la guía de estilos del gobierno de México incluyendo su versión de jQuery y Bootstrap, y en el contenido de la misma, in iframe que mande a llamar la página con el tema de WordPress con lo que evitaría cualquier conflicto entre las bibliotecas.
Para ello debemos indicar un poco de estilo al iframe para que quede acorde al tamaño de la pantalla.
Con esto disfrutaríamos de cualquier efecto o funcionalidad de jQuery/Bootstrap que tenga el tema de WordPress, así como cumplir con el requerimiento de la guía de estilos.
6 Comentarios
Moises · 7 agosto, 2018 a las 14:13
De gran ayuda!!!
angelinux · 8 septiembre, 2018 a las 13:08
Me alegra que fuese de ayuda. Saludos.
Desarrollador Ocasional · 14 octubre, 2018 a las 12:26
Man!!, me salvaste el trasero!! Mil gracias! =D
angelinux · 14 octubre, 2018 a las 18:25
Logro desbloqueado: Salvar un trasero.
Que bueno que te haya servido, saludos.
Moises · 3 julio, 2019 a las 14:19
habia estado funcionando biene pero ahora para los usuarios mortales no pueden scrolear el iframe porque no saben y scrollean la pagina de GobMX por tal motivo no ven todo el contenido del sitio mas que los 1000 pixeles.
Marco · 23 febrero, 2021 a las 02:37
Hola Angeliux, podrías explicarme esta segunda opción por favor? La primera parte utilizando el plugin para headers y footer es fácil, pero no entendí como implementar el snippet de esta forma combinada. Gracias!!!