Crear un shortcode para wordpress

Crear un shortcode para wordpress

Bueno me estoy viendo en la necesidad de crear un shortcode para esta misma web que es lo que quiero o requiero crear un shortcode para ponerlos en los wibgets donde me muestre el listado de los proyecto que tengo publicado que no se porque el custome post type no me aparece en los wibgets así que se me ocurrió hacerlo desde un shortcode viendo que para mi la forma mas fácil de hacerlo en con código así que vamos a por ello y lo iré haciendo paso a paso y para ir mostrándolos como se hace que me quede como guía.

¿que es un shortcode?

Es divertido explicar lo que significan estos códigos a cualquiera que aún no los conozca antes de profundizar en cómo los creamos. En conclusión, se puede decir que estos son pequeños códigos que se pueden agregar al editor de WordPress para agregar funcionalidad al contenido de nuestras publicaciones y páginas. Por ejemplo, para mostrar información sobre el autor de una entrada o para mostrar una galería de fotos.

Un shortcode es similar a las etiquetas HTML utilizadas en el diseño web, pero la diferencia es que en lugar de los símbolos «<» y «>», utiliza corchetes. Un ejemplo básico es el siguiente:

[shortcode]

También pueden recibir parámetros

[shortcode parametro1=”valor” parametro2=”valor”]

Cómo crear shortcodes en WordPress

1.-Primero abrimos de nuestro wordpress el fichero del tema funtion.php

2.-En algún lugar de este fichero pondremos este codigo:

 add_shortcode('nombre_publicador', 'shortcode_mostrar_publicador');
  • nombre_publicador: es el nombre que se llamara al shortcode
  • shortcode_mostrar_publicador: hace referencia al nombre de la función que llama

3.- la función que llama el hook

function shortcode_mostrar_publicador() {
  return 'Luis Alberto Bernal fuentes publicador';
}

4.- el nombre que se llama el shortcode se pone entres [] que la función add_shortcode tiene un nombre y el otro que llama a la función con su contenido y el nombre del shortcode que le pusiste

//shortcodes lista
function shortcode_nombre_publicador() {
    return 'Luis Alberto bernal fuentes publicador';
}
add_shortcode('nombre_publicador', 'shortcode_nombre_publicador');
// el shortcode seria Luis Alberto bernal fuentes publicado y te muestra lo que esta dentro del return de la funcion

con el Luis Alberto bernal fuentes publicado

te muestra lo que esta dentro del return de la función anterior 

 

Cómo crear shortcodes en WordPress con parámetros

A veces existe la necesidad de crear códigos cortos, que dependiendo de ciertos parámetros pueden funcionar de una forma u otra. El uso de parámetros es igualmente sencillo y es lo único que tenemos que tener en cuenta al escribir funciones. Por ejemplo, en el ejemplo anterior de insertar el nombre del autor, podemos distinguir la situación en la que queremos marcar uno.

function shortcode_nombre_publicador_2($atts) {

    // el parametro que recibe en un array
    $p = shortcode_atts( array (
          'nombre' => 'luis alberto bernal'
          ), $atts );
           
    // en la variable texto concatenamos el array asociado de arriba dentro del string para retornarlo
    $texto = 'Este artículo ha sido creado por '.$p['nombre'];
    return $texto;
}
add_shortcode('publicador_con_parametro', 'shortcode_nombre_publicador_2');
// y mostramos el shortcode Este artículo ha sido creado por luis alberto bernal

Ahora el shortcode que se mostraba anteriormente de manera muy sencilla Este artículo ha sido creado por luis alberto bernal ahora podemos pasarle un parámetro con el nombre dentro del array donde esta shortcode_atts con el atributo nombre y el shortcode ya de podemos pasar un parámetro por el atributo de la siguiente manera  Este artículo ha sido creado por Tu nombre y así puedes agregar parámetros de los que quieres y hasta funciones dentro de un parámetro

con el shortcode Este artículo ha sido creado por luis alberto bernal nos muestra lo que esta dentro de la función con los parámetro dentro del array por defecto

con el shortcode Este artículo ha sido creado por Luis Felipe Bernal el array nombre recibe el atributo  nombre con luis felipe bernal y lo sustituye con el nuevo valor recibido

 

 

Puedes buscar mas sobre otros temas en mi blog

bibliografia https://blog.acens.com/white-papers/crear-shortcodes-wordpress-whitepaper/

Crear un shortcode para wordpress