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

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í.

Shortcode de Archivos

Existe también un shortcode específico para mostrar archivos (listados) de posts:

  • Last 12 months:
    [archives type=monthly limit=12]
  • Last 12 months with post count:
    [archives type=monthly limit=12 showcount=true]
  • Last 18 days:
    [archives type=daily limit=18]
  • Last 32 posts:
    [archives limit=32]
  • Last 3 weeks:
    [archives type=weekly limit=3]
  • All posts in a drop-down:
    [archives format=option]
  • Last 12 months with post count in a drop-down:
    [archives format=option type=monthly limit=12 showcount=true]
  • Last 17 weeks with some before and after text:
    [archives type=weekly limit=17 before='some before text' after='some after text']
Option Description Choices Default Setting
type The type of archives list to display yearly, monthly, weekly, daily, postbypost postbypost
format How to display the archives list option (drop-down menu), html (unordered list), custom (for use with the “before” and “after” parameters) html
limit The number of archive entries to display Any valid number No limit
showcount Display post count of each archive entry true, false false
before Text to go before each archive entry Any string of text or HTML tag from here none
after Text to go after each archive entry Any string of text or HTML tag from here none
order Sort order asc, desc desc

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.