Ce tuto CSS, HTML, jQuery et WordPress sur la création d'un menu accordéon à insérer dans une page Wordpress, se déroule en deux grandes parties :

• Dans la première, vous allez apprendre à créer un menu accordéon très complet en utilisant CSS, Html et jQuery. Ce menu possèdera des flèches montrant si l'on peut ouvrir ou fermer un paragraphe. Chaque étape sera expliquée ainsi que les différents choix qui s'offrent à vous comme, par exemple, autoriser plusieurs paragraphes ouverts ou non.
• Dans la deuxième partie, nous ferons en sorte de pouvoir intégrer le menu accordéon lors de la création d'une page dans l'admin Wordpress. Pour cela, nous utiliserons un outil très puissant de Wordpress : les shortcodes. Cela permettra, par exemple, à un client d'avoir seulement une balise à placer dans sa page pour y mettre un menu accordéon.

Je vous invite à regarder l'extrait pour voir concrètement ce que vous serez capable de faire à la fin de ce tuto. Ce tuto est divisé en quatre vidéos :

• Introduction
• Partie 1 : Création du menu accordéon
• Partie 2 : Intégration dans Wordpress
• Bonus : Compatibilité de certains paramètres CSS avec Internet Explorer 6, 7 et 8

A la fin de ce tuto vous saurez non seulement créer un menu accordéon qui vous convient mais surtout vous aurez appris l'utilisation des shortcodes et leur puissance. En effet, ces derniers peuvent être utilisés pour énormément de choses et apportent un énorme plus à votre site, surtout si c'est celui d'un client. Je fournis bien entendu tous les fichiers utilisés dans ce tuto pour que vous n'ayez pas tout à réécrire.
J'espère que ce tuto vous plaira !