Créer des champs personnalisés pour WordPress avec le plugin Meta Box
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Créer des champs personnalisés pour WordPress avec le plugin Meta Box

Christophe Aubry
14,99€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Ce tutoriel est consacré à la création de champs personnalisés pour WordPress  avec le plugin Meta Box. En plus des champs par défaut Titre et Contenu rédactionnel de WordPress, Nous allons créer des champs de divers types (texte, date, boutons radio, cases à cocher, liste déroulante, image...) en mode code dans le fichier functions.php du thème actif. Puis dans le template voulu, nous allons afficher les données enregistrées dans les champs personnalisés.

Au programme de ce tuto WordPress - Meta Box

Dans le premier chapitre, après la présentation de ce tuto, nous allons installer le plugin Meta Box, ainsi que sa démonstration.

Dans le deuxième chapitre, nous commencerons par enregistrer Meta Box dans le thème actif. Puis nous allons créer la première metabox, avec un champ personnalisé de type texte. Nous étudierons ensuite le paramétrage de la metabox et les attributs communs aux champs personnalisés.

Le troisième chapitre est consacré aux champs de type texte : champ simple, dupliqué, multiligne, avec une barre d'outils de mise en forme... et le champ particulier clé-valeur pour toutes données libres.

Pour le quatrième chapitre, nous allons étudier les champs de sélection et de choix. Nous allons ajouter des champs de type : boutons radio, cases à cocher, listes déroulantes simple et avancée.

Dans le cinquième chapitre, nous étudierons les champs personnalisés HTML5 qui permettent une validation automatique : champs numérique, mail et adresse web.

Puis, dans les deux chapitres suivants nous aborderons les champs liés au temps : date et heure et des champs divers : sélection d'un utilisateur, d'une couleur, réglette et curseur pour choisir une valeur numérique et nous verrons comment mettre en relation des articles.

Dans le dernier chapitre, nous étudierons les champs personnalisés liés aux médias : insertion d'images, de fichiers à télécharger, insertion d'une vidéo partagée et d'une Google Map.

Au terme de cette formation, vous serez à même de créer vos champs personnalisés et à les afficher dans les bons templates. Vous pourrez ainsi proposer à vos clients des contenus qui soient personnalisés à leurs besoins. La version utilisée de WordPress pour ce tuto est la 4.4.2 et celle de Meta Box est la 4.8.2.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Chapitre 1 : Présentation et installation
Chapitre 2
Chapitre 2 : Enregistrer et paramétrer Meta Box
Chapitre 3
Chapitre 3 : Les champs de type texte
Chapitre 4
Chapitre 4 : Les champs de type sélection et choix
Chapitre 5
Chapitre 5 : Les champs HTML5
Chapitre 6
Chapitre 6 : Les champs liés au temps
Chapitre 7
Chapitre 7 : Des champs divers

Plan détaillé du cours

Chapitre 1 : Chapitre 1 : Présentation et installation
10m17
 
Leçon 1Présentation
Leçon 2Installer le plugin Meta Box
Leçon 3Installer la démonstration
Chapitre 2 : Chapitre 2 : Enregistrer et paramétrer Meta Box
18m07
 
Leçon 1Enregistrer Meta Box et créer la première metabox
Leçon 2Créer un simple champ de texte
Leçon 3Les attributs facultatifs before, after, desc, std et size
Leçon 4L’attribut facultatif clone
Leçon 5Ajouter une en-tête de présentation et une ligne de séparation
Leçon 6L’attribut supplémentaire required
Leçon 7L’attribut supplémentaire disabled
Leçon 8L’attribut supplémentaire readonly
Leçon 9Les attributs supplémentaires minlength et maxlenght
Chapitre 3 : Chapitre 3 : Les champs de type texte
21m18
 
Leçon 1Le champ de texte simple
Leçon 2L’affichage conditionnel
Leçon 3Le champ de texte dupliqué
Leçon 4Le champ de texte multilignes
Leçon 5Le champ de texte avec mise en forme
Leçon 6Le champ de texte avec autocomplétion
Leçon 7La liste de champs de texte
Leçon 8Le champ pour un mot de passe
Leçon 9Le champ clé-valeur
Chapitre 4 : Chapitre 4 : Les champs de type sélection et choix
15m47
 
Leçon 1Créer une nouvelle metabox
Leçon 2Les boutons radio
Leçon 3Les boutons radio avec des images
Leçon 4La case à cocher unique
Leçon 5Les cases à cocher
Leçon 6La liste déroulante simple
Leçon 7La liste déroulante simple à sélection multiple
Leçon 8La liste déroulante avancée
Chapitre 5 : Chapitre 5 : Les champs HTML5
07m07
 
Leçon 1Créer une nouvelle metabox
Leçon 2Le champ numérique HTML5
Leçon 3Le champ eMail HTML5
Leçon 4Le champ adresse web HTML5
Chapitre 6 : Chapitre 6 : Les champs liés au temps
06m35
 
Leçon 1Le champ de sélection de date
Leçon 2Le champ de sélection d’heure
Leçon 3Le champ de sélection de date et d’heure
Chapitre 7 : Chapitre 7 : Des champs divers
08m43
 
Leçon 1Sélectionner un utilisateur
Leçon 2Sélectionner une couleur
Leçon 3Une réglette et un curseur
Leçon 4Sélectionner un article
Chapitre 8 : Chapitre 8 : Les champs multimédia
22m19
 
Leçon 1Créer une nouvelle metabox
Leçon 2Insérer des images avec l’interface classique
Leçon 3Gérer la taille des images pour l’affichage
Leçon 4Insérer des images avec l’interface standard de WordPress
Leçon 5Insérer des images avec l’interface plupload
Leçon 6Télécharger des fichiers avec l’interface classique
Leçon 7Télécharger des fichiers avec l’interface standard de WordPress
Leçon 8Insérer une vidéo partagée
Leçon 9Insérer une Google Map

Aperçus

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

WordPress 4

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Payer plus tard

Prix d'achat : 14,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1422 tutos gratuits

Notre politique de protection des données