Description :

Cette session permettra de concevoir un gabarit dynamique de A à Z pour le célèbre CMS(Gestionnaire de Contenu) WordPress, un outil libre, gratuit… et intuitif ! A partir d’une page HTML/CSS statique, entrez dans le monde des sites dynamiques.

Objectifs du cours :

  • Savoir créer un template WordPress
  • Savoir déployer un site WordPress
  • Savoir intégrer du code dans vos template WordPress

Contenu du cours :

1 -Pré-requis

  • HTML et CSS
  • PHP (basique)
  • Vocabulaire

2 – Les outils de l’intégrateur Web

  • Firebug
  • Notepad++

3 – Feuille de route pour créer un thème

4 – Préparer WordPress à sa mise en forme

5 – Les thèmes en général

  • Définition et fonctionnement
  • Listing et hiérarchie des Fichiers
  • Anatomie d’une page type
  • Bien préparer son thème WordPress

6 – Les thèmes : la théorie

  • Les Boucles WordPress (WP loops)
  • Les marqueurs de modèle (Template Tags)
  • Personnaliser une boucle avec query_posts()

7 – Les thèmes : la pratique

  • Insérer son code HTML / CSS
  • Afficher le contenu
  • Afficher les menus
  • Gestion de la sidebar « News »
  • Créer un modèle de page

8 – Des ressources WordPress

9 – Fonctions à savoir mettre en place

  • Afficher les images d’un article dans une galerie
  • Afficher des articles en relation (related posts)
  • Effet « lightbox »
  • Rendre une zone « widgetisable »
  • Ajouter un bouton « Twitter » et « Facebook »
  • Les commentaires
  • Pagination numérotée
  • Créer une page 404 personnalisée
  • Modifier le fond du site via le backoffice

10 – Aller plus loin dans la personnalisation de template

  • Les champs personnalisés
  • Les « Custom Post Types »
  • Les « Posts Formats »
  • Les « Custom Taxonomies »
  • Créer une « custom meta boxes »
  • Gérer un slideshow
  • Introduction à l’ajout de fonctionnalités natives

11 – Transformer WordPress : les bons plugins

  • Le Multilingue
  • L’e-commerce
  • Créer / gérer une Galerie photos
  • Créer / gérer des formulaires de contact facilement
  • Armer WordPress pour le référencement
  • Intégrer une Newsletter
  • Adaptation au Mobile

12 – Déménager WordPress