Personalizando el administrador de WordPress - pantallas de listados

En las Partes 1-4 de esta serie, te mostré cómo:

  • Personaliza la pantalla de inicio de sesión de WordPress.
  • Personaliza el panel de control
  • Personaliza el menú de administración.
  • Añadir texto de ayuda para publicar pantallas de edición.

En esta quinta entrega, le mostraré cómo personalizar pantallas de listados en el administrador..

En este tutorial aprenderás cómo:

  1. Eliminar columnas de las pantallas de listas de publicaciones para diferentes tipos de publicaciones
  2. Redimensionar las columnas restantes

Voy a crear un complemento para hacer esto: si ya ha creado un complemento después de seguir las Partes 1 a 4 de esta serie, es posible que prefiera agregar el código de este tutorial a ese complemento, dándole un complemento con todos tus personalizaciones de administrador.


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 Plugin

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

 / * Nombre del complemento: WPTutsPlus Personalice la Parte 5 del administrador: pantallas de listas URI del complemento: http://rachelmccollin.co.uk Descripción: Este complemento admite el tutorial en wptutsplus. Personaliza las pantallas de los listados de WordPress en el administrador. Versión: 1.0 Autor: Rachel McCollin Autor URI: http://rachelmccollin.com Licencia: GPLv2 * /

1. Eliminar columnas de la pantalla Listados de publicaciones

En mi sitio no usaré etiquetas para las publicaciones, así que también puedo eliminarlas de la pantalla de listas de publicaciones. A continuación puede ver cómo se ve la pantalla de listados de publicaciones con todas las columnas predeterminadas en su lugar. (Tenga en cuenta que en esta captura de pantalla, las publicaciones se conocen como noticias porque cambié esto en la parte 3 de esta serie).

La columna de etiquetas no es necesaria ya que no tiene datos, por lo que la eliminaré.

Para editar columnas utilizo uno de los tres ganchos de acción:

  • manage_posts_columns, para la pantalla de listado de publicaciones
  • manage_pages_columns, para la pantalla de listado de páginas
  • manage_ $ post_type_posts_columns, para una pantalla con su tipo de mensaje personalizado. Así, por ejemplo, si tuviera una 'coches' tipo de mensaje personalizado, yo usaría el manage_cars_post_type_columns gancho de acción

En este caso usaré manage_posts_columns.

En su plugin, agregue lo siguiente:

 // eliminar etiquetas de la función de pantalla de la lista de publicaciones wptutsplus_remove_posts_listing_tags ($ columnas) no establecido ($ columnas ['etiquetas')); devuelve $ columnas;  add_action ('manage_posts_columns', 'wptutsplus_remove_posts_listing_tags');

Esto elimina la columna 'Etiquetas', como se muestra en la captura de pantalla.

La columna para comentarios también es superflua para este sitio, por lo que también la eliminaré. Edita tu función para que se lea como sigue:

 // eliminar etiquetas de la función de pantalla de la lista de publicaciones wptutsplus_remove_posts_listing_tags ($ columnas) no establecido ($ columnas ['etiquetas')); unset ($ columnas ['comentarios')); devuelve $ columnas;  add_action ('manage_posts_columns', 'wptutsplus_remove_posts_listing_tags');

Esto eliminará la columna 'Comentarios' también:

Así que las columnas innecesarias ahora se eliminan, pero han dejado un montón de espacio que podría usar haciendo las columnas que permanecen un poco más anchas.

Una nota sobre la adición de columnas de taxonomía a las pantallas de listados

Vale la pena señalar que agregar columnas a las pantallas de los listados se hace de manera muy diferente. Antes de WordPress 3.5, agregaría columnas para taxonomías personalizadas de manera similar al método que acabo de demostrar para eliminar columnas. Sin embargo desde WordPress 3.5 eso ha cambiado. En lugar de personalizar la pantalla, debe configurar el 'show_admin_column' argumento para la taxonomia a cierto cuando lo registras. Para más sobre esto, ver el Codex..


2. Cambiar el tamaño de las columnas en la pantalla de listado de publicaciones

Puedo cambiar el tamaño de las columnas usando CSS. Las clases que necesito apuntar son:

  • .corregido .column-autor, para la columna 'Autor'
  • .categorías de columnas fijas, para la columna 'Categorías'
  • .edit-php, para garantizar que mis cambios solo se apliquen a esta pantalla de edición en particular, para la cual cuerpo etiqueta tiene la .edit-php clase.

Realizo estos cambios definiendo nuevos estilos y activándolos a través de admin_enqueue_scripts gancho.

En su plugin, agregue lo siguiente:

 // cambiar el tamaño de las columnas en la función de pantalla de listado de entradas wptutsplus_post_listing_column_resize () ?>   

Esto redimensiona las columnas para que utilicen el espacio de manera más efectiva..

Nota: es una buena práctica colocar su CSS en una hoja de estilo separada y llamar a eso usando wp_register_style y wp_enqueue_style. Como el siguiente tutorial de esta serie se centra en el estilo del administrador de WordPress, le mostraré cómo hacerlo en la parte 6.


Resumen

La personalización de las pantallas de listas de publicaciones en WordPress es muy sencilla: puede eliminar fácilmente las columnas que desee y modificar el estilo para aprovechar mejor el espacio. Esto hará que las pantallas sean menos confusas para los usuarios, ya que no verán columnas que no contengan metadatos..