20 Sep Como insertar código fuente en wordpress
¿Te gustaría poder compartir código fuente en tus publicaciones wordpress?
Por seguridad WordPress.org no permite embeber html, css ni javascript.
Si bien, es verdad que para wordpress.com hay un shortcode que lo permite de forma nativa.
Como el sistema de capturas de pantalla no me acaba de convencer porqué me lleva mucho trabajo finalmente he decidido ponerme a buscar una alternativa.
La solución la he encontrado como no podía ser en la instalación del plugin SyntaxHighlighter Evolved.
Parece que debe ser una buena solución porqué la propia Automattic (junto con Alex Mills) ha contribuido en su desarrollo.
Espero que me podáis perdonar la pluginulímia.
A pesar de ser un plugin que prometía la realidad es que no me funciona correctamente.
Hay otros plugins interesantes como Enlighter – Customizable Syntax Highlighter .
He probado varios y muchos me dan problemas de compatibilidad con Visual Composer.
Finalmente he terminado usando este otro que cumple a la perfección.
Como funciona el plugin para insertar código fuente
El plugin tiene un asistente visual que te permite escribir sin problemas.
Veamos un ejemplo:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Test funcionamiento plugin para source code en wp">
<meta name="author" content="Francesc Ricart">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Document</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<p>Esto es un párrafo</p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>La única pega es que al cargar librerías de Javascript estos plugins no se ven bien en formato AMP.
Métodos alternativos
Si no quires instalar ningún plugin entonces la alternativa es escapar tu los caracteres que pueden inducir a error.
Típicamente <> y </>
Por ejemplo un carácter escapado es < y >
Podéis consultar una referencia completa de caracteres codificados en este enlace.
¡Hola!
Querido lector,
¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!
Entradas relacionadas:
Un plugin es un paquete de código que correctamente instalado y activado en un gestor de contenidos permite añadir funcionalidades extra a una página web. La salud de wordpress es de hierro. Prueba de...
Existen una serie de diferencias entre categorías y etiquetas wordpress. En esta entrada vemos las cuestiones técnicas para que cada uno pueda decidir que uso dar a las categorías y etiquetas. Esta en...
¿Necesitas modificar un texto o palabra que aparece muchas veces en páginas o entradas de tu web? Te planteo dos propuestas para todos los gustos.
En esta entrada tocamos un clásico en el mundo wodpress. Hablamos de que son las plantillas hijas, porqué debemos usarlas, como se crean y usos indebidos a evitar.
Guía paso a paso para la instalación de una versión virgen de wordpress (.org) en XAMPP local. Incluye capturas de pantalla y especial mención a los errores típicos en cada paso y como solucionarlos.
Continuamente pienso en nuevos contenidos que serían de interés para el blog. Pero cuando me pongo en frente del ordenador para escribir muchas de estas imágenes ya se han ido. Aplicaciones como Googl...
No Comments