Personalizando el administrador de WordPress - El Tablero

En la primera parte de esta serie, le mostré cómo personalizar la pantalla de inicio de sesión de WordPress agregando un logotipo personalizado y un estilo personalizado..

Lo siguiente que verán los usuarios después de iniciar sesión es el Panel de control, por lo que en este tutorial aprenderá cómo personalizarlo eliminando algunos de los metaboxes existentes, moviéndolos y agregando algunos nuevos..

Los pasos que voy a demostrar en este tutorial son:

  1. Eliminando algunos de los metaboxes que pueden confundir a tus usuarios
  2. Mover un metabox a una posición diferente en la pantalla
  3. Agregando tus propios metaboxes personalizados para ayudar a los usuarios

Voy a crear un complemento para hacer esto: si ya ha creado un complemento después de seguir la Parte 1 de esta serie, es posible que prefiera agregar el código de este tutorial a ese complemento, proporcionándole un complemento con todos sus administradores. personalización.


Lo que necesitarás para completar este tutorial

Para completar este tutorial necesitarás:

  • Una instalación de WordPress
  • Accede a la carpeta de complementos de tu sitio para agregar tu complemento
  • Un editor de texto para crear tu plugin.

Configurando el complemento

Al comienzo de mi plugin, estoy agregando las siguientes líneas:

 / * Nombre del complemento: WPTutsPlus Personalice la Parte 2 del administrador: el URI del complemento de Dashboard: http://rachelmccollin.co.uk Descripción: Este complemento admite el tutorial en WPTutsPlus. Personaliza el panel de WordPress. Versión: 1.0 Autor: Rachel McCollin Autor URI: http://rachelmccollin.com Licencia: GPLv2 * /

1. Eliminar Metaboxes no deseados

El primer paso es eliminar los metaboxes que no deseamos. Esto solo se aplicará a los usuarios con una función inferior a la de "administrador", ya que todavía quiero acceder a todo el Panel de WordPress como administrador.

Comenzaré revisando qué ven los usuarios con el rol de "editor" cuando acceden al Tablero:

Hay tanto que los usuarios tienen que desplazarse hacia abajo para verlo, y para los usuarios que no están familiarizados con WordPress, muchos de ellos no serán útiles. Además, si su sitio no usa comentarios o pingbacks, los metaboxes para esos no son muy útiles.

Así que voy a mover lo siguiente:

  • Comentarios Recientes
  • Enlaces entrantes
  • Prensa rápida
  • Blog de WordPress
  • Otras noticias de WordPress

Para eliminar esos metaboxes para usuarios que no sean administradores, agregue lo siguiente a su complemento:

 // eliminar los widgets no deseados del panel de control para usuarios relevantes wptutsplus_remove_dashboard_widgets () $ 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_quick_press', 'dashboard', 'side'); remove_meta_box ('dashboard_primary', 'dashboard', 'side'); remove_meta_box ('dashboard_secondary', 'dashboard', 'side');  add_action ('wp_dashboard_setup', 'wptutsplus_remove_dashboard_widgets');

Esto apunta a los roles de usuario por debajo del administrador al verificar si el usuario tiene la opciones de gestión Capacidad, que solo está a cargo de los administradores. Luego elimina los metaboxes y finalmente adjunta la función a la wp_dashboard_setup gancho.

Ahora el Dashboard se ve mucho más limpio:

¡Es quizás un poco escaso! No te preocupes, te mostraré cómo agregar nuevos metaboxes en breve..

Pero primero moveré el metabox 'Right Now', ya que quiero agregar otro metabox en la posición superior izquierda.


2. Mueva un cuadro de instrumentos Metabox

Mover metaboxes de Dashboard puede ayudarlo a hacer que Dashboard sea más relevante para su sitio al priorizar los metaboxes que usted o sus usuarios necesitarán más. Moveré el metabox 'Ahora mismo' a la derecha.

En su plugin, agregue el siguiente código:

 // Mueve el widget del panel de control 'Right Now' a la función del lado derecho wptutsplus_move_dashboard_widget () $ 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', 'wptutsplus_move_dashboard_widget');

Esto mueve el metabox 'Right Now' desde la posición 'normal' de la izquierda a la posición 'derecha', como se muestra en la captura de pantalla:

El siguiente paso es llenar ese agujero abierto en el lado izquierdo con un par de metaboxes personalizados.


3. Añadir nuevos cuadros de mandos del cuadro de mandos

Agregar metaboxes al panel de control consta de dos pasos:

  1. Utilizar el wp_add_dashboard_widget () función para definir los parámetros del widget: su ID, el título y la función de devolución de llamada que definen su contenido. Activa esto a través de la wp_dashboard_setup gancho.
  2. Escribe la función de devolución de llamada para definir el contenido del metabox..

En este caso, agregaré nuevos metaboxes para todos los usuarios, por lo que no verificaré las capacidades de los usuarios; si lo desea, simplemente copie el código que usó en las secciones anteriores (o incluya todas las partes de Este tutorial en la prueba original para el opciones de gestión capacidad).

En su plugin, agregue lo siguiente:

 // agregar la nueva función de widgets del panel wptutsplus_add_dashboard_widgets () wp_add_dashboard_widget ('wptutsplus_dashboard_welcome', 'Welcome', 'wptutsplus_add_welcome_widget'); wp_add_dashboard_widget ('wptutsplus_dashboard_links', 'Enlaces útiles', 'wptutsplus_add_links_widget');  function wptutsplus_add_welcome_widget () ?> Este sistema de administración de contenido le permite editar las páginas y publicaciones en su sitio web. Su sitio consta del siguiente contenido, al que puede acceder a través del menú de la izquierda: 
  • Páginas - páginas estáticas que puedes editar.
  • Mensajes - Noticias o artículos de blog: puedes editarlos y agregar más..
  • Medios de comunicación - Imágenes y documentos que puede cargar a través del menú de Medios a la izquierda o dentro de cada publicación o página..
En cada pantalla de edición hay instrucciones para ayudarlo a agregar y editar contenido.. Algunos enlaces a recursos que le ayudarán a administrar su sitio:
  • El códice de WordPress
  • Guía fácil de WP
  • WP Principiante

Esto agrega dos nuevos metaboxes en el lado izquierdo de la pantalla del Tablero. Ahora tienes un Dashboard personalizado!


Resumen

En este tutorial aprendiste a hacer tres cosas:

  • Eliminar metaboxes del tablero
  • Mueve metaboxes de una parte del Tablero a otra
  • Añadir nuevos metaboxes del tablero

Lo que decidas agregar a tus metaboxes depende de ti. Puede incluir enlaces a videos de capacitación que ayuden a los usuarios a editar su sitio, o agregar un enlace a su propio blog o sitio. O podrías poner un pensamiento para el día allí, lo que sea que te funcione.!