Apprendre à créer des thèmes dynamiques et sur mesure avec la syntaxe des moteurs de template de Wordpress, Joomla et Smarty de Prestashop

Plan de cours :

Formateur création de thème Wordpress

  • Maîtriser la syntaxe de marqueur et de condition du moteur Wordpress
  • Créer le répertoire du thème et les fichiers templates PHP et de styles
  • Créer le fichier des fonctions, principales fonctions de base
  • Comprendre la boucle Wordpress, les types de boucles, le multi boucles
  • Utiliser les marqueurs de titre, contenu, extrait, auteur, date, étiquettes
  • Créer des hooks et afficher les menus et les widgets
  • Exploiter la recherche, les commentaires, les champs personnalisés
  • Créer des types de contenus et taxonomies personnalisés, et templates
  • Intégrer avec Bootstrap et des walkers de thème Wordpress

Formateur création de thème Prestashop

  • Exploiter tous les champs de personnalisation avant le codage de Prestashop
  • Comprendre les bases de la syntaxe du moteur de template Smarty
  • Le fichier de configuration yml, définition des hooks, images, colonnes...
  • L'arborescence des fichiers de thèmes et des modules dans Prestashop
  • Ajouter, supprimer, moduler des marqueurs d'affichage du thème
  • Créer des conditions d'affichage en fonction de pages et d'utilisateurs
  • Déclarer un thème enfant à partir de Classic, et reconstruire le répertoire
  • Créer un thème sur la base du Starter Thème de Github

Formateur création de thème Joomla

  • Comprendre le potentiel de configuration des affichages dans Joomla
  • Créer un répertoire et les trois fichiers principaux du template
  • Déclarer les positions de modules dans le fichier XML
  • Maîtriser l'affichage des composants et modules dans le template
  • Créer des surcharges de Joomla dans son template personnalisé
  • Créer en PHP des conditions d'affichage dans Joomla
  • Baliser en Smarty avec les composants additionnels

Formateur Responsive Webdesign

Préambule aux sections CMS

  • Baliser avec HTML5, codage sémantique pour le référencement
  • Créer une ossature de zones flexibles avec un conteneur
  • Aligner des éléments en CSS2 et avec le nouveau CSS3 flexbox
  • Mettre en page un site responsive mobile-first en media queries
  • Exploiter les styles riches d'animations, transformations, filtres CSS3
  • Optimiser les chargements, valider, rendre accessible et compatible