Descubre en este tutorial cómo mostrar toda la información que te interesa de cualquier tema del repositorio de WordPress usando la API.
En este tutorial vas a usar la API de WordPress.org para obtener todos los datos asociados que te interesen de un tema de WordPress (nombre, valoraciones, instalaciones activas, versión, descripción…) y mostrarlos como quieras.
Este sería el resultado final:
![información theme repositorio WordPress usando API](https://codigogenesis.com/genesis/2024/03/informacion-theme-repositorio-WordPress-usando-API-1024x454.webp)
¿Empezamos?
Pasos para mostrar la información de un tema del repositorio de WordPress
1. Crea un shortcode con el atributo de tema del repositorio
Añade el siguiente snippet al fichero functions.php o a tu plugin de funcionalidades:
Para ver este código y los otros 2045 snippets de esta web,
identifícate o suscríbete aquí.
Con el código de arriba creas un shortcode con el atributo slug
que te permite indicar el slug del tema del repositorio de WordPress. Una vez definido el plugin, consultas la API de WordPress.org para extraer los datos que te interesan.
En este ejemplo «pintas» los siguientes datos:
- Nombre del plugin (con enlace).
- Valoración (indicado con número de estrellas).
- Número de valoraciones.
- Instalaciones activas.
- Descargas.
- Versión del tema.
- Versión mínima de WordPress necesaria.
- Descripción.
- Botón de descarga.
Obviamente, puedes modificar lo que veas oportuno para mostrar los datos que creas convenientes.
A diferencia de la API para plugins el número de instalaciones activas no está visible por defecto, por eso en el código de arriba añades unos parámetros extra (&request[fields][active_installs]=true
) para que sí puedas obtenerlo.
En el ejemplo solo estamos obteniendo los datos de 11 endpoints pero con la API, cuando haces la petición de información sobre un tema, puedes acceder a todos estos:
name
slug
version
preview_url
author
user_nicename
profile
avatar
display_name
author
author_
url
screeshot_url
rating
num_ratings
reviews_url
requires_plugins
support_threads
support_threads_resolved
downloaded
active_installs
last_updated
last_updated_time
creation_time
homepage
sections
description
download_link
screenshots
tags
requires
requires_php
is_commercial
external_support_url
is_community
external_repository_url
Si tienes dudas sobre el slug de un tema puedes visitar su página del repositorio de WordPress. La URL será: https://wordpress.org/themes/slug-del-tema.
2. Personaliza cómo se muestra la información del tema
En el código anterior no solo tienes toda la parte funcional sino que además añades clases CSS a los distintos datos que muestras. Eso te permite modificar la apariencia de cada uno de ellos para ajustarlo a tus necesidades.
3. Introduce el shortcode donde desees
Por último, solo tienes que escribir[theme_info slug="osom-business"]
donde quieras que se visualice y modificar el slug
del tema por el que quieras mostrar.
Este sería un ejemplo del listado que mostraría el shortcode si pones slug="osom-business"
:
![información theme repositorio WordPress usando API](https://codigogenesis.com/genesis/2024/03/informacion-theme-repositorio-WordPress-usando-API-1024x454.webp)
Conclusiones
Ahora ya sabes cómo mostrar la información que te interese de cualquier tema del repositorio de WordPress usando su API.
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. 😉