WordPress – Scripting – Plugin SyntaxHighlighter Evolved 2.3.7 o como postear código en un blog de WordPress de hosting propio

09-01-2010

WordPress – Scripting – SyntaxHighlighter Evolved 2.3.7 plugin

O como postear código en un blog de WordPress de hosting propio

Si tienes un blog de wordpress en un hosting particular o propio (no del tipo loquesea.wordpress.com ), comprobarás que muchas de las funciones o plugins que trae por defecto los blogs en loquesea.wordpress.com no te vienen activadas. Pero eso es lo que tiene la libertad. Que puedes elegir y personalizar tu blog a tu antojo.
Por ejemplo, si deseo postear código ( html, javascript, PhP, …) en un post de wordpress, debo instalar un plugin que me permita indicar con algun tipo de tags o etiquetas en el post, que indiquen que lo que va entre ellas es un código para ser visto según un formato visual …

Para ello instalé el plugin SyntaxHighlighter Evolved 2.3.7 (hay muchos más del tipo, pero es el que ya usaba cuando tenia el blog en javcasta.wordpress.com )

No me enrollo, pongo un ejemplo.

Si deseo poner un código en javascript

< script type=”text/javascript”>

alert(“esto es javascript”);

< /script>

Deberé poner las etiquetas (pongo un espacio despues del corchete para que no lo interprete el plugin)

Comienzo del código y lenguaje a utilizar : [ code language=”javascript” ]

< script type=”text/javascript”>

//el código en javascript…
alert(“Esto es javascript”);

</script>

Fin de código = [ /code]

Y se verá tal que:

1 <script type="text/javascript">
2 //código en javascript
3 alert("Esto es javascript");
4 </script>

Postdata: En un wordpress self-hosted blog o blog de WordPress de hosting propio o blog de wordpress alojado en una cuenta de un servidor particular o externo a wordpress.com, el código en html y en javascript (no sé si todo ni sus restricciones) se interpreta al visualizarse el post.
Incluso hay plugins para que otro tipo de lenguajes (como PhP) se puedan ejecutar o interpretar en los posts de un blog de WordPress de hosting propio o wordpress self-hosted blog

Clika en el botón de este formulario de ejemplo:


1 <form>Clika en el botón de este formulario de ejemplo:<br />
2 <input class="button" onclick="alert('Has hecho click en el botón');" type="submit" value="OK" />
3 </form>

Ejemplo en:  Ejemplo-de-codigo-html-javascript-en-post-de-blog-de-wordpress-self-hosted-blog


Referencia:

SyntaxHighlighter Evolved 2.3.7

SyntaxHighlighter Evolved allows you to easily post syntax-highlighted code to your site without loosing it’s formatting or making any manual changes. It uses the SyntaxHighlighter JavaScript package by Alex Gorbatchev. For a live demo, see this plugin’s homepage. For a list of supported languages (most widely used languages are supported), see the WordPress.com support document. As seen on WordPress.com.

Anuncios

Escribe un comentario

Required fields are marked *

*
*

A %d blogueros les gusta esto: