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 detectar usuarios que tienen instalado AdBlock en WordPress

30 octubre 2015

Cómo añadir el aviso sobre la política de cookies en Wordpress

14 septiembre 2015

CoBlocks: La colección de bloques más innovadora para WordPress y Gutenberg

15 marzo 2025

Grave amenaza en WordPress: Hackers explotan el plugin Eval PHP para comprometer sitios web

10 febrero 2025

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...

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...

Plugins

Headers Security Advanced & HSTS WP: refuerza WordPress con cabeceras HTTP avanzadas y protección CSP

10 junio 2025

Headers Security Advanced & HSTS WP es uno de los plugins más completos para...

Plugins

Optimiza la gestión de usuarios en WordPress con Index WP Users For Speed

4 junio 2025

En sitios web con miles de usuarios registrados, el panel de administración de WordPress...

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

Willbrige un impresionante tema para WordPress

11 enero 2016

¿Qué es el rel=»noopener» de WordPress y cómo eliminarlo?

22 octubre 2024

Las mejores plantillas de WordPress para un safari

25 marzo 2019

Graves vulnerabilidades afectan a populares complementos de WordPress para sitios inmobiliarios

23 enero 2025

Referencias WordPress para 4-septiembre-2012

4 septiembre 2012
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.