Comment vais-je styliser la page de menu personnalisé wordpress des plugins lors du développement d’un plugin?

Publié par Jean-Michel le

Je suis nouveau dans le développement de plugin wordpress. Ma question concerne le menu principal personnalisé pour le plugin. Maintenant, j’utilise le style en ligne pour ces pages de menu (admin.php). Comment vais-je lui ajouter une feuille de style ? La syntaxe du code de cette question est la suivante

add_menu_page('File Manager Settings Page', 'File Manager', 'manage_options', __FILE__, 'plugin_main_menu', plugins_url('/images/wp-icon.png', __FILE__));
add_submenu_page(__FILE__, 'Add File', 'Add File', 'manage_options', __FILE__ . 'add_file', add_file);
function plugin_main_menu() {
    //code for main menu.This take admin.php template.
    // How'll I style this part?
 }

Solution n°1 trouvée

essaye ça

function loadscript()
{
     wp_enqueue_style('my-style',  WP_CONTENT_URL . '/plugins/pluginname/css/mycss.css');

      wp_enqueue_style('my-style',  WP_CONTENT_URL . '/themes/themename/css/mycss.css');

}
add_action('admin_enqueue_scripts','loadscript');

Solution n°2 trouvée

Vous pouvez utiliser la fonction suivante :

wp_enqueue_style($handle, $src, $deps, $ver);

Il s’agit d’insérer le

<link rel="stylesheet" href="/wp-content/themes/themename/styles/mystyle.css">

Bien sûr, ce n’était qu’un exemple, vous devez ajouter le chemin correct au $srcet aux autres paramètres.

Vérifiez le manuel.

Solution n°3 trouvée

En cas de succès, add_menu_page()et add_submenu_page()renvoie un nom de crochet, que vous pouvez utiliser avec le load-{$page}crochet d’action dynamique (lien). Exemple:

add_action( 'admin_menu', 'so27619539_admin_menu' );
function so27619539_admin_menu()
{
    $fmsp = add_menu_page( 'File Manager Settings Page', 'File Manager', 'manage_options', __FILE__, 'plugin_main_menu', plugins_url( '/images/wp-icon.png', __FILE__ ) );

    add_action( "load-$fmsp", "so27619539_admin_styles" );
}

function so27619539_admin_styles()
{
    wp_enqueue_style( 'so27619539' );
}
Catégories : Wordpress

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *