Soporte » Plugins y Hacks » Registrar hoja de estilos CSS para plugin

  • Buenos días familia:

    ¿Cómo agrego una hoja de estilos CSS para el plugin que estoy creando?

    He intentado con las funciones wp_enqueue_style() y wp_enqueue_style(), pero no logro que me funcione.

    Actualmente tengo el siguiente código:

    <?php
    function ceibaMenuFlotante() {
        global $wpdb;
        $menuItems = $wpdb->get_results("");
        include_once 'template/ceibaMenuFlotante.php';
    }
    
    function ceibaMenuFlotante_instala() {
        global $wpdb;
        $sql = "";
        $wpdb->query($sql);
        $sql = "";
        $wpdb->query($sql);
    }
    
    function ceibaMenuFlotante_desinstala() {
        global $wpdb;
        $sql = "";
        $wpdb->query($sql);
    }
    
    function ceibaMenuFlotante_panel() {
        include_once 'clases/mysql.db.php';
        include_once('template/panel.php');
        global $wpdb;
    }
    
    function ceibaMenuFlotante_add_menu() {
        if (function_exists('add_options_page')) {
    	//add_menu_page
    	add_options_page('Ceiba Menu Flotante', 'Ceiba Menu Flotante', 8, basename(__FILE__), 'ceibaMenuFlotante_panel');
        }
    }
    
    function ceibaMenuFlotante_plugin_admin_init() {
        wp_register_style( 'ceibaMenuFlotantePluginStylesheet', plugins_url( 'centers/uploadify/uploadify.css', __FILE__ ) );
    }
    
    add_action('admin_init', 'ceibaMenuFlotante_plugin_admin_init');
    add_action('admin_menu', 'ceibaMenuFlotante_add_menu');
    add_action('activate_ceibaMenuFlotante/ceibaMenuFlotante.php', 'ceibaMenuFlotante_instala');
    add_action('deactivate_ceibaMenuFlotante/ceibaMenuFlotante.php', 'ceibaMenuFlotante_desinstala');
    ?>

    Esta es la estructura de mi plugin.

    Gracias por su ayuda.

Viendo 6 respuestas - de la 1 a la 6 (de un total de 6)
  • Moderador almendron

    (@almendron)

    Primero tienes que registrarlo con wp_register_style y luego “ponerlo en cola” con wp_enqueue_style

    https://codex.wordpress.org/Function_Reference/wp_register_style (tienes varios ejemplos)

    https://codex.wordpress.org/Function_Reference/wp_enqueue_style

    Iniciador del debate Julian Moreno

    (@merlyn333)

    Agregué el siguiente código:

    // Register style sheet.
    add_action( 'wp_enqueue_scripts', 'register_plugin_styles' );
    
    /**
     * Register style sheet.
     */
    function register_plugin_styles() {
    	wp_register_style( 'ceibaMenuFlotante', plugins_url( 'ceibaMenuFlotante/css/styles.css' ) );
    	wp_enqueue_style( 'ceibaMenuFlotante' );
    }

    Pero no me ha funcionado.

    He buscado la existencia del string «ceibaMenuFlotante/css/styles.css» en el codigo HTML generado, pero no se encuentra presente.

    ¿Qué tendré mal?

    Estoy dispuesto a reunirme por TeamViewer para agilizar la explicación de la situación.

    Moderador almendron

    (@almendron)

    Prueba a poner add_action debajo

    function register_plugin_styles() {
    	wp_register_style( 'ceibaMenuFlotante', plugins_url( 'ceibaMenuFlotante/css/styles.css' ) );
    	wp_enqueue_style( 'ceibaMenuFlotante' );
    }
    
    add_action( 'wp_enqueue_scripts', 'register_plugin_styles' );

    Iniciador del debate Julian Moreno

    (@merlyn333)

    Hola almendron:

    No, aún no funciona.

    Moderador almendron

    (@almendron)

    Ya lo siento pero me quedo sin ideas.
    ¿Sabes lo que haría yo? Buscar algún plugin con hoja de estilos a ver cómo lo hace. Es lo único que se me ocurre.
    Y si encuentras la solución, por favor ponla aquí para que pueda servir de ayuda a otros usuarios.
    Por mi parte, intentaré revisar algún ejemplo a ver si lo sacamos.

    Iniciador del debate Julian Moreno

    (@merlyn333)

    Hola almendron:

    Si, éso intenté hacer también, pero continúa sin funcionar. No logro identificar si tengo algo mal.

    Agradezco tus respuestas. Continuaré con la búsqueda.

    Saludos.

Viendo 6 respuestas - de la 1 a la 6 (de un total de 6)
  • El debate ‘Registrar hoja de estilos CSS para plugin’ está cerrado a nuevas respuestas.