Advertisement
  1. Code
  2. Creative Coding

Personalización del administrador de WordPress - El escritorio

Scroll to top
Read Time: 5 min
This post is part of a series called Customizing the WordPress Admin.
Customizing the WordPress Admin: The Login Screen
Customizing the WordPress Admin: Custom Admin Menus

Spanish (Español) translation by Eva Collados Pascual (you can also view the original English article)

En la primera parte de esta serie, te mostré cómo personalizar la pantalla de inicio de sesión de WordPress añadiendo un logotipo y algún estilo personalizados.

Lo siguiente que verán los usuarios después de haber iniciado sesión es el escritorio, por lo que en este tutorial aprenderás a personalizarlo eliminando algunos de los "metaboxes" o cajas meta existentes, moviendo algunas y añadiendo algunas otras nuevas.

Los pasos que voy a demostrar en este tutorial son los siguientes:

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

Voy a crear un plugin para hacer esto, si ya has creado un plugin después de seguir la Parte 1 de esta serie, es posible que prefieras añadir el código de este tutorial a ese mismo plugin, lo que te proporcionará un plugin final con toda tu personalización para el administrador.


Lo que necesitarás para completar este tutorial

Para completar este tutorial necesitarás lo siguiente:

  • Una instalación de WordPress
  • Acceso a la carpeta de plugins de tu sitio para añadir tu plugin
  • Un editor de texto para crear tu plugin

Configuración del plugin

Al principio de mi plugin, estoy añadiendo las siguientes líneas:


1. Elimina los metaboxes no deseados

El primer paso es eliminar los metaboxes que no queramos. Esto solo se aplicará a los usuarios con un rol inferior al de "administrador", ya que todavía quiero tener acceso a todo el escritorio de WordPress como administrador.

Comenzaré revisando lo que ven los usuarios con el rol de "editor" cuando acceden al escritorio:

customizing-the-wordpress-admin-part2-dashboard-before-changescustomizing-the-wordpress-admin-part2-dashboard-before-changescustomizing-the-wordpress-admin-part2-dashboard-before-changes

Hay tanto ahí que los usuarios tienen que desplazarse hacia abajo para verlo, y para los usuarios que no están familiarizados con WordPress, gran parte de esto será inútil. Además, si tu sitio no usa comentarios o pingbacks, sus correspondientes metaboxes  no son muy útiles.

Así que voy a mover lo siguiente:

  • Comentarios recientes
  • ¡Bienvenido a WordPress!
  • Borrador rápido (QuickPress)
  • Blog de WordPress
  • Eventos y noticias de WordPress

Para eliminar esos metaboxes para los usuarios que no sean administradores, añade lo siguiente a tu plugin:

Esto se dirige a los roles de usuario por debajo del administrador mediante la comprobación de si el usuario tiene la capacidad manage_options, que solo los tienen los administradores. A continuación, elimina los metaboxes y finalmente adjunta la función al gancho de wp_dashboard_setup.

Ahora el escritorio se ve mucho más limpio:

customizing-the-wordpress-admin-part2-dashboard-with-metaboxes-removedcustomizing-the-wordpress-admin-part2-dashboard-with-metaboxes-removedcustomizing-the-wordpress-admin-part2-dashboard-with-metaboxes-removed

¡Quizás sea un poco escaso! No te preocupes, te mostraré cómo añadir nuevos metaboxes en breve.

Pero primero moveré el metabox 'De un vistazo', ya que quiero añadir otro metabox en la posición superior izquierda.


2. Mueve un metabox en el escritorio

Mover metaboxes en el escritorio puede ayudarte a hacer que este sea más relevante para tu sitio web priorizando los metaboxes que tú o tus usuarios necesitarán usar más. Moveré el metabox "De un vistazo" a la derecha.

En tu plugin, añade el siguiente código:

Esto mueve el metabox 'De un vistazo' de la posición 'normal', es decir la izquierda, a la posición 'derecha', como se muestra en la captura de pantalla:

customizing-the-wordpress-admin-part2-dashboard-with-right-now-movedcustomizing-the-wordpress-admin-part2-dashboard-with-right-now-movedcustomizing-the-wordpress-admin-part2-dashboard-with-right-now-moved

El siguiente paso consiste en llenar ese espacio delimitado por una línea de guiones del lado izquierdo con un par de metaboxes personalizados.


3. Añadir nuevos metaboxes al escritorio

La adición de metaboxes al escritorio consta de dos pasos:

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

En este caso voy a añadir los nuevos metaboxes para todos los usuarios, por lo que no voy a comprobar las capacidades del usuario. Si lo deseas, copia simplemente el código que utilizaste en las secciones anteriores (o incluye todas las partes de este tutorial en la prueba original para la capacidad de manage_options).

En tu plugin, añade lo siguiente:

Esto añade dos nuevos metaboxes en el lado izquierdo de la pantalla del escritorio. ¡Ahora tienes un escritorio personalizado!


Resumen

En este tutorial has aprendido a hacer tres cosas:

  • Eliminar los metaboxes del escritorio
  • Mover los metaboxes de una parte del escritorio a otra
  • Añadir nuevos metaboxes al escritorio

Lo que elijas añadir a tus metaboxes depende de ti. Puedes incluir enlaces a vídeos de formación que ayuden a los usuarios a editar su sitio o añadir un enlace a tu propio blog o sitio. O podrías poner una cita diaria, ¡lo que sea que funcione para ti!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.