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;

<?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]

1	[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]');	
}

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.