Como crear un Widget en el Escritorio de WordPress


Este es un mini tutorial para crear un Widget en el DashBoard o Escritorio de WordPress.

 

Como veréis a continuacion el código es muy sencillo y son pocas funciones aunque estemos usando un ejemplo chorra.

Esto nos puede valer para muchas cosas:

  • Si creais un tema mostrar vuestra info de contacto para que os puedan mandar un soporte.  A mi personalmente me mata tener publicidad en el dashboard no lo hagais jajaja.
  • Si teneis una tienda ultimos productos comprados (usando un shortcode) ,…
  • Ultimos usuarios conectados
  • Con los shortcodes podeis lanzar cualquier cosa

ejemplo_dashboard_widget

Ejemplo sencillo equivalente al hola mundo

<?php
/*
* Clase donde vamos a crearnos un widget que se mostrara en el dashboard de WordPress
*
*/
class Demo_Dashboard_Widget {
	// constructor donde agregamos a wp_dashboard_setup nuestra clase
	public function __construct() {
		
		add_action( 'wp_dashboard_setup', array( $this, 'add_dashboard_widget' ) );

	}

	// declaramos el widget para el dashboard
	public function add_dashboard_widget() {

		wp_add_dashboard_widget(
			'demo_dashboard_widget',
			__( 'Demo Dashboard Widget', 'text_domain' ),
			array( $this, 'mostrar_dashboard_widget' )
		);

	}

	public function mostrar_dashboard_widget() {
		echo "<p>Esto es una prueba para verla en el escritorio</p>";
		echo " .............. "; 
	} 
}

new Demo_Dashboard_Widget;

 

[button text=»Descargar fichero» url=»https://www.danielcastanera.com/wp-content/uploads/2016/03/demo_dashboard_widget.zip» background_color=»#0074c7″ text_color=»#ffffff» style=»lt_flat» size=»default» icon=»» open_new_window=»true» rounded=»true»]

 

Ejemplo con ShortCodes

[jetpack_top_posts_widget]

 

Ahora vamos a hacer un ejemplo con un Shortcode. En este ejemplo necesitamos tener jetpack instalado y vamos a decirle que nos muestre los artículos mas visto. Para ello usaremos el siguiente Shortcode

ejemplo_shortcode_widget

código

public function mostrar_dashboard_widget() {
		echo "<p>Esto es una prueba para verla en el escritorio</p>";
		echo do_shortcode('[jetpack_top_posts_widget]');	
}

 

Como veis las posibilidades son brutales para haceros un mini dashboard con todo lo necesario para la gestión.