Como insertar código fuente en wordpress

Como insertar código fuente en wordpress

Print Friendly, PDF & Email
Como insertar código fuente en wordpress
Valora esta entrada
¿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.

Actualización 21 de septiembre 2018

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 &lt; y &gt;

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:

Personalizar la página de categorías de tu plantilla wordpress
- 313
Si tu plantilla wordpress no te permite personalizar la página de categorías entonces tendrás que hacerlo a partir de una plantilla hija y el archivo category.php. Te cuento como lo he hecho en mi cas...
Dónde comprar plantillas para wordpress
- 159
Si estás buscando dónde comprar plantillas para wordpress en esta publicación encontarás mi top 10 de lugares favoritos y algunos criterios que tengo en cuenta para asegurarme una buena elección para ...
Que tienen los gestores de contenidos (CMS) para ser tan útiles
- 424
Los gestores de contenidos son aplicaciones web alojadas en un servidor que nos ayudan enormemente en la tarea de realizar un sitio web. Son herramientas pensadas para que personas sin conocimientos t...
Que son las plantillas hijas (child themes)
- 295
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.
Trucos para maquetar más rápido con wordpress
- 368
Visual Composer es un plugin de wordpress que dota al editor visual de una gran variedad de shortcodes con muchísima fuerza. Gracias a VC he ganado entre 10 y 15 minutos diarios antes dedicado al maqu...
Mantenimiento web. La obsesión por actualizar todo siempre
- 185
Si algo funciona no lo toques. ¿A que se debe la manía de tener que esta siempre actualizando todo? En esta entrada explico mi opinión personal sobre bajo que supuestos me lanzo a una nueva actualizac...
Los contenidos de los comentarios posicionan
- 295
Los comentarios que las personas hacemos en las entradas de webs y blogs son leídos e indexados por google junto con el contenido que google bot ha rastreado. No estoy diciendo si mucho o si poco. Per...
Usa el borrador de wordpress para guardar ideas
- 431
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...
Como configurar los menús en wordpress
- 274
Configurar el menús de una página web en base wordpress es una tarea sencilla que puede resultar un poco abrumadora cuando se está aprendiendo a usar el CMS por primera vez. Con esta entrada verás com...
Guía completa sobre como hacer web multiidioma en wordpress
- 396
Guía completa y original sobre como hacer webs multiidoma con wordpress. Con un tono personal y fresco te explico las diversas estrategias y te recomiendo cuales usar.
Francesc Ricart
hola@francescricart.com

Soy un ingeniero industrial a quién le apasiona aprender y enseñar. En el mundo del marketing online he encontrado una de mis pasiones. Ejerzo como docente ocupacional y privado para empresas. Y también hago consultoría web para PIMES, autónomos y otros emprendedores como yo. Ayudo a las empresas en cualquier temática relacionada con su presencia digital y herramientas web. Aunque mi especialidad es el posicionamiento en buscadores (SEO). A nivel de formación lo que más feliz me hace es que un alumno haga de mi pasión una forma de vida y le ayude a encontrar trabajo. A nivel de negocios ayudo a empresarios a desenvolverse con soltura en el mundo digital y les animo a hacer cada vez más cosas que nunca hubieran imaginado que ellos también podían hacer. En este camino les ayudo haciendo todo aquello dónde ellos no llegan y crecemos juntos. Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.