---
title: "Shortcodes (Diccionario Web 2.0)"
description: "Valencia, 26/12/2014, G.B. Los shortcodes son etiquetas especiales que te permiten 'incrustar' códigos de forma rápida y sencilla en nuestro gestor de contenidos . Se utilizan mucho en WordPress . Pod..."
url: https://www.puntocomunica.com/shortcodes-diccionario-web-2-0/
date: 2015-09-21
modified: 2015-09-21
author: "redacción puntocomunica"
image: https://www.puntocomunica.com/wp-content/uploads/2015/09/shortcodes.png
categories: ["Innovación, Internet y Tecnología"]
tags: ["crear shortcodes en wordpress", "diccionario web", "diccionario web 2.0", "gestores conteniso", "internet y tecnología", "S (diccionario web 2.0)", "S (diccionario web)", "shortcodes", "Wordpress"]
type: post
lang: es
---

# Shortcodes (Diccionario Web 2.0)

![Shortcodes (Diccionario Web 2.0)](http://www.puntocomunica.com/wp-content/uploads/2015/09/shortcodes.png)Valencia, 26/12/2014, G.B.

Los **shortcodes** son **etiquetas especiales** que te **permiten ‘incrustar’ códigos de forma rápida y sencilla en nuestro gestor de contenidos**. Se utilizan mucho en **WordPress**. Podemos decir que son** llamadas rápidas a códigos más extensos, **atajos de código que puedes incluir simplemente añadiendo el nombre del **shortcode** como si fuera una etiqueta HTML.

Su sintáxis es sumamente sencilla: en vez de ir dentro de los signos mayor y menor como en el caso del código HTML (**< >**), los shortcodes van ‘incrustados’ entre ‘brackets’: **[ ]**. Un ejemplo sencillo en la versión de **WordPress** alojada en sus servidores es el **shortcode** que ‘llama’ a un formulario de contacto.

Con la utilización de los** shortcodes** nos ahorramos mucho tiempo a la hora de escribir código, ya que su simple llamada hace que se inserte el código real que previamente hemos creado o que ya está creado e incluido en nuestra plantilla web.

**Cómo crear un shortcode**

En el caso de que nuestra plantilla o** theme** de **WordPress** no incluya** shortcodes**, podemos crearlos modificando el archivo **functions.php** -una verdadera ‘navaja suiza’- de nuestro blog en **WordPress** (instalado en nuestro hosting o servidor). Para ello deberemos crear una nueva** función de PHP** dentro del archivo** functions.php**, ubicado en la carpeta **/wp-content/themes/nuestra-plantilla.** Recordemos siempre hacer una copia de seguridad del archivo, porque si ‘metemos la pata’ nuestra weblog puede dejar de funcionar hasta que corrijamos los posibles errores de sintáxis en el archivo **functions.php**. Una vez creada la función con su respectiva llamada, ya podremos insertar nuestro recién creado shortcode en cualquier parte de nuestro weblog en **WordPress**.

Dejo un ejemplo al respecto:

**Ejemplo de cómo crear un shorcode con código de Google Adsense** (para añadirlo en cualquier post, página, widget, etc.): deberemos crear la función , llamarla y añadir el shortcode donde queramos.

**1.- **Modificamos el archivo** functions.php** de nuestro **theme** (tema o plantilla) de **WordPress** y añadimos una nueva función que llamamos **showadsense()**. En este caso utilizo una **función de PHP** para añadir muchas líneas de código HTML a la vez, denominada **ob_start(). **Podemos hacerlo desde el editor de WordPress (Apariencia -> editor -> functions.php) o por FTP (adjunto captura de pantalla):

[![AÑADIENDO UN SHORTCODE](http://www.puntocomunica.com/wp-content/uploads/2015/09/AÑADIENDO-UN-SHORTCODE-1024x481.png)](http://www.puntocomunica.com/shortcodes-diccionario-web-2-0/anadiendo-un-shortcode/)

function showadsense()

{

ob_start();

?> <div align=»center»><script src=»//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js» async=»»></script><!– 336×280 –> <ins class=»adsbygoogle» style=»display: inline-block; width: 336px; height: 280px;» data-ad-client=»ca-pub-8527080625921352″ data-ad-slot=»0175513200″></ins><script>// < ![CDATA[

// < ![CDATA[ (adsbygoogle = window.adsbygoogle || []).push({});

// ]]></script></div> <?php

return ob_get_clean();

}

// En la siguiente línea de código quí hacemos la llamada a la función para añadir el shortcode, lo damos de alta:

add_shortcode(‘adsense’, ‘showadsense’);

**2.-** Ahora ya podemos añadir el** shortcode** que hemos llamado **adsense** (siempre entre brackets** [ ]**) donde más nos convenga. Como muestra, lo añado aquí mismo. Aparecerá un anuncio de **Google Adsense** dentro de un div centrado, sin tener que volver a escribir todo el código cada vez, solo escribiendo el nombre del shortcode **[ adsense ]** (sin los espacios e blanco):

[adsense]

Por supuesto, también podemos hacerlo a través de plugins de Shortcodes, como por ejemplo [Shortcodes Ultimate](https://wordpress.org/plugins/shortcodes-ultimate/), entre otros.

**Lecturas recomendadas sobre los shortcodes:**

- [Qué son los shortcodes y cómo crearlos](http://ayudawp.com/que-son-los-shortcodes-y-como-crearlos/) (AyudaWordPress)
- [Documentación sobre los Shortcodes en WordPress](https://codex.wordpress.org/Shortcode_API) (Shortcode API)
- [add_shortcode function reference](http://codex.wordpress.org/Function_Reference/add_shortcode)
- [WordPress shortcodes guide](http://wp.smashingmagazine.com/2012/05/01/wordpress-shortcodes-complete-guide/)
- [Usando shortcodes en todas partes](http://ayudawp.com/usando-shortcodes-en-todas-partes/)