Integración de HTML+CSS+JavaScript en WordPress

ramonjosegn · 30 Abr 2016

Hola chicos/as.

A veces me encuentro con cositas como la que hay en este link

Edit fiddle - JSFiddle

donde se conjugan HTML, CSS y JavaScript.

Posiblemente usando una tonelada de plugins lo pueda llegar a pasar a WordPress, ¿pero hay alguna forma sencilla de hacerlo?

De correr códigos de ese tipo donde HTML, CSS y Javascript trabajan juntos ¿para correrlos en WordPress?

¿Se os ocurre alguna forma de hacerlo?

Puede ser con un plugin pero no quisiera usar uno para casa cosa...

Muchas gracias por la ayuda.

Enrique J Ros · 30 Abr 2016

Empaquétalo en tu propio plugin. Esto te puede ayudar.

ramonjosegn · 30 Abr 2016

Enrique J Ros dijo:
Empaquétalo en tu propio plugin. Esto te puede ayudar.

Gracias por la ayuda. Por ahí vi otro plugin que permite tener todo en un solo "paquete" pero lo mío no es la programación, tendría que ver cómo me defiendo, pero la verdad es que últimamente no ando con ganas de hacer muchos experimentos que me rompan la cabeza, jajaja... Mucho trabajo por delante y estoy más colgado...

AdrianGuerrero · 30 Abr 2016

Buenas tardes {hora peninsular} no entiendo muy bien cual es la pregunta, pero trabajar con JS, CSS y html en WordPress no tiene ninguna complicación. Se trabaja el html a este se le añanden IDs y clases a las cuales llamar desde una hoja de estilos y respecto al JS se crea un archivo JavaScript y se debe crear una url que llame a dicha línea del JS...

Vamos, complicación inicialmente no tiene ninguna de todas formas, esto no tiene límite. Te puedes complicar posteriormente todo lo que quieras.

ramonjosegn · 30 Abr 2016

Gracias por responder [MENTION=160655]AdrianGuerrero[/MENTION]

La complicación es que yo no soy programador y no quiero tener 20 archivos que no sé ni cómo voy a controlar... me gustaría tener todo en un solo "paquete" por decirlo de alguna forma, o al menos que los JS estuvieran accesibles desde el propio WordPress sin tener que ir a archivos externos... soy diseñador, no me gusta lidiar con archivos de programación...

AdrianGuerrero · 30 Abr 2016

ramonjosegn dijo:
Gracias por responder [MENTION=160655]AdrianGuerrero[/MENTION]

La complicación es que yo no soy programador y no quiero tener 20 archivos que no sé ni cómo voy a controlar... me gustaría tener todo en un solo "paquete" por decirlo de alguna forma, o al menos que los JS estuvieran accesibles desde el propio WordPress sin tener que ir a archivos externos... soy diseñador, no me gusta lidiar con archivos de programación...

Muy fácil recopila todo en un archivo .JS y el CSS nuevo adjúntalo a la hoja de estilos del theme activo. Total creación de un sólo archivo.

ramonjosegn · 30 Abr 2016

AdrianGuerrero dijo:
Muy fácil recopila todo en un archivo .JS y el CSS nuevo adjúntalo a la hoja de estilos del theme activo. Total creación de un sólo archivo.

¿Y cómo verifico que el JS sí funciona bien, no tiene fallos en el código, está corriendo, etc? ¿O qué no tengo variables repetidas?

Vaya, supongo que cuando uno es programador lo ve muy fácil...

AdrianGuerrero · 30 Abr 2016

ramonjosegn dijo:
¿Y cómo verifico que el JS sí funciona bien, no tiene fallos en el código, está corriendo, etc? ¿O qué no tengo variables repetidas?

Vaya, supongo que cuando uno es programador lo ve muy fácil...

Si tu llamas a dicha línea con una url (Por ejemplo como pasa con el chat Zopim que mediante JS se pueden añadir funciones) se comprueba que llama correctamente y ya sabes que funciona 🙂

ramonjosegn · 30 Abr 2016

OK, gracias por la sugerencia.

Esta mañana estuve probando uno de esos códigos (lo copié y pegué completo en Post Snippets) pero la verdad es que funcionó a medias... por eso buscaba algo más eficaz (ya que ese plugin ni tiene coloreado de sintaxis).

Integración de HTML+CSS+JavaScript en WordPress

ramonjosegn

Enrique J Ros

ramonjosegn

AdrianGuerrero

ramonjosegn

AdrianGuerrero

ramonjosegn

AdrianGuerrero

ramonjosegn

Temas similares