En las Partes 1-4 de esta serie, te mostré cómo:
En esta quinta entrega, le mostraré cómo personalizar pantallas de listados en el administrador..
En este tutorial aprenderás cómo:
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.
Para completar este tutorial necesitarás:
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 * /
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 publicacionesmanage_pages_columns
, para la pantalla de listado de páginasmanage_ $ 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ónEn 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.
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..
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
ywp_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..