Gibioctet

Le site gibaudan.com étant actuellement en standby, je vous donne rendez-vous sur mon nouveau site PRO

cliquez sur le bouton ci-dessous...

Accéder à gibioctet.fr

voir tous les articles de la catégorie: Tuto Wordpress

Créer un thème dans WordPress (partie 8)

publié le dans la catégorie Tuto Wordpress

niveau: intermédiaire


Créer un formulaire Contact Custom

Cette série vous propose d'étudier la création d'un thème WordPress "from scratch", c'est à dire en partant de zéro et dans les règles de l'art.

Dans cette huitième partie (durée de 3H03) de notre tutoriel, nous allons créer un formulaire de contact pour notre thème et, au lieu d'envoyer un courriel contenant les champs du formulaire, nous allons enregistrer directement ces champs dans une table personnalisée  que nous allons créer avec l'objet $wpdb, qui nous permet de communiquer avec la base de données de WordPress.

Ensuite nous allons créer dans le tableau de bord une page reliée au menu de l'admin, qui nous permettra d'afficher la liste des messages reçus. Ces messages seront donc accessibles à tous les utilisateurs connectés et possédant les droits qui seront définis. Nous utiliserons des fonction jQuery et Ajax afin de créer et gérer les boutons de suppresion des messages.

Les 14 vidéos (+ l'intro) sont disponibles ci-dessous dans une playlist de ma chaine Youtube
(réglez le lecteur sur 720pHD).

Voici les étapes que nous allons suivre au cours de ce tutoriel.

  • Création d'un template personnalisé
  • Mise en place du formulaire et de ces champs dans le template
  • Création d'un contrôle anti-spam (CAPTCHA) rudimentaire pour filtrer le spam potentiel
  • Vérification des données saisies et créations de messages d'erreur éventuels
  • Notification du succès de l'opération lorsqu'un message est envoyé correctement
  • Création d'une table personnalisée dans la BDD en utilisant l'objet $wpdb.
  • Enregistrement des messages dans la table personnalisée et vérification.
  • Création de la page dans le tableau de bord pour afficher les messages reçus.
  • Mise en place de la partie Ajax pour gérer les boutons de suppression des messages.
  • Finalisation du code (CSS et refactoring)

Étiquettes: , ,