Cómo aplicar una CSS personalizada al área de administración de WordPress

Normalmente los cambios estéticos de CSS que solemos hacer a nuestro WordPress van destinados al frontend o parte visible que van a ver nuestros visitantes. Pero también hay veces que necesitamos o nos apetece modificar la apariencia del backend o parte de administración de nuestro sistema, ya sea porque queremos cambiar los colores, el tamaño de las fuentes o cualquier otro motivo.

Cómo aplicar un estilo personalizado a la administración de WordPress

Esto lo puedes hacer fácilmente, añadiendo una simple código en PHP al archivo functions.php del tema que tengas instalado actualmente en WordPress. Para ello, desde la parte de administración, vete a Apariencia > Editor, y selecciona, de la parte derecha, donde se muestran los diferentes archivos, el archivo functions.php.

Una vez abierto, vete al final del mismo y añade el siguiente código:

add_action('admin_head', 'miEstiloPropio');

function miEstiloPropio() {
  echo '<style>
    body {
      font-size: 12px;
    }
    .nombreClase {
      color: #0FF;
    }
    #idElemento {
      padding-left: 20px;
    }
  </style>';
}

add_action('admin_head', 'miEstiloPropio');

function miEstiloPropio() {

echo '<style>

body {

font-size: 12px;

}

.nombreClase {

color: #0FF;

}

#idElemento {

padding-left: 20px;

}

</style>';

}

Con este código, añadiremos el estilo propio que queramos, el cual, como puedes ver, está dentro de la función miEstiloPropio, y puedes modificar a tu gusto para que la parte de administración o backend de tu WordPress quede a tu gusto. Una vez que lo hayas modificado, guarda los cambios y listo, puedes verlos en la parte de administración de tu sitio.