Shortcodes: Que son y creacion | Adrenalina

Shortcodes: Que son y creacion

Publicado Por | 02 enero , 2014 | Blog Adrenalina, SEO Técnico | No Comments
wordpress shortcode

Shortcodes

– Que son los shortcodes?

Un Shortcode es una etiqueta especial la cual es sustituida por una función en javascript.

Por ejemplo si nosotros ponemos la etiqueta gallery, en el momento que se carga la pagina del blog, wordpress sustituye el shortcode por  todo el código que en realidad muestra la galería de imágenes.

Un Shortcode es similar a una etiqueta HTML , pero está encerrado entre corchetes “[ ]” en lugar de paréntesis “( )”. Este código es reemplazado con otro código cuando la página se carga realmente en un navegador web. Lo realmente bueno es que WordPress te permite crear tus propios shortcodes personalizados para mostrar casi cualquier cosa! Puedes usarla para generar un video de Youtube , incluso personalizarlo a tu gusto…

– Como crear un shortcode personalizado?

WordPress hace que sea muy sencillo de hacer sus propios shortcodes. Nosotros crearemos un shortcode para Adsense. Lo primero que tenemos que hacer es definir una función que genera el código real Adsense. Todo el código se irá en functions.php en su tema (que también podría ir en un archivo plugin independiente).

function get_adsense($atts){
return '<script type="text/javascript">
google_ad_client = "pub-XXXXXXXXXXXXXX";
google_ad_slot = "54321565498";
google_ad_width = 468;
google_ad_height = 60;
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>';
}

 Ahora que tenemos una función que devuelve lo que queremos, ¿cómo lo relaciono hasta el shortcode? Pues muy fácil, agregando la siguiente función a nuestro archivo functions.php

add_shortcode('adsense', 'get_adsense');

La ultima línea de código es una función propia de wordpress la cual recibe dos parámetros. El primer campo es el nombre  que nosotros  deseamos que tenga nuestro shortcode, i la segunda es el nombre de la función que nosotros creamos anteriormente.

Shortcodes Predeterminados de WordPress

WordPress sí ofrece algunos de los shortcodes de forma predeterminada.

Los siguientes códigos cortos se incluyen con WordPress:

Etiqueta audio

– Función:

La función de audio le permite incluir archivos de audio y reproducirlos.

– Atributos:

– src: La fuente del archivo de audio. Los formatos admitidos son ‘ mp3’ , ‘ m4a ‘, ‘ ogg ‘, ‘ wav ‘, ‘ wma’

– Loop: Permite el bucle  del archivo. Las opciones para el atributo son ‘off’ o ‘on’. El valor predeterminado es ‘off’

– Autoplay: Reproduce automáticamente el archivo de audio tan pronto como el archivo este listo. Las opciones para el atributo son ‘off’ o ‘on’. El valor predeterminado es  ‘off’

– Preload: Especifica si y cómo el sonido se debe cargar cuando se cargue la página . Las opciones para el atributo son ‘none’ , ‘auto’ o ‘metadata'( sólo los metadatos se debe cargar cuando se cargue la página).  El valor predeterminado es ‘none’ .

 Etiqueta caption

– Función:

La función de caption permite ajustar los subtítulos de todo contenido. Esto se utiliza principalmente con imágenes individuales

-Atributos:

– ID: Un ID HTML único que puede cambiar para utilizar dentro de su CSS.

– Align: La alineación de los subtítulos dentro del mensaje. Los valores válidos son: ‘Alignnone ‘, ‘AlignCenter’,’ AlignRight ‘ y ‘AlignLeft’. El valor predeterminado es     ‘Alignnone ‘ .

– Width: Para marcar el ancho. Este atributo es necesario y debe tener un valor mayor  que o igual a 1.El tamaño se especifica en píxeles

– Caption: El texto actual de su leyenda. Este atributo es necesario, por supuesto.

Etiqueta embed

– Función:

La funcion se utiliza para insertar videos,imágenes y otros conetenidos para su sito de WordPress

-Atributos:

– Width: Para marcar el ancho.

– Height: Para marcar el alto.

Etiqueta galería

– Función:

Le permite añadir una o más galerías de imágenes en tus posts y páginas.

-Atributos:

– ID: Especificar el ID. La galería mostrará imágenes que se adjuntan a ese puesto. El comportamiento por defecto, si no se especifica ningún ID, es para mostrar las imágenes adjuntas a la entrada actual.

–  Order by: Especificar cómo ordenar las miniaturas de la pantalla. Los valores validos son: menu_order , title, post_date, rand.

– Order:  Especificar el orden de clasificación se utiliza para mostrar las miniaturas.

– Columns: Especificar el número de columnas. La galería incluye una etiqueta de salto  al final de cada fila, y calcular el ancho de columna, según corresponda. El valor  predeterminado es 3. Si las columnas se establece en 0, se incluirán sin saltos de fila.

– Size: Especificar el tamaño de la imagen que se utilizará para la visualización de miniaturas. Los valores válidos son ‘thumbnail’, ‘medium’, ‘large’, ‘full’ y cualquier otro tamaño de la imagen adicional que se ha registrado en el add_image_size (). El   valor por defecto es ‘thumbnail’.

– Itemtag: El nombre de la etiqueta XHTML utilizado para encerrar cada elemento de la galería.

– icontag: El nombre de la etiqueta XHTML utilizado para encerrar cada icono de miniatura en la galería.

– captiontag: El nombre de la etiqueta XHTML utilizado para encerrar cada título.

– include: Para mostrar sólo las imágenes especificadas por ID(el ID separados por comas). Por favor, tenga en cuenta que include y exclude no se pueden utilizar juntos.

– exclude: Para excluir sólo las imágenes especificadas por ID(el ID separados por comas). Por favor, tenga en cuenta que include y exclude no se pueden utilizar juntos.

Etiqueta video

– Función:

La función de vídeo le permite incluir archivos de vídeo y reproducirlos.

-Atributos:

– src: La fuente del archivo de audio. Los formatos admitidos son ‘ mp3’ , ‘ m4a ‘, ‘ ogg ‘,  ‘ wav ‘, ‘ wma’

– Poster: Define la imagen para mostrar como marcador de posición antes del reproductor.

– Loop: Permite el bucle  del archivo. Las opciones para el atributo son ‘off’ o ‘on’. El   valor predeterminado es  ‘off’

– Autoplay: Reproduce automáticamente el archivo de audio tan pronto como el  archivo este listo. Las opciones para el atributo son ‘off’ o ‘on’. El valor predeterminado es  ‘off’

– Preload: Especifica si y cómo el sonido se debe cargar cuando se cargue la página . Las  opciones para el atributo son ‘none’ , ‘auto’ o ‘metadata'( sólo los metadatos se debe cargar cuando se cargue la página).  El valor predeterminado es ‘none’ .

– Height: Define el alto de la ventana donde se incrusta el video. El valor se detecta  automáticamente en la carga de archivos.

– Width: Define el ancho de la ventana donde se incrusta el video. El valor se detecta automáticamente en la carga de archivos.

Plugins 

Gracias a los plugins de WordPress, añadiendo funcionalidad abreviado a un sitio web no requiere la edición de código fuente en absoluto. Si nos fijamos en el directorio de plugins de WordPress, puedes encontrar un gran número de dichos. En esta sección, le recomendaremos algunos de los mejores plugins shortcode (favoreciendo los libres) para satisfacer todas sus necesidades.

– SHORTCODES ULTIMATE

Sin lugar a dudas, este es el mejor plugin de shortcodes  que hay. Le permite crear fácilmente botones, etiquetas, cajas, barras de desplazamiento, información sobre herramientas y muchos más elementos.

– J SHORTCODES
El plugin J Shortcodes es similar a Shortcodes ultimate, que ofrece una colección de elementos útiles para el estilo de un sitio web, incluyendo botones, cajas, etiquetas y acordeones. J Shortcodes le permite establecer los atributos personalizados de los elementos, como el color, tamaño y forma, y definir las disposiciones de columnas personalizadas en cualquier página o correo.

– SHORTCODES PRO
Shortcodes Pro no ofrece listas de shortcodes para su uso. En cambio, este plugin permite la creación rápida y fácil de los códigos cortos de WordPress desde dentro del panel de administración de WordPress.

– SHORTCODE EXEC PHP
Nativamente, WordPress no proporciona funcionalidad para ejecutar partes de código fuente PHP en mensajes o páginas. Shortcode Exec PHP plugin permite ejecutar código PHP en el contenido WordPress utilizando códigos cortos definidos manualmente.

Autor: francis

Estudiamos y analizamos su negocio en profundidad, definimos objetivos y planteamos la estrategia de marketing más adecuada centrándonos en conseguir cada uno de los objetivos propuestos. Solicita Presupuesto Ahora

Uso de cookies

En este sitio web utilizamos cookies propias y de terceros para mejorar nuestros servicios, para que usted tenga la mejor experiencia de usuario y analizar su visita. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.