3 Crédits +d'infos

Tuto Un menu accordéon dans une page à partir de l'admin WP avec WordPress


3 Crédits +d'infos

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 !

Table des matières de cette formation WordPress (durée : 1h03m)

    • Introduction 00:02:57
    • Création du menu 00:41:47
    • Intégration dans Wordpress 00:15:12
    • Compatibilité 00:03:23



Formateur : David Felix-faure

David Felix-faure a publié 7 tutoriels et obtenu une note moyenne de 4,8/5 sur 426 tutoriels vendus.

Voir les autres formations de David Felix-faure

  • Wahou ! j'avais déjà entendu parlé des shortcodes mais j'ai jamais imaginé qu'on puisse pousser leur utilisation jusqu'à ce point ! Merci pour ce tuto, toujours aussi bien=)
    CypDesign, 26/06/2012