Si trabajas con wordpress estoy seguro que alguna vez has visto que uno que otro plugin te dice que copies y pegues su shortcode en una página, post o incluso en php para mostrar el contenido o lo que sea que el plugin haga, ¿verdad?
Este post contiene
Pero… ¿Qué son los shortcodes en wordpress?
Podríamos decir en palabras sencillas que un shortcode es una función en la cual podemos cargar diversas cosas (textos, HTML, funciones etc.) que luego podemos mostrar en nuestras páginas o post solamente llamando una sola palabra o nombre que hayamos puesto previamente.
Estos shortcodes los creamos mediante PHP y lo podemos hacer desde nuestro archivo Function del tema que esté activo.
Ahora… eso es un shortcode, pero eso no es exclusivo de los plugins o de súper desarrolladores, de hecho aquí y ahora mismo vamos a aprender a desarrollar uno de forma muy sencilla.
¿Y… para qué sirven estos shortcodes?
Imagina que tenemos un párrafo con información muy importante el cual lo debemos repetir en 5 o más páginas de nuestra web, esto lo podemos hacer “a mano” escribiendo lo mismo en cada página o post, pero, ¿que tal si necesitamos cambiar una línea o una palabra de este párrafo? deberíamos ir a estas 5 o más páginas y cambiar lo que necesitemos una por una. Bastante tedioso ¿no?.
Pero si este párrafo (o lo que sea) lo tenemos mediante un Shortcode simplemente deberíamos ir a nuestro archivo function.php o donde lo hayamos hecho y cambiar lo que necesitemos una sola vez y de esta forma se cambiará automáticamente en todas nuestras páginas donde estemos mostrando el contenido de nuestro shortcode. ¡Genial verdad!
Crear shortcodes de contenido en wordpdress
Entonces teniendo claro que es un shortcode, en este primer ejemplo podremos hacer un shortcode sencillo y básico en el cual crearemos la función que nos devolverá lo que nosotros deseamos, en este caso una cadena de texto tal cual te lo muestro en el video.
function shorcode1() {
return "Hola Mundo!";
} add_shortcode( 'nombre1', 'shorcode1' );¿Fácil verdad?
Ahora vamos a crear un tipo de shortcode donde podemos no solamente mostrar un texto sino que a ese texto le podemos cambiar ciertas cosas sin necesidad de editar nuestro código del shortcode.
function shortcode2($atts) {
// atributos
$atts = shortcode_atts(
array( 'producto' => 'Zapatos',
'tallas' => '39-40-41-42-43-44-45-46',
), $atts
);
return 'Hola, solo tengo '.$atts['producto']. ' con estas tallas: ' .$atts['tallas'];
}
add_shortcode( 'nombre2', 'shortcode2' );Cómo usar un shortcode en wordpress
Bueno hasta aquí todo muy técnico, pero, ¿cómo muestro todo este contenido en mi web? y es aquí donde ocurre la magia, simplemente colocando nuestro famoso shortcode con el que podemos mostrar el contenido del código que escribimos anteriormente, lo siguiente solo lo debemos colocar en un párrafo de nuestro post o página de wordpress.
Para el primer ejemplo solo debemos utilizar:
[nombre1]Y para el segundo ejemplo solo debemos utilizar:
[nombre2 palabraAsignada='texto nuevo']En este último le podemos agregar la palabra clave que hemos asignado + = y entre las comillas ponemos lo que queremos que aparezca en su reemplazo.
Espero te haya sido de interés este post… nos leemos pronto!