Descubre en este tutorial cómo crear un plugin que permita mostrar los plugins favoritos de un usuario de WordPress.
También te expliqué cómo mostrar los datos recogidos en el formulario creando un listado. De hecho, puedes ver un ejemplo aquí, con los suscriptores de Código Genesis que han rellenado sus datos.
En este tutorial vamos a ir un paso más allá y vamos a aprovechar que tenemos el usuario de WordPress, para que muestre de forma automática los plugins del repositorio de WordPress que ha marcado como favoritos.
Por si no lo sabías, cuando estás logueado con tu usuario de WordPress tienes la opción de marcar un plugin como favorito haciendo clic en el icono del corazón.
Así, usando la API dedicada, puedes extraer los plugins favoritos y todos los datos asociados (enlace, autor, valoraciones…) de un usuario. Y mostrarlos como quieras.
Este sería el resultado final:
¿Empezamos?
Pasos para crear un plugin para mostrar los plugins favoritos de un usuario de WordPress
1. Crea la estructura y el fichero principal del plugin
Antes de nada, crea la estructura de carpetas del plugin. Sería algo así:
Una carpeta principal con el nombre del plugin más una subcarpeta llamada CSS y un fichero style.css dentro.
Crea un fichero en la raíz con el mismo nombre que la carpeta principal (en este caso, user-favorite-plugins.php) y añade la cabecera del plugin:
<?php
/**
*
* Plugin Name: Mostrar plugins favoritos de un usuario de WordPress
* Plugin URI: https://codigogenesis.com/user-favorite-plugins
* Description: Crear un shortcode que muestra los plugins favoritos de un usuario de WordPress.
* Version: 1.0.0
* Author: Nahuai Badiola
* Author URI: https://codigogenesis.com/
* License: GPL-2.0+
* License URI: http://www.gnu.org/licenses/gpl-2.0.txt
* Text Domain: cg-user-favorite-plugins
*/
?>
Y así quedaría la cabecera más el código del plugin:
Para ver este código y los otros 2055 snippets de esta web,
identifícate o suscríbete aquí.
Dentro del mismo se realizan varias funciones:
Con este código estás tomando la ID de WordPress del usuario (concretamente lo haces de la página de autor, que es donde se muestra) y la API de plugins para extraer los plugins favoritos.
A continuación «pintas» los siguientes datos:
- Nombre del plugin (con enlace).
- Valoración (indicado con número de estrellas).
- Número de valoraciones.
- Autor (con enlace)
Obviamente, puedes modificar lo que veas oportuno para mostrar los datos que creas convenientes
Y por último, encolas los estilos de CSS.
2. Crea el style.css
Una vez que tienes toda la parte funcional del plugin necesitas dar los estilos para que el listado de plugins se muestre como en el ejemplo de arriba.
Para ello, crea el fichero style.css con las siguientes líneas:
Para ver este código y los otros 2055 snippets de esta web,
identifícate o suscríbete aquí.
Obviamente, esto también puedes modificarlo para ajustarlo a tus necesidades.
Sobre todo, acuérdate de sustituir la URL https://tuweb.com/ por la de tu web.
3. Añade el shortcode para mostrar los plugins favoritos en la plantilla de author.php
Por último, debes añadir el shortcode a la página de autor que es donde vas a mostrar la información del usuario.
Para ello, crear un fichero author.php
en la raíz del child theme de Genesis con el siguiente código:
Para ver este código y los otros 2055 snippets de esta web,
identifícate o suscríbete aquí.
Con este fragmento de código eliminas el bucle nativo y creas uno personalizado en el que muestras los plugins favoritos del usuario debajo de su información.
Como puedes observar, el código incluye el shortcode [user_data]
para mostrar la ficha de los usuarios con los datos que te interesen, tal y como te cuento en este tutorial.
En cualquier caso, tú puedes mostrar la información que desees que ya hayas recogido en el formulario para los usuarios.
Conclusiones
Ahora ya sabes cómo crear un plugin que permita mostrar los plugins favoritos de un usuario de WordPress.
Aunque el ejemplo está pensado para mostrarlo en la página de autor y previamente has tenido que recoger la información de los usuarios como te he explicado en anteriores tutoriales, puedes modificarlo para usarlo en otras circunstancias.
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. 😉
Tutoriales relacionados
- https://codigogenesis.com/crear-formulario-permita-recoger-datos-suscriptores-wordpress/
- https://codigogenesis.com/crear-listado-suscriptores-wordpress-datos-personalizados/
- https://codigogenesis.com/crear-ficha-usuarios-wordpress-muestre-datos-personalizados/
- https://codigogenesis.com/crear-formulario-permita-recoger-datos-suscriptores-wordpress/