Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

WordPress Meetup Liège #1 : Projet client Reaklab, EEB1

228 views

Published on

Le 8 juillet, le premier WordPress Meetup de Liège invitait Reaklab à venir présenter un showcase rapide d'un projet client, pour parler de méthodes, de solutions aux problèmes rencontrés, et de ré-utilisation de code.

Published in: Internet
  • Be the first to comment

  • Be the first to like this

WordPress Meetup Liège #1 : Projet client Reaklab, EEB1

  1. 1. Reaklab : Projets clients Du sur-mesure conscientau service de beaux projets. @reaklabreaklab
  2. 2. Reaklab n.m — 1. Agence web spécialisée dans les services hébergés et le développement personnalisé par dessus des CMS. 2. Aide spécifique aux projets de startups. 3. Passion. 4. Jeunesse. Les Montois ne périront pas ! Même avec un Carolo dans le tas :>* * L’explication arrive, on se détend
  3. 3. Romain Carlier Développeur web spécialistede WordPress HELHa, Mons Brandon Mercier Web designer & développeur front-end HEAJ, Namur * Co-locataires chez Ntwrk, amateurs de rock, curieux, fins tireurs de Nerfs, caféinovores,…
  4. 4. Une recette MAGIQUE ? Développement personnalisé de solution CMS, sites vitrines, web services, jeux vidéo, applications, commerce en ligne, … Conception & graphisme de l’interface à l’expérience Web design, ergonomie, expérience utilisateur, wireframing, consultance, … Hébergement et infogérance Hébergement, noms de domaine, boîtes e- mail, monitoring, etc
  5. 5. Résoudre des problèmes & conceptualiser des projets Notremétier
  6. 6. Le goût d’entreprendre Collaboration avec d’autres talents Projets Bouche à oreille
  7. 7. Apprendre Grandir Créer Résoudre Révolution Constante
  8. 8. WordPress, on fait quoi avec ça ? Promis, on fait vite. 75% des sites 65% du chiffre d’affaires Plugins Thèmes Codes courts Scripts externes / API … Passionnés. Professeurs. Orateurs. Presque contributeurs.
  9. 9. Projet #1 : École Européenne de Bruxelles I
  10. 10. • Installation décentralisée • /wordpress : installation vanilla / Submodule • /app : code personnalisé. • Fonctionnalités : Plugin • Look : Thème Installation
  11. 11. • Base de code clean / smart • Organisation en dossiers • Init.php : automatiquement chargé • Classes/Core.php : Instancie les singletons • Autoloader : namespace + dossiers • Singletons & instances • Namespace Organisation
  12. 12. • SASS front-end/back-end • Grunt pour l’automatisation • jQuery Intégration
  13. 13. Fusionnn !
  14. 14. • Custom Post Type • Deux sens • Les articles donnent l’univers associé (1). • Les univers donnent le thème (2). • Filtrage / Colonnes / Hooks Univers 2 – Univers 1 – Autres types Filtre associé
  15. 15. • Redirection de templates. • Thèmes de couleurs. • Répercussions sur l’entièreté du site. Univers
  16. 16. • Custom Walker pour l’édition • Output buffer manipulation • Responsive • Problématique : Touch vs click Mégamenu
  17. 17. • Non-répétition • Panneau sur mesure • Rôles supplémentaires • Shortcode d’insertion Equipes
  18. 18. • Metas supplémentaires • Avatars via la média library • Multi-rôles • .htaccess • Casse à l’update • Pas automatiquement Profils
  19. 19. • Sur mesure • Sorties d’événements courts • Plusieurs par jour • Implantations : Géoplacement Evénements
  20. 20. • Sur mesure • Tricky • “Responsive” • Sérialisation Diaporamas
  21. 21. • Must pour les clients • Polylang • Classe indépendante • Optimisation de la réutilisation Réglages
  22. 22. • Global : Hooks perso • Etats + Réponse interne • JSON-Based Contacts Capture modifiée avant l’upload
  23. 23. • Login Divers, petits "plus" • Media filters • Liens fichiers
  24. 24. • Breadcrumbs • Boutons TinyMCE Divers, petits "plus"
  25. 25. • Metadonnées privées, traductions avec Polylang. • Univers multiples et ordre des thèmes de couleur. Mais aussi quelques soucis
  26. 26. Projet #2 : Pôle hainuyer
  27. 27. • Drop-in base de données pour du logging. • Snarfer pour les templates de blocs. • Template dans le shortcode. Développement un peu spécifique
  28. 28. • Recherche inversée • Cache • Recherche géolocalisée • Mercator inversé. • Notion de contexte • Overlay carte • Ajax waterfall Moteur de recherche
  29. 29. Import
  30. 30. Projet #3 : Belrim
  31. 31. Croissance • De projet “présa” à gestionnaire de fédération.
  32. 32. Un bel essai : Custom Post Type Builder
  33. 33. • Custom Post Type • Page de settings • Centré sur l’UI Invoicing
  34. 34. Capture modifiée avant l’upload
  35. 35. Capture modifiée avant l’upload
  36. 36. Export • Ajout de rewrite endpoint • Problématique de luxe : La vitesse et l’envoi par e-mail • Liens salés pour les téléchargements Capture modifiée avant l’upload
  37. 37. You can be a developer too • Meetups Mons • WordCamps Europe • Coding Guidelines • PHP/PSR • WordPress standards • JavaScript conventions
  38. 38. Merci ! @reaklabreaklab

×