Slides de mon talk au Meetup Wordpress Lille du 24 juin

1. WORDPRESS LILLE
Meetup 24 juin 2015
WORKFLOW WORDPRESS
POUR LES DÉVELOPPEURS

2. WORDPRESS LILLE Meetup 24 juin 2015 Workflow Wordpress
WORDPRESS A 12 ANS !
Et il a bien évolué
SOUVENEZ-VOUS :
C’est pour faire des blogs…
Ce n’est pas professionnel…

3. WORDPRESS LILLE Meetup 24 juin 2015 Workflow Wordpress
CA S’INSTALLE EN
5 MINUTES !
ALORS ENLÈVE UN 0 À TON DEVIS
L’install en 5 minutes ?
un truc de cow-boy ninja

4. WORDPRESS LILLE Meetup 24 juin 2015 Workflow Wordpress
EVOLUTION DU
WORKFLOW
DE FILEZILLA À DOCKER
AVEC LES PETITS COPAINS
GIT,VAGRANT, GULP, BOWER…

5. WORDPRESS LILLE Meetup 24 juin 2015 Workflow Wordpress
3 TYPES
D’UTILISATEURS
CELUI QUI RÉDIGE
- ne fait pas l’installation
- utilise l’admin de WP
CELUI QUI IMPLÉMENTE CELUI QUI CODE
- install en 5 minutes
- mieux install en 1 click
- install de plugins
- install de thèmes
- éditeur intégré
- install en local
- outils de dev
- dev de plugins
- dev de thèmes
- site complet

6. WORDPRESS LILLE Meetup 24 juin 2015 Workflow Wordpress
A L’ANCIENNE
-Télécharger Wordpress depuis le site
- WP-config
- Ouvrir un soft FTP et transférer
- Créer un bdd ( phpmyadmin )
- Utiliser WP depuis le backend

7. WORDPRESS LILLE Meetup 24 juin 2015 Workflow Wordpress
WAMP MAMP STYLE
-Télécharger Wordpress depuis le site
- WP-config
- Ouvrir un soft FTP et transférer
- Créer une bdd locale ( phpmyadmin )
- Démarrer un serveur local ( mamp )
- Développer le site en local
- Migrer la bdd
- Croiser les doigts

8. WORDPRESS LILLE Meetup 24 juin 2015 Workflow Wordpress
SAVE MY GIT
-Télécharger Wordpress
- Développer le site en local
- Initialiser un dépôt git ( github bitbucket)
- Setup Mamp Wamp
- Push sur master
- Git-ftp + script bdd
- Git-ftp + WP Migrate Pro
- Wordmove push pull

9. WORDPRESS LILLE Meetup 24 juin 2015 Workflow Wordpress
PUSH ME I’M FAMOUS
- Setup précédent
- Développer le site en local
- 3 branches dev, staging, prod
- Serveur (s)avec accès SSH
- Push en staging pour validation
- WP Migrate Pro pour la bdd
- Wordmove
- Push en prod
- Grunt + WordPress Deploy

10. WORDPRESS LILLE Meetup 24 juin 2015 Workflow Wordpress
MAMP À L’EAU
- Setup précédent
-VagrantVVV en local
- 3 branches dev, staging, prod
- Serveur (s)avec accès SSH
- Staging sur machine local ou remote
- Wordmove
- Cycle dev > staging > prod
- Grunt + WordPress Deploy
- DynDNS ou Ngrock pour le staging

11. WORDPRESS LILLE Meetup 24 juin 2015 Workflow Wordpress
NEW KIDS ON
THE DOCK
- Wocker
- Docker
- Dokku
- DynDNS ou Ngrock pour le staging

12. WORDPRESS LILLE Meetup 24 juin 2015 Workflow Wordpress
PAREIL POUR LE
DEV DE THEMES
DES OUTILS POUR SE FACILITER LA VIE

13. WORDPRESS LILLE Meetup 24 juin 2015 Workflow Wordpress
A L’ANCIENNE
-Télécharger Wordpress depuis le site
- Créer un nouveau thème
-Télécharger un framework css
-Télécharger les dépendances
- Copier/coller depuis twenty-x
-Tester le thème
- Rager dans style.css
- Utiliser des plugins pour optimiser

14. WORDPRESS LILLE Meetup 24 juin 2015 Workflow Wordpress
AVEC DES STÉROÏDES
- Automatiser le d/l de WordPress
( WP cli, curl, yeoman, vagrant )
- Bower pour les dépendances
( modernizr, bootstrap, picturfill…)
- Créer un nouveau thème
- Starter theme
( _s, bones, sage, _tk, le votre )
-Tasker type Grunt, Gulp
(livereload, compilation css, minification,
concaténation, linter, compression d’images…)
- Sass / Less
-Testing : PHPUnit Selenium
C’EST TROP LONG
À METTRE EN PLACE !

15. WORDPRESS LILLE Meetup 24 juin 2015 Workflow Wordpress
LE WORKFLOW COMPLET
Vagrant Environnement de dev, création automatique d’une
nouvelle instance de WordPress.
Git Versionning, séparation du codebase en branches
distinctes : dev - staging -prod et développement
« sécurisé » de features ou hot fixes
Yeoman Installation automatique d’un starter thème, de dépendances
JS, de framework CSS…
Grunt Automatisation des tâches : Sass, minification, concaténation,
compression des images, déploiement, migration bdd…

16. WORDPRESS LILLE Meetup 24 juin 2015 Workflow Wordpress
CA S’INSTALLE EN
COMBIEN D’HEURES ?
BAH EN 5 MINUTES !
Mais il faudra un paquet d’heure d’apprentissage avant d’y arriver :)