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 !

Jetez un oeil à ces autres tuto Wordpress 3.3

PACK FORMATION WORDPRESS : Créer un site Web CompletPACK FORMATION WORDPRESS :…
Ce pack formation WordPress en 3 parties vous permettra de créer…

Rajouter des tailles d'images dans l'admin de WordpressRajouter des tailles d'images…
Dans ce tuto Wordpress, en vidéo, vous allez apprendre rajouter…

Créer une galerie d'images avec pagination sur WordPressCréer une galerie d'images…
Dans ce tuto WordPress, nous allons voir comment ajouter une…

Créer une page d'options pour votre thème WordPressCréer une page d'options…
Dans ce tuto WordPress en vidéo, nous allons voir comment ajouter…

Créer un site web Wordpress : l'intégrationCréer un site web Wordpress…
Dans ce tuto Wordpress en vidéo, nous allons voir ensemble,…

Créer un site WordPress : DéveloppementCréer un site WordPress :…
Dans cette 3ème partie de formation WordPress, nous allons…

Installation & Tour d'horizon de l'admin de WordpressInstallation & Tour d'horizon…
Dans cette 1ère partie consacré à la création d'un thème…

PACK FORMATION WORDPRESS : Créer un site Web CompletPACK FORMATION WORDPRESS :…
Ce pack formation WordPress en 3 parties vous permettra de créer…

Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto Wordpress 3.3 de 1 heure 3 minutes est proposée dans une résolution plus grande que l’extrait suivant :

Partagez cet extrait

Lien vers cet extrait : Embed code :

daweed31300 , Formateur

Jeune diplômé d'une école d'ingénieur généraliste je me passionne depuis de nombreuses années pour tout ce qui touche au graphisme et au web design. Je suis autodidacte et je prend autant de plaisir à apprendre qu'à transmettre mon savoir. http://www.felixfaure.fr

Toutes les formations de Daweed31300


Témoignage des clients de daweed31300

Tuto sympa, explications limpides! Que demander de plus ? Merci Daweed!

Très bon formateur très professionnel. Des résultats vraiment intéressants, une voix claire et de des techniques qui m'ont beaucoup aidé à travailler plus efficacement. Merci !

Merci pour les tutos

Très sympa le tuto sur les hybrides! Le rendu est propre et le formateur très sympa!

Très bon formateur, des tuto bien expliqués, du travail de qualité. Bonne continuation.

Lire les autres témoignages

 

D'autres tuto de daweed31300

Créez et intégrez un menu blocs 3D en CSS/HTMLCréez et intégrez un menu blocs 3D en CSS/HTML
Dans ce tuto CSS et HTML, vous allez apprendre à créer un menu avec une impression…

Rajouter des tailles d'images dans l'admin de WordpressRajouter des tailles d'images dans l'admin de Wordpress
Dans ce tuto Wordpress, en vidéo, vous allez apprendre rajouter des tailles d'images…

Réaliser 2 animaux hybrides (Animorphes)Réaliser 2 animaux hybrides (Animorphes)
Dans ce tuto Photoshop gratuit en vidéo, vous allez apprendre à réaliser deux animaux…

Créer un montage SportifCréer un montage Sportif
Dans ce tuto Photoshop CS6 de plus d’1h nous allons voir comment créer un montage…

voir tous les tuto de daweed31300

Notes attribuées par les utilisateurs (1 vote)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (1)

par CypDesigna voté :
(a acheté ce tuto - 26 juin 2012)

" 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=) "

 

Donnez votre avis ou posez une question au formateur.

Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous

Ce tuto en résumé ...

Ce tuto Wordpress 3.3 d’une durée de 1 heure 3 minutes a été acheté 65 fois et a reçu une note moyenne de 5/5.

Ce tuto a été publié le 25 juin 2012 par daweed31300, contributeur, ayant reçu une note moyenne de 4,8/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto Wordpress Menu.

Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.

Ce tuto video vous expliquera étape par étape, toutes les manipulations présentées par le formateur.

Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.

N'hésitez pas à nous contacter si vous avez la moindre question !