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.

Mostrar listados de posts, paginas y porfolios con shortcodes

Si queremos mostrar las entradas en una página, en un post o en un widget lo podemos hacer usando un shortcode. El uso básico es [ display-posts ] pero podemos darle muchos parámetros:

  • author
  • category
  • date_format (date_format=”F j, Y”)
  • id (id=”9, 10″)
  • image_size (image_size=”thumbnail”)
  • include_content (include_content=”true”)
  • include_date (include_date=”true”)
  • include_excerpt (include_excerpt=”true”)
  • offset (offset=”3″)
  • order (order=”ASC”)
  • orderby (orderby=”title”) (más aquí https://codex.wordpress.org/Class_Reference/WP_Query#Order_.26_Orderby_Parameters)
  • portfolio_type (para mostrar porfolios)
  • post_parent order
  • post_status (post_status=”publish, future”)
  • posts_per_page
  • tag
  • wrapper (ol, ul, div)

Ejemplo  [ display-posts orderby=”title” order=”ASC” posts_per_page =”6″image_size=”small” ]

Más información aquí.

Mostrar Posts del Tipo Porfolio y Testimonio

Para ello primero hemos de activarlos:

WordPress.com Shortocodes list posts loop

Es muy similar a [ display-posts ] (y de hecho podemos usar el otro directamente añadiendo “portfolio_type” o “testimonial_type”) pero nos ofrece la opción de especificar el número de columnas: [ portfolio columns=”1″ ].

Más información aquí y aquí.

Mostrar páginas

Existe además un shortcode para mostrar nuestras páginas por ejemplo

  • [ list-pages ] Muestra todas las páginas
  • [ sibling-pages ] Muestra las páginas que están al mismo nivel que la actual
  • [ child-pages ] Muestra las páginas que están por debajo de la página actual

Este shortcode acepta los siguientes parámetros:

  • sort_column
  • sort_order
  • exclude_tree
  • include
  • depth
  • child_of
  • show_date
  • date_format:
  • title_li
  • link_before
  • link_after
  • authors
  • offset
  • post_status

Más información aquí.

Nota importante

Por cuestiones de rendimiento el resultado de estos shortcodes no se genera cada vez que se carga la página, sino que se cachea y se renueva cada cierto tiempo. De manera que si habéis hecho un cambio y no se muestra no os preocupéis, es cuestión de esperar un poco.