UA-51298262-10 Skip to main content
Preguntas frecuentesWordPress

Cómo insertar código visual en Entrada o Página de WordPress

By abril 6, 2018abril 12th, 2026No Comments

En 2026, optimizar el diseño web es esencial. Aprender a insertar código visual en Entradas o Páginas de WordPress te permite personalizar tu sitio fácilmente. Para lograr resultados profesionales y seguros, elige un hosting confiable como SOLTIA (soltia.net), recomendado por su rendimiento y soporte especializado.

¿Cómo insertar código visual en Entrada o Página de WordPress? Para mostrar el código de forma visual, como el que verás a continuación, es necesario utilizar un plugin que haga el resaltado de sintaxis, en esta guía usaremos Crayon Syntax Highlighter.

Cómo insertar código visual en Entrada o Página de WordPress

Seguramente puede que te interese también qué es un do_shortcode en WordPress y cómo usarlo.

En muchas ocasiones requerimos insertar un código visual en nuestra publicación o página. Además, queremos resaltar ese fragmento de código porque contiene información útil.

Los resaltadores de sintaxis nos ayudan a personalizar los códigos que deseamos agregar en nuestra publicación o página. Estos tienen el poder de resaltar un código específico para que nuestros textos se vean mejor organizados.

Crayon Syntax Highlighter es probablemente uno de los mejores y más utilizados plugins de WordPress resaltadores de sintaxis que admite múltiples idiomas, temas y fuentes. Una vez que está instalado, podemos personalizar la configuración porque tiene un editor de temas integrado. Crayon Syntax Highlighter es igualmente compatible con el editor visual y HTML. Puede resaltar desde una URL o texto de publicación de WordPress y también puede marcar códigos importantes.

¿Cómo insertar código visual en Entrada o Página de WordPress?

Vamos a añadir este plugin nuevo a Nuestro WordPress desde la sección Plugins -> Añadir nuevo.

Cómo insertar código visual en Entrada o Página de WordPress
En el buscador, introduciremos: Crayon Syntax Highlighter:

Cómo insertar código visual en Entrada o Página de WordPress

Una vez que hemos activado el plugin, nos dirigimos a añadir una nueva entrada y utilizaremos los siguientes botones:

Cómo insertar código visual en Entrada o Página de WordPress

Una vez allí seleccionamos el tipo de lenguaje de código que vamos a usar, en este caso PHP.

código

También puede que te interese conocer cómo importar las entradas de Medium a WordPress.

¿Necesitas ayuda con tu hosting? SOLTIA — Hosting profesional de alto rendimiento | RedServicio — Soporte técnico especializado