Wordpress lille 24 juin 2015

514 vues

Publié le

Slides de mon talk au Meetup Wordpress Lille du 24 juin

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
514
Sur SlideShare
0
Issues des intégrations
0
Intégrations
16
Actions
Partages
0
Téléchargements
3
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Wordpress lille 24 juin 2015

  1. 1. WORDPRESS LILLE Meetup 24 juin 2015 WORKFLOW WORDPRESS POUR LES DÉVELOPPEURS
  2. 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. 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. 4. WORDPRESS LILLE Meetup 24 juin 2015 Workflow Wordpress EVOLUTION DU WORKFLOW DE FILEZILLA À DOCKER AVEC LES PETITS COPAINS GIT,VAGRANT, GULP, BOWER…
  5. 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. 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. 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. 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. 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. 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. 11. WORDPRESS LILLE Meetup 24 juin 2015 Workflow Wordpress NEW KIDS ON THE DOCK - Wocker - Docker - Dokku - DynDNS ou Ngrock pour le staging
  12. 12. WORDPRESS LILLE Meetup 24 juin 2015 Workflow Wordpress PAREIL POUR LE DEV DE THEMES DES OUTILS POUR SE FACILITER LA VIE
  13. 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. 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. 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. 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 :)

×