WordPress Directo
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting
No Result
View All Result
WordPress Directo
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting
No Result
View All Result
WordPress Directo
No Result
View All Result

Destaca tu código fuente con WordPress con SyntaxHighlighter Evolved

David Carrero Fernández-Baillo by David Carrero Fernández-Baillo
10 febrero 2012
in Plugins
Reading Time: 2 mins read
4

Ahora es realmente fácil destacar tú código fuente en tus entradas de WordPress para mostrar el código de forma más bonita y visual. SyntaxHighlighter Evolved es un plugin que te lo facilita sin perder información y formateando con colores. Haciendo uso del JavaScript SyntaxHighlighter del paquete de Alex Gorbatchev.

Puedes ver una demostración en la página del plugin y el mismo está disponible para múltiples lenguajes, puedes ver como lo usan en WordPress.com para más documentación.

Instalando o actualizando el plugin SyntaxHighlighter Evolved

Artículos relacionados

Cómo duplicar páginas y entradas en WordPress (con o sin plugin)

17 mayo 2025

Menos plugins para más rendimiento en WordPress

18 marzo 2025

Public Post Preview: Una herramienta clave para colaboración en WordPress

26 diciembre 2024

The Daily WordPress, un función al día en tu correo

2 mayo 2012

Para instalar el plugin solo tienes que descargar el ZIP, descomprimirlo y subirlo a /wp-content/plugins/. Y si lo que quieres es actualizar desactiva primero el plugin, borra el contenido y vuelve a subir la nueva versión. Una vez instalado o actualizado solo tienes que activarlo.

Como usar el plugin SyntaxHighlighter Evolved

Solo tienes que colocar el código fuente a destacar entre corchetes [lenguaje]. Por ejemplo para PHP con [ codesyntax lang=»php» ]código aquí[ /codesyntax ] o [ codesyntax lang=»css» ]código aquí[ /codesyntax ]. La lista de lenguajes soportada es realmente amplia.

Un ejemplo real de código fuente PHP formateado, del fichero de la administración de WordPress. Recuerda que en el editor avanzado de tu WordPress tiene un botón que te ayuda a insertar el código de forma sencilla.

Descargar SyntaxHightlighter Evolved.

Tags: código fuentecssjavascriptphp
ShareTweetSendSharePin
David Carrero Fernández-Baillo

David Carrero Fernández-Baillo

Experimentando con un sitio web sobre WordPress, este popular gestor de contenidos, entre otros muchos proyectos.

Te puede interesar...

Plugins

El método CiteMET: cómo influir en ChatGPT y Perplexity para ganar tráfico y citaciones

3 julio 2025

Un innovador enfoque de optimización para motores de inteligencia artificial está transformando el marketing...

Plugins

David Carrero lanza su primer plugin WordPress: «Read More Universal», compatible con más de 20 temas populares

24 junio 2025

Ligero, sin configuración y multilingüe, el nuevo plugin se adapta automáticamente a Twenty Twenty-Five,...

Noticias

Elementor celebra su noveno aniversario con descuentos de hasta el 75 % en toda su plataforma

22 junio 2025

La popular herramienta de creación web para WordPress lanza una campaña especial con importantes...

Plugins

WP Cerber: Un plugin de seguridad gratuito y potente para proteger WordPress

18 junio 2025

En el ecosistema de WordPress, la seguridad es una preocupación fundamental para cualquier administrador...

Comments 4

  1. abr4xas says:
    13 años ago

    Hola, como uso el plugin?
    No explicas como hacerlo :S

    • David Carrero Fernández-Baillo says:
      13 años ago

      Hola, en el editor visual de entradas se te añade un botón adicional para usarlo 😉 es muy sencillo, se abre una ventana, eliges el lenguaje y pegas tu código, y listo 🙂

  2. Rubén says:
    12 años ago

    Buenas David!

    Descargué e instalé el plugin para mi blog, pero no consigo que se vea bien…

    Pego el código en el botón del lápiz que aparece al crear nuevos temas, previamente seleccionando el lenguaje de programación, pero una vez publico la noticia, este código aparece en relieve y descentrado.

    Aquí va el ejemplo: blog.bcreationet.com/?p=124

    Muchas graciaaaas!!!

    • David Carrero Fernández-Baillo says:
      12 años ago

      Rubén es un tema de estilos, tendrás que revisarlos en el diseño (CSS).

No Result
View All Result
Plugin Imagify, optimizar imágenes
wordpress hosting NVME
Elegant Themes WordPress
elementor editor plugin




Últimos artículos

2022 mejores ofertas de WordPress para el Black Friday y el Cyber Monday

24 noviembre 2022

Los 7 mejores plugins para mostrar información sobre el autor

11 enero 2016

Automattic, la empresa detrás de WordPress

28 junio 2016

Optimización web con LiteSpeed Cache: Consigue un 100% en PageSpeed para WordPress

18 diciembre 2024

Marcar como nofollow todos los links externos de un WordPress

10 noviembre 2015
WordPress Directo

WPDirecto.com es una revista especializada en WordPress y WooCommerce que ofrece una amplia gama de recursos, incluyendo tutoriales, análisis de plugins y plantillas, consejos de optimización y estrategias de SEO, para ayudar a los usuarios a mejorar y personalizar sus sitios web, manteniéndolos informados sobre las últimas novedades y tendencias en el mundo de WordPress.

Menu

  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting

Información

WPDirecto es un medio de Medios y Redes:
  • Artículos patrocinados
  • Servicio de diseño web
  • Contacto
  • Acerca de MyR
  • Política de privacidad y cookies
  • Aviso Legal

© 1995-2025 Color Vivo Internet, SLU (Medios y Redes Online).. Otros contenidos se cita fuente. Infraestructura cloud servidores dedicados de Stackscale.

No Result
View All Result
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting

© 1995-2025 Color Vivo Internet, SLU (Medios y Redes Online).. Otros contenidos se cita fuente. Infraestructura cloud servidores dedicados de Stackscale.