Cómo mostrar código en WordPress.com

WordPress.com no nos permite añadir nuestro popio código php o javascript pero si mostrarlo, si por ejemplo escribimos una entrada que hable un tema relacionado con programación. Para ello podemos usar el shortcode [ code ] tal y como se explica aquí.

[ code language=”css” ]
a {color:red;}
[ /code ]

El resultado sería algo así:

a {color:red;}

El parámetro “language” es importante si queremos que nos muestre el “sintax highlight” correcto. Tenemos además otra serie de parámetros que podemos añadir al shortcode:

  • autolinks (true/false) — Makes all URLs in your posted code clickable. Defaults to true.
  • collapse (true/false) — If true, the code box will be collapsed when the page loads, requiring the visitor to click to expand it. Good for large code posts. Defaults to false.
  • firstline (number) — Use this to change what number the line numbering starts at. It defaults to 1.
  • gutter (true/false) — If false, the line numbering on the left side will be hidden. Defaults to true.
  • highlight (comma-seperated list of numbers) — You can list the line numbers you want to be highlighted. For example “4,7,19”.
  • htmlscript (true/false) — If true, any HTML/XML in your code will be highlighted. This is useful when you are mixing code into HTML, such as PHP inside of HTML. Defaults to false and will only work with certain code languages.
  • light (true/false) — If true, the gutter (line numbering) and margin (see below) will be hidden. This is helpful when posting only one or two lines of code. Defaults to false.
  • padlinenumbers (true/false/integer) — Allows you to control the line number padding. true will result in automatic padding, false will result in no padding, and entering a number will force a specific amount of padding.
  • title (string) — Set a label for your code block. Can be useful when combined with the collapse parameter.

Este shortcode está disponible como plugin si queréis usarlo en vuestra propia instalación.

Anuncios

Autor: Álvaro Gómez Velasco

Freelance WordPresss consultant & teacher at MrFoxTalbot.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s