Añade CSS personalizado al administrador de WordPress -

Lo creas o no, paso muchísimo tiempo revisando los comentarios de mi blog y corrigiendo problemas de ortografía, formato de código, etc.; sí, incluso los comentarios desde 2007. Es principalmente para fines de control de calidad y facilidad de lectura para mis lectores, especialmente los comentarios del código.

Una queja que tengo con la sección de administración de WordPress es que es difícil detectar preel contenido de las etiquetas, especialmente los ejemplos de código que tienen solo una línea. Me hizo pensar: “¿No sería fantástico si pudiera agregar mis propios estilos a la interfaz de administración de WordPress?” Si es increíble, quiero hacerlo, ¡así que así es como puedes agregar tus propios estilos personalizados al administrador de WordPress!

Paso 1: crea tu archivo CSS

Puedes colocar el archivo CSS donde quieras; Elegí colocar el archivo CSS dentro de mi tema. Mi archivo CSS de administrador se ve así:

.wp-admin .comment pre { fondo: rosa; /* ¡Se olvidaron del idioma! */ relleno: 6px 10px; tamaño de fuente: 16px; borde: 1px sólido #ccc;}.wp-admin .comment pre[clase] { fondo: #fff; /* idioma (probable) allí */}

El CSS anterior hace que prelas etiquetas sean más visibles. También hará que cualquier PREelemento sin un sea classmás aparente, diciéndome que necesito arreglarlo agregando el idioma como un archivo className.

Paso 2: agrega su CSS al administrador de WordPressfunctions.php

WordPress utiliza un add_actiontipo de admin_enqueue_scriptspara agregar hojas de estilo en cualquier lugar dentro de WordPress:

// Actualizar CSS dentro de la función de administración admin_style() { wp_enqueue_style('admin-styles', get_template_directory_uri().'/admin.css');}add_action('admin_enqueue_scripts', 'admin_style');

get_template_directory_uriProporciona la ruta a su tema actual, simplemente necesita agregar el nombre del archivo al final de la ruta.

Si te molestan los estilos de administración de WordPress como el mío, no dudes en intervenir y cambiarlos. Mi actualización fue muy simple; Si deseas revisar completamente el tema de WordPress para que tus clientes creen que están obteniendo un sistema completamente personalizado, ¡no dudes en hacerlo!