Personalizando la administración de WordPress: Escritorio

En la primera parte de esta serie, he mostrado cómo personalizar la pantalla de inicio de sesión WordPress añadiendo un logotipo personalizado y un poco de diseño personalizado.

Lo siguiente que los usuarios verán después de registrarse es el Escritorio, ahora vermos cómo personalizar el Escritorio mediante la eliminación de algunos de los Metaboxes existentes, traslandando alguno de ellos y creando otros nuevos.

Los pasos que voy a demostrar, en este tutorial son:

Eliminar algunos de los Metaboxes que puede confundir a los usuarios
Mover un Metabox a una posición diferente en la pantalla
Añadir tus propios Metaboxes personalizados para ayudar a los usuarios

Para hacer todo esto voy a crear un plugin, si has seguido la primera parte de esta serie puedes añadir todo lo que veamos al mismo plugin para tener toda la administración personalizada en un solo plugin. Ahora lo haremos en un nuevo fichero para evitar confusión y por comodidad en la explicación.

Resumen del Contenido

¿Que necesitamos para seguir el tutorial?

Una instalación de WordPress
El acceso a la carpeta de plugins de tu sitio para agregar tu plugin
Un editor de texto para crear un plugin

Configuración del plugin

Con un editor de texto, puede ser el blcok de notas, Dreamweaver… lo que tengas a mano, creamos un fichero nuevo que llamaremos personalizar-longin.php. Todo lo guardaremos en una carpeta que llamaremos personalizar-admin-escritorio-wp

En la parte superior podremos el siguiente texto, es un ejmplo podeis modificar a vuestro antojo:

/* Nombre del Plugin: Personalizar Admin - Escritorio
Plugin URI: http://tutorialmonsters.com
Description: Personalizar la pantalla de Escritior para Admin de WP
Version: 1.0
Author: Bernardo
Author URI: http://tutorialmonsters.com
License: GPLv2
*/

1. Eliminando Metaboxes no deseados

El primer paso es eliminar cualquier Metaboxes que no queremos. Esto sólo se aplicará a los usuarios con un rol menor que «administrador», quiero mantener el acceso a todo el panel de WordPress como administrador.

Voy a empezar por revisar lo que los usuarios con el rol de «editor» (mas informacion sobre tipos de usuario y rol en WP) ven cuando acceden a la Interfaz:

Hay tantas cosas ahí que los usuarios tienen que desplazarse hacia abajo para verlo, y para los usuarios que no están familiarizados con WordPress, mucho de ello será inútil. Además, si su sitio no utiliza los comentarios o pingbacks, los Metaboxes para aquellos que no son muy útiles.

Vamos a quitar las siguientes:

Comentarios recientes
Enlaces entrantes
QuickPress
Blog oficial de WordPress
Otros Noticias sobre WordPress

Para quitar lo comentado para otros usuarios que no sean el administrador añadiremos el siguiente código:

// eliminar widgets del escritorio para usuarios que no son administradores
function eliminar__widgets_escritorio() {
$user = wp_get_current_user();
if ( ! $user->has_cap( 'manage_options' ) ) {
remove_meta_box( 'dashboard_recent_comments', 'dashboard', 'normal' );
remove_meta_box( 'dashboard_incoming_links', 'dashboard', 'normal' );
remove_meta_box( 'dashboard_plugins', 'dashboard', 'normal' );
remove_meta_box( 'dashboard_quick_press', 'dashboard', 'side' );
remove_meta_box( 'dashboard_primary', 'dashboard', 'side' );
remove_meta_box( 'dashboard_secondary', 'dashboard', 'side' );
}
}
add_action( 'wp_dashboard_setup', 'eliminar__widgets_escritorio' );

Vemos el resultado

Si quieres mas información sobre la función remove_meta_box lo tienes todo en la web oficial de Wordpess

2. Moviendo Metaboxes en el Escritorio

Si queremos dar prioridad a unos u otros Metaboxes podemos cambiar la posición en la que se muestran. para ello solamente tienes que añadir este código:


// Mover Widgets a la Derecha del Escritorio
function mover_widget_escritorio() {
$user = wp_get_current_user();
if ( ! $user->has_cap( 'manage_options' ) ) {
global $wp_meta_boxes;
$widget = $wp_meta_boxes['dashboard']['normal']['core']['dashboard_right_now'];
unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_right_now']);
$wp_meta_boxes['dashboard']['side']['core']['dashboard_right_now'] = $widget;
}
}
add_action( 'wp_dashboard_setup', 'mover_widget_escritorio' );

Veamos el resultado

3. Añadir nuevos Metaboxes en el Escritorio

Para añadir Metaboxes en el Escritorio utilizaremos la función wp_add_dashboard_widget() para definir los parámetros de los widgets, ID, título…

Como ejemplo añadiré metaboxes para todos los usuario, prodríamos añadir solamente para un tipo de usuario como hicimos antes, solo tienes que copiar este código:


// Añadir nuevos wigets al Escritorio
function nuevos_widgets_escritorio() {
wp_add_dashboard_widget( 'tutorial_bienvenido_escritorio', 'Bienvenido', 'nuevo_widgets_bienvenido' );
wp_add_dashboard_widget( 'tutorial_enlaces_escritorio', 'Enalces ', 'nuevo_widgets_enlaces' );
}
function nuevo_widgets_bienvenido(){ ?>
<p>Este sistema de gestión de contenidos le permite editar las páginas y mensajes en su sitio web.</p>
<p>El sitio se compone de los siguientes contenidos, que se puede acceder a través del menú de la izquierda:</p>
<ul>
<li>Páginas - páginas estáticas que se pueden editar.</li>
<li>Entradas - noticias o artículos del blog.</li>
<li>Medios - imágenes y documentos que puedes subir desde el menú Medios a la izquierda.</li>
</ul>
<p>En cada pantalla de edición hay instrucciones que le ayudarán a añadir y editar contenido.</p>
<?php }
function nuevo_widgets_enlaces() { ?>
<p>Algunos enlaces a recursos que le ayudarán a gestionar su sitio web:</p>
<ul>
<li><a href="http://wordpress.org">Codex para WordPress</a></li>
<li><a href="http://easywpguide.com">Guía fácil para WP</a></li>
<li><a href="http://www.wpbeginner.com">WP para principiantes</a></li>
</ul>
<?php }
add_action( 'wp_dashboard_setup', 'nuevos_widgets_escritorio' );
?>

Resultado