¿Hay un gancho para poner la hoja de estilo y / o JS dentro de iframes (thickbox o tinyMCE) en el área de administración?

4

Estoy trabajando en el tema de mi área de administración y quería hacer algunas modificaciones en la apariencia de la caja gruesa y tinyMCE. Podría realizar la mayoría de los cambios mediante la adición de hojas de estilo personalizadas y JS a mi área de administración usando wp_enqueue_script() y wp_enqueue_style() , pero me ha costado hacer algunos otros cambios. Esto se debe a que los iframes que contienen los elementos no son accesibles por mis propios estilos o tienen en su cabeza alguna otra hoja de estilo y JS que anulan la mía.

Más o menos logré omitir el uso de JavaScript y la declaración CSS !important pero me preguntaba si había algún enlace que me permitiera llamar a wp_enqueue_script() y wp_enqueue_style() para poner mis scripts dentro de esos iframes encabezados Algunos ganchos son similares a admin_head o admin_init pero ¿para la caja gruesa o iframes?

    
pregunta nineam 08.02.2012 - 20:20

2 respuestas

3

Puede anular el CSS usando admin_print_scripts admin_head-media-upload-popup y agregar css para satisfacer sus necesidades. Esto se puede hacer a través del archivo functions.php o creando un complemento. Aquí está el código en un formato de complemento para comenzar a agregar estilo:

<?php
/*
Plugin Name: Some Name
Description: Custom Thickbox Styles
*/
add_action('admin_head-media-upload-popup', 'custom_tb_styles');
function custom_tb_styles() {
  ?>
  <style>
    #TB_window {
    background:silver;
    }
    /*
    YOUR CUSTOM STYLES HERE
    */
  </style>
  <?php
  }

Si está agregando el código a su archivo functions.php, podría agregarlo al archivo:

<?php
add_action('admin_head-media-upload-popup', 'custom_tb_styles');
function custom_tb_styles() {
  ?>
  <style>
    #TB_window {
    background:silver;
    }
    /*
    YOUR CUSTOM STYLES HERE
    */
  </style>
  <?php
  }

Otra opción es anular el registro de los Estilos de Thickbox y agregar completamente los suyos.

_Editado de acuerdo con el comentario de ungestaltbar , que apunta al gancho correcto para imprimir el estilo / secuencia de comandos solo en el iframe de la caja gruesa. Los ganchos de acción utilizados anteriormente ( admin_print_scripts & admin_print_styles ) se llamarán en todas páginas administrativas.

    
respondido por el Jeremy Jared 08.02.2012 - 20:32
2

Para TinyMCE, hay una función específica add_editor_style () para poner una hoja de estilo en el editor visual. Si llamas a eso en functions.php , solo pones editor-style.css en tu carpeta de temas y listo. De lo contrario, la función acepta un argumento de un nombre de hoja de estilo personalizado.

    
respondido por el mrwweb 05.06.2012 - 17:06

Lea otras preguntas en las etiquetas