• HomePagina Inicial
  • Blog Mis cosillas
  • Portfolio Mis trabajos
  • Acerca deeste blog y su autor
    • Sobre Mi 
    • Oridoki 
  • ContactarFormulario
  • Categorias

    • Blog
      • Control de Versiones
        • GIT
      • Diseño
      • Frameworks
        • CakePHP
        • CodeIgniter
      • JavaScript
        • EXT JS
        • JQuery
      • Magento
      • Maquetación
        • CSS
        • HTML
      • MiniCodes
      • MySQL
      • PHP
      • Proyectos
      • TextMate
      • Varios
      • Wordpress
    • Portfolio

Google Syntax Highlighter

Posted by Adrià Cidre Categories: Blog, JavaScript Tags: google syntax highlighter, instalación, Java Script

Es un tema que se ha tratado mil y una veces, pero la verdad es que me ha costado un rato instalarlo en wordpress. Así que lo voy a relatar paso a paso para que no me vuelva a pasar

Google Syntax Highlighter es una librería Java Script que básicamente permite poder colorear el código fuente que colgamos en nuestras páginas web.

Antes de nada hay que descargar el código fuente desde aquí . Una vez lo tengáis descomprimido deberíais subirlo al directorio ‘wp-content/plugins/’ de vuestra instalación de wordpress.

El siguiente paso es enlazarlas librerías del Google Syntax Highlighter en nuestra plantilla HTML, como sugería en la página oficial de este proyecto, he colocado el siguiente código hacia el final del documento. Para ello he abierto el fichero “wp-content/themes/myTema/footer.php” y justo antes de la etiqueta body he insertado el siguiente código:








Como básicamente voy a postear código PHP, Mysql, HTML, XML, o CSS pues he añadido dichas librerías.

Una vez echo esto solo tienes que escribir en uno de tus posts el siguiente código:

  ... Mi código ...

De este modo podrás presentar trozos de código como lo he hecho yo en esta página.

Share This Post!

Subscribe to our RSS feed. Tweet this! StumbleUpon Reddit Digg This! Bookmark on Delicious Share on Facebook

Deja un comentario Cancelar respuesta

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

*

*

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Search our website

  • Inicio
  • Blog
  • Consultor Web
  • Contactar
  • E-Commerce
  • Oridoki
  • Outsourcing
  • Portfolio
  • Sobre Mi
  • Social Media
© Adrià  Cidre Jugo - 2011