Remodela el panel de WordPress (wp-admin) con JustZix
El escritorio de WordPress se llena de desorden enseguida: cada plugin mete su propio aviso, banner promocional o petición de reseña, el editor de entradas es más estrecho de lo que podría ser y las tablas de listas cuestan de leer. No puedes arreglar eso en Ajustes — pero sí puedes superponer tu propio CSS y JS con una regla de JustZix limitada a /wp-admin/. Aquí tienes unos cuantos ajustes ya hechos que dejan el panel tranquilo y legible.
Oculta los avisos y peticiones de plugins
La mayor fuente de ruido en wp-admin es .notice — la franja de banners sobre el contenido. Los plugins la llenan de ventas de versiones de pago, peticiones de reseña y recordatorios de actualización. WordPress no tiene un interruptor global, así que los ocultamos con CSS:
/* Oculta los banners promocionales y peticiones de plugins */
#wpbody-content .notice,
#wpbody-content .updated,
#wpbody-content .update-nag,
#wpbody-content .notice-info,
.wp-pointer {
display: none !important;
}
/* ...pero deja visibles las advertencias de error reales */
#wpbody-content .notice-error,
#wpbody-content .notice-warning {
display: block !important;
}Mantenemos .notice-error y .notice-warning porque esos llevan los mensajes que importan — una actualización crítica, un problema de base de datos. El ruido promocional desaparece, lo importante se queda.
Despeja el menú de administración
El menú izquierdo (#adminmenu) se hincha con el tiempo — un plugin, un elemento nuevo. Si nunca usas ciertas secciones puedes ocultarlas. Cada elemento del menú tiene un id CSS estable:
/* Oculta los elementos de menú que nunca usas */
#adminmenu #menu-comments,
#adminmenu #menu-tools,
#adminmenu li#menu-dashboard ul li:nth-child(2) {
display: none !important;
}
/* Menú más ajustado = más sitio para el contenido */
#adminmenu .wp-menu-name {
font-size: 13px;
}Encuentra el id del elemento en DevTools — pasa el ratón sobre el elemento <li> dentro de #adminmenu y lee su id (p. ej. menu-plugins, menu-users).
Editor más ancho y un cuadro de Publicar fijo
En el editor clásico la columna de contenido es más estrecha de lo necesario. Ensánchala a costa de la columna de metacuadros, y fija el panel de publicación para que el botón Publicar esté siempre al alcance:
/* Columna de contenido más ancha en el editor clásico */
#post-body-content {
margin-right: 300px;
}
#postbox-container-1 {
width: 280px;
}
/* Cuadro de Publicar fijo */
#postbox-container-1 #submitdiv {
position: sticky;
top: 50px;
z-index: 10;
}Tablas de listas legibles
Las tablas de entradas, páginas y comentarios (.wp-list-table) están bastante sueltas. Apriétalas y resalta las filas para que tu vista no se pierda:
/* Tablas de listas más densas y legibles */
.wp-list-table td,
.wp-list-table th {
padding-top: 6px !important;
padding-bottom: 6px !important;
}
.wp-list-table tbody tr:hover {
background: #f0f6fc !important;
}
.wp-list-table .check-column {
width: 2.2em !important;
}Un panel más oscuro y tranquilo
Si trabajas en wp-admin por la tarde, el fondo brillante cansa. WordPress tiene esquemas de color, pero no cubren todo el panel. Una capa ligera de CSS oscurece el fondo del contenido:
/* Fondo de administración ligeramente oscurecido */
#wpbody-content,
.wrap {
background: #1e1e1e !important;
color: #e4e4e4 !important;
}
#wpbody-content .wp-list-table {
background: #2a2a2a !important;
}
#wpbody-content a {
color: #6cb6ff !important;
}Esto es un modo oscuro simplificado — uno completo necesita trabajo en los campos de formulario. Mantenlo como una regla aparte y enciéndelo por la tarde con un clic desde la barra de acciones.
Oculta Ayuda, Opciones de pantalla y ajustes de Gutenberg
Las pestañas superiores Ayuda y Opciones de pantalla rara vez hacen falta. En el editor de bloques, en cambio, conviene ensanchar el área de escritura:
// Oculta las pestañas Ayuda / Opciones de pantalla (JS, document_idle)
['#contextual-help-link-wrap', '#screen-options-link-wrap']
.forEach(sel => {
const el = document.querySelector(sel);
if (el) el.style.display = 'none';
});
// Gutenberg: un área de contenido más ancha
const css = document.createElement('style');
css.textContent =
'.editor-styles-wrapper .wp-block { max-width: 900px; }';
document.head.appendChild(css);Monta tu propio conjunto
Mantén cada ajuste como una regla separada y con nombre — "wp-admin: sin avisos", "wp-admin: editor más ancho", "wp-admin: oscuro" — cada una fijada al patrón */wp-admin/*. Entonces, en unos segundos, adaptas el panel a la tarea: un escritorio limpio por la mañana, modo oscuro por la tarde.
Las reglas ya hechas para el panel de WordPress están en el catálogo — mira los ejemplos para wp-admin y copia lo que encaje. Instala JustZix y despeja tu escritorio hoy.
Valora este artículo
Sin valoraciones — sé el primero.