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.

1. Reaklab : Projets clients
Du sur-mesure conscientau service de
beaux projets.
@reaklabreaklab

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. 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. 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. Résoudre des problèmes &
conceptualiser des projets
Notremétier

6. Le goût
d’entreprendre
Collaboration
avec d’autres talents
Projets
Bouche à
oreille

7. Apprendre
Grandir Créer
Résoudre
Révolution
Constante

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. Projet #1 :
École Européenne de Bruxelles I

10. • Installation décentralisée
• /wordpress : installation vanilla /
Submodule
• /app : code personnalisé.
• Fonctionnalités : Plugin
• Look : Thème
Installation

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. • SASS front-end/back-end
• Grunt pour l’automatisation
• jQuery
Intégration

13. Fusionnn !

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. • Redirection de templates.
• Thèmes de couleurs.
• Répercussions sur l’entièreté du site.
Univers

16. • Custom Walker pour l’édition
• Output buffer manipulation
• Responsive
• Problématique : Touch vs click
Mégamenu

18. • Non-répétition
• Panneau sur mesure
• Rôles supplémentaires
• Shortcode d’insertion
Equipes

20. • Metas supplémentaires
• Avatars via la média library
• Multi-rôles
• .htaccess
• Casse à l’update
• Pas automatiquement
Profils

21. • Sur mesure
• Sorties d’événements
courts
• Plusieurs par jour
• Implantations :
Géoplacement
Evénements

23. • Sur mesure
• Tricky
• “Responsive”
• Sérialisation
Diaporamas

24. • Must pour les clients
• Polylang
• Classe indépendante
• Optimisation de la
réutilisation
Réglages

25. • Global : Hooks perso
• Etats + Réponse interne
• JSON-Based
Contacts
Capture modifiée avant l’upload

27. • Login
Divers, petits "plus"
• Media filters • Liens fichiers

28. • Breadcrumbs
• Boutons TinyMCE
Divers, petits "plus"

29. • Metadonnées privées, traductions avec Polylang.
• Univers multiples et ordre des thèmes de couleur.
Mais aussi quelques soucis

30. Projet #2 :
Pôle hainuyer

31. • 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

32. • Recherche inversée
• Cache
• Recherche géolocalisée
• Mercator inversé.
• Notion de contexte
• Overlay carte
• Ajax waterfall
Moteur
de recherche

34. Import

35. Projet #3 :
Belrim

36. Croissance
• De projet “présa” à gestionnaire de
fédération.

37. Un bel essai :
Custom Post Type Builder

38. • Custom Post Type
• Page de settings
• Centré sur l’UI
Invoicing

39. Capture modifiée avant l’upload

40. Capture modifiée avant l’upload

41. 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

42. You can be a
developer too
• Meetups Mons
• WordCamps Europe
• Coding Guidelines
• PHP/PSR
• WordPress standards
• JavaScript conventions

43. Merci !
@reaklabreaklab