¿Cómo se inserta JavaScript en WordPress?

Manuel de la Fuente · por **Manuel de la Fuente** » Sep 2010, 13:40

Acabo de realizar la mudanza de Blogger a WordPress con servidor propio y tengo los blogs algo "descompuestos", porque en Blogger usaba mucho JavaScript (por ejemplo, para insertar videos de YouTube, audios y videos en JWPlayer; Google Analytics, StatCounter...) y en WordPress no sé dónde ponerlo. ¿Podrían ayudarme?

spamloco · por **spamloco** » Sep 2010, 13:53

La plantilla se divide en distintos archivos php, los códigos de Analytics y StatCounter los puedes poner en footer.php antes del /body directamente desde el editor o bajando y subiendo los archivos por el FTP.

Imagen

Manuel de la Fuente · por **Manuel de la Fuente** » Sep 2010, 15:15

Gracias, insertaba el código ahí pero no funcionaba, entonces me di cuenta de que en la importación de las entradas se borraron todas las etiquetas <script>, así que habrá que modificar a mano todas las entradas que tenían videos. :angry:

elQuique · por **elQuique** » Sep 2010, 19:40

Claro pero ... una cosa es lo que comenta Alejandro que es insertar JavaScript en todas las páginas ya que estará en el pie del template y otra es en el contenido.

Con respecto a lo que comenta Ale (que creo no es tu caso), debes tener en cuenta adicionalmente que no todos los JavaScript funcionan estando en el footer, algunos si o si deben ir en el header.

Para tu caso concreto, que trata de JavaScript en el contenido, como son los vídeos que solo saldrán en tal o cual post, lo mejor es utilizar algún plugin que permita administrar esos vídeos.

Existen algunos donde pones tipo [ youtube ] url [ /youtube ] y listo. Esto te da la ventaja adicional de que es más sencillo, y hasta podrías buscar y sustituir lo que tengas actualmente por la forma en que funcione el plugin.

Entre otras, estas cosas se hacen por seguridad de forma que cualquier que agrega contenido a conciencia o por error no inserte scripts.

Manuel de la Fuente · por **Manuel de la Fuente** » Sep 2010, 23:23

Mmm, mira, yo uso JavaScript por todas partes. En el footer sólo tengo el de StatCounter, y en el <head> tengo el código asincrónico de Google Analytics (que supuestamente debe ir ahí).

El script de videos del que hablaba es este:

Código: Seleccionar todo:  <script type='text/javascript'> //<![CDATA[ function youtube(IDyoutube) { var output = "<div style=\"text-align:center;\">"; output += "<object width=\"425\" height=\"344\" id=\"movie\" type=\"application/x-shockwave-flash\" data=\"http://www.youtube.com/v/" + IDyoutube + "&hl=es&fs=1&rel=0&color1=000000&color2=5F8170&border=0&autoplay=0&ap=%2526fmt%3D18\">"; output += "<param name=\"movie\" value=\"http://www.youtube.com/v/" + IDyoutube + "&hl=es&fs=1&rel=0&color1=000000&color2=f5F8170&border=0&autoplay=0&ap=%2526fmt%3D18&showsearch=0&showinfo=0\" />"; output += "<param name=\"wmode\" value=\"transparent\" />"; output += "<param name=\"allowfullscreen\" value=\"true\" />"; output += "</object>"; output += "</div>"; document.write (output); } //]]> </script>

Eso va en el <head>, y para insertar un video en una entrada sólo pego esto:

Código: Seleccionar todo: <script>youtube("IDdelvideo");</script><noscript>Activa JavaScript o entra al blog para ver este video</noscript>

Es muy práctico porque los parámetros de todos los videos del blog se controlan desde un mismo lugar, pero al importar las entradas se borraron las etiquetas <script> y ahora donde debía haber videos sólo está este texto:

youtube("IDdelvideo");Activa JavaScript o entra al blog para ver este video

Eso es lo que tengo que corregir manualmente. Pero tienes razón, quizás sería mejor buscar un plugin que haga lo mismo.

elQuique · por **elQuique** » Sep 2010, 00:20

Ahora no me da el tiempo pero lo que yo haría es:

1) crear un plugin que sustituya [video]IDdelVideo[/video] por ese script que dice

Código: Seleccionar todo: <script>youtube("IDdelvideo");</script><noscript>Activa JavaScript o entra al blog para ver este video</noscript>

2) Un buscar y sustituir en la base de datos del texto de

Código: Seleccionar todo: <script>youtube("IDdelvideo");</script><noscript>Activa JavaScript o entra al blog para ver este video</noscript>

por

[video]IDdelVideo[/video]

Con eso solucionas, y es necesario hacerlo así ya que WordPress no permite tomar codigo JavaScript desde la base de datos y ejecutarlo.

Manuel de la Fuente · por **Manuel de la Fuente** » Sep 2010, 00:46

Wow, he estado trabajando en la Edad de Piedra, jajaja. Mañana me pondré a investigar cómo se hace eso. ;-)

Computeitor · por **Computeitor** » Sep 2010, 21:15

Por eso me meto en los Blogs solo como uno de los autores :-D

Manuel de la Fuente · por **Manuel de la Fuente** » Sep 2010, 20:37

Jaja, qué buena idea. :-D

thechechbcn · por **thechechbcn** » May 2012, 13:32

spamloco escribió:La plantilla se divide en distintos archivos php, los códigos de Analytics y StatCounter los puedes poner en footer.php antes del /body directamente desde el editor o bajando y subiendo los archivos por el FTP.

ami esto no me sale lo del editar la apariencia ya he entrado ftp via filezilla
pero no se que hacer mas no quiero desconfigurar nada

spamloco · por **spamloco** » May 2012, 13:39

Simplemente copia y pega el código en el archivo footer.php... antes de esta línea:

Código: Seleccionar todo: </body>

Guardas los cambios y lo subes con filezilla.

thechechbcn · por **thechechbcn** » May 2012, 14:28

he pegado el codigo guardo cambios y subo con filezilla
pero voy al blog y nada
te repito los pasos que he seguido
1 conectar via ftp. con mi blog
2 busco footer.php descargo a mi "pc"
3 en la ventana izquierda doy al footer edit busco </body> antes de body pego el script
4 le doy a subir y sube
me falta mucho no?? gracias

spamloco · por **spamloco** » May 2012, 14:34

Cuál es tu blog? para ver el código fuente directamente.

thechechbcn · por **thechechbcn** » May 2012, 09:09

spamloco escribió:Cuál es tu blog? para ver el código fuente directamente.

www.thechechbcn.wordpress.com

thechechbcn · por **thechechbcn** » May 2012, 18:43

www.thechechbcn.net

¿Cómo se inserta JavaScript en WordPress?

¿Cómo se inserta JavaScript en WordPress?

Re: ¿Cómo se inserta JavaScript en WordPress?

Re: ¿Cómo se inserta JavaScript en WordPress?

Re: ¿Cómo se inserta JavaScript en WordPress?

Re: ¿Cómo se inserta JavaScript en WordPress?

Re: ¿Cómo se inserta JavaScript en WordPress?

Re: ¿Cómo se inserta JavaScript en WordPress?

Re: ¿Cómo se inserta JavaScript en WordPress?

Re: ¿Cómo se inserta JavaScript en WordPress?

Re: ¿Cómo se inserta JavaScript en WordPress?

Re: ¿Cómo se inserta JavaScript en WordPress?

Re: ¿Cómo se inserta JavaScript en WordPress?

Re: ¿Cómo se inserta JavaScript en WordPress?

Re: ¿Cómo se inserta JavaScript en WordPress?

Re: ¿Cómo se inserta JavaScript en WordPress?

¿Quién está conectado?