Registrar hoja de estilos CSS para plugin

  • Julian Moreno

    (@merlyn333)


    hace 8 años, 7 meses

    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)

    hace 8 años, 7 meses

    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)

    hace 8 años, 7 meses

    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)

    hace 8 años, 7 meses

    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)

    hace 8 años, 7 meses

    Hola almendron:

    No, aún no funciona.

    Moderador almendron

    (@almendron)

    hace 8 años, 7 meses

    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)

    hace 8 años, 7 meses

    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.

Etiquetas