Hoja de estilos del administrador de WordPress

7 mar 2012, 17:18:12
Vistas: 25K
Votos: 14

¿Hay alguna manera de sobrescribir los estilos en el panel de administración desde mi tema?

No quiero modificar la hoja de estilos del administrador si puedo evitarlo.

Solo quiero hacer una columna más grande en mi panel de administración, pero también hacerlo de una manera que no se sobrescriba en una futura actualización de WordPress.

0
Todas las respuestas a la pregunta 3
3
26

Echa un vistazo aquí al CODEX para ver un ejemplo de cómo hacer esto mismo.

Ejemplo: Cargar archivo CSS en todas las páginas de administración

function load_custom_wp_admin_style(){
    wp_register_style( 'custom_wp_admin_css', get_bloginfo('stylesheet_directory') . '/admin-style.css', false, '1.0.0' );
    wp_enqueue_style( 'custom_wp_admin_css' );
}
add_action('admin_enqueue_scripts', 'load_custom_wp_admin_style');

Ejemplo: Dirigirse a una página de administración específica

function my_enqueue($hook) {
    if( 'edit.php' != $hook )
    return;
    wp_enqueue_script( 'my_custom_script', plugins_url('/myscript.js', __FILE__) );
}
add_action( 'admin_enqueue_scripts', 'my_enqueue' );
7 mar 2012 17:22:58
Comentarios

¿El CSS que creo se "agrega" al estilo actual del administrador? Solo necesito sobrescribir 1 estilo, así que no quiero tener que rediseñar todo el lado del administrador...

redconservatory redconservatory
7 mar 2012 17:38:59

correcto, se agrega a los estilos ya existentes

The Z Man The Z Man
7 mar 2012 17:47:01

esto funcionó bien. Solo agregaré que la forma más moderna de dar la ruta a la hoja de estilos es get_stylesheet_directory_uri() en lugar de get_bloginfo('stylesheet_directory')

yitwail yitwail
23 feb 2013 20:02:08
0

Puedes usar el hook admin_enqueue_scripts en combinación con wp_enqueue_style de manera similar a esto:

// puedes querer envolver add_action() en un condicional para evitar encolar en cada página
add_action( 'admin_enqueue_scripts', 'wpse44753_admin_enqueue' );

function wpse44753_admin_enqueue() {
    wp_enqueue_script(
        'wpse44753_style',
        'script/location/here.css', // probablemente quieras usar plugins_url() para esto
    );
}
7 mar 2012 17:28:12
1

¿Qué tal usar "add_editor_style( array|string $stylesheet = 'editor-style.css' )"?

"El parámetro $stylesheet es el nombre de la hoja de estilos, relativo al directorio raíz del tema. También acepta un array de hojas de estilos. Es opcional y por defecto es 'editor-style.css'.

Esta función automáticamente añade otra hoja de estilos con el prefijo -rtl, por ejemplo editor-style-rtl.css. Si ese archivo no existe, se elimina antes de añadir la(s) hoja(s) de estilos a TinyMCE. Si se pasa un array de hojas de estilos a add_editor_style(), RTL solo se añade para la primera hoja de estilos."

/**
 * Registra una hoja de estilos del editor para el tema.
 */
 if ( ! function_exists( 'ns_admin_custom_css' ) ) : 
 function ns_admin_custom_css() {
    add_editor_style( get_stylesheet_directory_uri() . '/assets/css/admin.css' );
 }
 add_action( 'admin_init', 'ns_admin_custom_css' );
 endif;
14 may 2020 23:08:01
Comentarios

admin_init no es correcto aquí.

Foysal Foysal
27 sept 2024 14:17:52