Descubre en este tutorial cómo obtener y mostrar todos los enlaces de videos de Vimeo de una instalación de WordPress mediante código.
Si utilizas Vimeo como plataforma para alojar tus vídeos y luego embeberlos en la web, es posible que en algún momento quieras obtener un listado de todos los vídeos. O incluso obtener únicamente los que hayan sido añadidos en un tipo de entrada determinada (post, página o cualquier Custom Post Type).
Si te interesa sigue leyendo. 😉
Pasos para mostrar todos los videos de Vimeo de un instancia de WordPress mediante un shortcode
1. Crea el shortcode
Primero vas a encapsular los enlaces de los vídeos dentro de un shortcode para poder mostrar el listado donde quieras.
Añade el siguiente snippet al fichero functions.php o a tu plugin de funcionalidades:
Para ver este código y los otros 1921 snippets de esta web,
identifícate o suscríbete aquí.
Con este código creas un shortcode que te permite mostrar un listado con todas los enlaces de los vídeos de Vimeo de la instalación de WordPress usando el shortcode [listado_vimeo].
Para obtener el listado utilizas un bucle para recorrer todas entradas y páginas (WP_Query
) y la función parse_blocks
para obtener los bloques del contenido. También utilizas un condicional para que solo se muestre la URL de los bloques de incrustado de Vimeo.
Importante: Ten en cuenta que con esta estrategia solo se obtendrán y mostrarán las URLs de los vídeos de Vimeo que se hayan añadido usando el bloque de incrustado de Vimeo.
Si prefieres que solo se obtengan los enlaces de una determinado tipo de entrada solo tienes que cambiar ese argumento de la consulta. Por ejemplo, si solo te interesan los que han sido incluidos en tutoriales usarías:
'post_type' => 'tutorial',
En este caso obtienes la URL del vídeo, pero puedes acceder a cualquier dato de array que devuelve parse_blocks
.
También puedes mostrar el título de la entrada en la que se muestra el vídeo y básicamente todas las opciones que se te ocurran.
Si tienes alguna duda o sugerencia puedes dejarla en los comentarios.
Para poder ver el listado solo te queda un paso.
2. Introduce el shortcode donde quieras
La ventaja de los shortcodes es que puedes insertarlos en cualquier punto de la web.
Solo tendrás que escribir [listado_vimeo]
donde quieres que se visualice.
Importante:
- Si estás utilizando el editor clásico, utiliza la pestaña de HTML para introducir el shortcode.
- En caso de que ya estés usando el nuevo editor de bloques (Gutenberg) puedes añadirlo al bloque normal de párrafo, el de HTML o el de shortcode. Todos ellos renderizarán de forma correcta el contenido.
Este sería un ejemplo del listado que mostraría el shortcode:
- https://vimeo.com/729798086/cb935d893d
- https://vimeo.com/721900252/fbe9086535
- https://vimeo.com/723189081/871939893e
Esto puede resultar muy práctico si tienes una academia o web de formación.
Si quieres que cree una versión para otro tipo de incrustado (Youtube…) u otros bloques soy todo oídos.
Conclusiones
Ahora ya sabes cómo obtener y mostrar las URLs de todos los vídeos de Vimeo de una instalación de WordPress.
Si tienes alguna duda te leo en los comentarios. Y si quieres dejarme una sugerencia para futuros tutoriales, envíamela a través del formulario de contacto.
Todo ventajas de ser suscriptor. 😉