Créez vos propres templates Wordpress !
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
- Savoir personnaliser un template existant
- Savoir créer un template graphique WordPress
- Personnaliser les différentes pages et éléments
- Intégrer un menu, des fonctionnalités ou des plug-ins
PROFIL STAGIAIRE
- Webdesigners
- Développeurs web
PRE REQUIS
- Bonnes notions du HTML/CSS
- Mise en page d'un site en CSS
- Etre familier de l'interface Wordpress
PROGRAMME DE LA FORMATION
1 - La mécanique d'un thème Wordpress
- Principe et fonctionnement de Wordpress
- Principe des templates et de leurs hiérarchies
- Composition d'un thème (templates, includes, la boucle, functions.php, style.css)
- Organisation des répertoires et fichiers importants
- Les Permaliens
2 - Installation de Wordpress en local (sur l'ordinateur)
- Utilisation des logiciels MAMP/WAMP
- Création de la base de données
- Configuration de Wordpress
3 - Création du thème : la page d'accueil
- Composition du header
- Ajouter et paramétrer les menus de navigation
- Styliser un menu déroulant en CSS
- Création d'une boucle simple pour afficher les derniers articles publiés (titre, contenu, métas, image à la une)
- Composition du footer
4 - Création du thème : déclinaison et adaptation des templates
- Pages statiques (Contact, Présentation, 404...), articles (actualités, portfolio), catégories, archives...
- Spécificités de chaque template en fonction du contenu qu'il appelle
- Modifier une boucle simple (query_posts())
- Boucles multiples (WP_query)
- Conditional Tags
5 - Création du thème : types de contenus personnalisés
- Modèles de page
- Custom Post Types et Taxonomies
- Champs personnalisés
- Post Formats
6 - Les Widgets
- Rendre le thème "widgetisable"
- Les principaux widgets
- La sidebar
7 - Plug-ins (Extensions)
- Recherche et installation d'un Plug-in
- Les principaux plug-ins (formulaire, réseaux sociaux, galerie photo, shortcodes, SEO, sécurité, multilingue, slider, newsletter, ...
8 - Installation Wordpress en ligne (chez l'hébergeur)
- Création de la basse de données
- Installation sur le serveur FTP via le logiciel Filezilla
- Exportation et sauvegarde du contenu créé en local
- Importation du contenu sur le site en ligne