Je suis actuellement en train de développer un thème wordpress, mais je rencontre quelque difficulté pour la création de mon menu déroulant.
J'utilise pour mon menu bootstrap donc j'ai un walker wp-bootstrap-navwalker pour gérer correctement mon menu
Cependant lorsque je créée un menu avec un menu déroulant sur wordpress-admin, il n'affiche que la flèche d'indication de menu déroulant mais ne fonctionne pas je vous joint le code ci dessous de mes fichiers ci-dessous.
<?php
function select_css_js(){
// Chargement de style.css
wp_enqueue_style( 'jdt-style', get_stylesheet_uri(), array(), wp_get_theme()->get( 'Version' ) );
// Chargemement Font Google
wp_enqueue_style( 'jdt_font_nunito', 'https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap', array(), null);
// Chargement main.js
//wp_enqueue_script( 'select_skip_link', get_theme_file_uri( '/js/main.js' ), array(), null, true ); // true pour en pied de page
// Chargement de Bootstrap JQUERY etc
wp_enqueue_style('', 'https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css');
wp_enqueue_script('jquery');
wp_enqueue_script('popper', 'https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js', array('jquery'), 1, true);
wp_enqueue_script('boostrap', 'https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.min.js', array('jquery', 'popper'), 1, true);
}
function jdt_supports()
{
// Génère le menu
register_nav_menu('header', 'En tête du menu');
// On ajoute une classe php permettant de gérer les menus Bootstrap
require_once get_template_directory() . '/class-wp-bootstrap-navwalker.php';
// Ajouter la prise en charge des images mises en avant
add_theme_support( 'post-thumbnails' );
// Ajouter automatiquement le titre du site dans l'en-tête du site
add_theme_support( 'title-tag' );
}
add_action('after_setup_theme', 'jdt_supports');
// Génère les Scripts et Styles CSS
add_action( 'wp_enqueue_scripts', 'select_css_js' );
style.css :
/* Bootstrap */
.selector-for-some-widget {
box-sizing: content-box;
}
/* Menu */
.logo{
width: 200px;
height: 150px;
}
.hamburger{
height: 30px;
width: 30px;
}
.navbar{
margin-top: 10px;
}
ul li a{
padding-top: 25px;
}
ul li a, ul li a:visited {
color: #111;
}
ul li a:hover, ul li a:active {
color: #0033ff;
}
ul li.active a {
color: #111;
}
.nav-item{
letter-spacing: 0.075em;
padding-left: 20px;
font-weight: 800;
font-family: 'Nunito Sans';
text-decoration: none;
color: #111;
}
PS : désolé ça fait beaucoup de code pour un petit problème .. .
Cordialement
Arthur
Menu déroulant | Création thème wordpress
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.