 Alors salut tout le monde, je me présente, juste vite fait, juste dire mon nom, je m'appelle J.B. Audras et merci, j'en ai déjà eu, en fait je ne vais pas terminer. Et du coup, dans tous les trucs de contribution que je fais, j'ai même pas mis en plein écran, on s'en fout, ça ne va pas durer longtemps les slides. Allez, le seul truc qui nous intéresse ici, parce que tout le reste, voilà, c'est mes petites histoires, c'est le thème review team. C'est-à-dire que du coup l'année dernière, en fait, en septembre, je me suis intéressé à comment il était validé les thèmes qu'on peut télécharger sur le dépôt, le pressement, gratuitement. Et je me suis dit, mais comment ça marche ce truc ? Et est-ce que ça marche, par exemple, comme pour les extensions, où on a Michael Epstein qui va nous checker notre extension et qui va dire, non, ok, voilà. Et ben non, en fait, ça marche pas pareil. C'est un peu différent et du coup, j'ai trouvé ça intéressant et du coup, j'en ai fait, j'en ai fait, j'en ai refait et j'en ai fait plusieurs. Et je suis tombé sur des choses plutôt cool. Et à mon avis, qu'on doit avoir en tête, même si on ne souhaite pas déposer un thème sur le ripot, on apprend plein de choses qui peuvent nous servir car on crée des thèmes. Et c'est ça que j'ai trouvé super cool, des bonnes pratiques notamment. Alors, commencez gérer, donc je l'ai déjà dit, c'est pas comme les extensions. Après, soumission, en fait, vous allez avoir un ticket sur un outil de ticket qui va être créé automatiquement avec votre fichier, votre zip, etc., machin, ou là où on peut télécharger votre thème, etc. qui l'a fait, l'auteur, la description que vous avez mis. Et si ce ticket, du coup, il va rester dans la tente que quelqu'un, du coup, un reviewer, va bien le récupérer. Cette attente, elle va durer environ 2 mois. Pourquoi ? Parce qu'il y a énormément de thèmes qui sont chargés et que les vérifications, ce n'est pas comme les extensions, ce n'est pas un petit check par une personne de confiance dans la communauté, c'est tout un programme, en fait. Et c'est ce programme-là qu'on va avoir aujourd'hui. Donc, du coup, 2 mois d'attente, ensuite, un mois de validation, on va dire en moyenne, si tout se passe bien, vous pouvez avoir votre thème en ligne et disponible gratuitement sur votre presse.org au bout de 3 mois. Ça fait mal. En fait, le suivi des reviewers, donc sur le ticket et sur le ticket est assuré publiquement, donc en anglais, bien sûr, mais ça veut dire que n'importe qui peut y avoir accès et avoir accès à tout le suivi, en fait, de qu'est-ce qui s'est passé ce thème, quels étaient les problèmes au départ, comment ça a été corrigé par l'auteur et quand est-ce que ça a été validé ? En gros, c'est quelque chose qui se fait de façon publique. Le process de validation. Alors, ce process de validation, en fait, il va dépendre... Non, en fait, je vais enchaîner. J'ai déjà dit, une fois que vous téléversez votre thème sur WordPress.org, vous dites, voilà, je veux être auteur de thème, je le téléverse, je l'envoie, je la plodse si vous préférez, ok, ok. Un ticket est automatiquement créé, tout est automatique. Il est placé en liste d'attente et vous allez avoir un reviewer qui va soit se l'attribuer, soit va le récupérer automatiquement. Il va dire, je veux reviewer un thème et paf, on va lui donner le premier sur la liste d'attente. En gros, c'est une liste d'attente comme ça et ça se dépasse au fur et à mesure. Le reviewer va faire sa review. Donc voilà, il va demander des corrections. La plupart du temps, il demande des corrections. C'est rare qu'un thème soit directement accepté et une fois que tout est ok, il va mettre en approve pour dire, ok, le thème est pour moi et ok. Si vous êtes dans mon cas et que vous n'êtes pas un reviewer expérimenté des années, vous allez avoir un second reviewer, un liste qui va passer derrière et qui va dire ok, on va faire le check. Non, moi je vois aussi ça que la première personne n'avait pas vu, ce qui est normal parce que du coup, elle débute, etc. On peut d'ailleurs tout le monde loupe des choses et du coup, il va y avoir une deuxième phase de correction et puis ça repart. Une fois que toutes les corrections sont faites du coup, ça va être validé par le reviewer et puis ça va passer directement automatiquement live sur WordPress. Et là, c'est ouais, j'ai un thème sur WordPress, la classe. Et donc, direct ce que vous allez faire si vous êtes éditeur de thème, c'est faire une version pro premium sur votre site pour la mettre en téléchargement payant. Voilà. Bref, non mais ça, c'est une blague. Ah oui, qu'est-ce qui se passe si là par contre à cet endroit-là ou à cet endroit-là vous avez un thème qui présente énormément de choses qui ne vont pas. Et ce énormément en fait, c'est pas beaucoup. C'est, vous allez voir après, en fait, qu'il y a différents niveaux de criticité sur les corrections demandées. Et ces différents niveaux, du coup, ils vont dépendre finalement de il ne reste que 15 minutes. Oh putain. Ils vont dépendre en fait du coup du niveau de criticité et si vous en avez plus de 3 en recrude, donc les trucs qui sont requis, à ce moment-là votre thème va être refusé. Donc vous allez faire vos corrections et vous allez repasser au tout début des 3 mois. Donc vous repassez la caisse et vous allez faire vos corrections. Donc, qu'est-ce qu'il y a ? Qu'est-ce qu'on vérifie dans tous ces trucs ? Un résumé simplifié, on va avoir des aspects requis, donc required, avec tous les aspects licence, crédit, lien et privacy. Donc en fait tout ça c'est vérifier que tout ce que vous utilisez sur votre thème, vous avez le droit de l'utiliser et que c'est compatible avec la licence de voire presse qui est une licence GPL. Donc vous avez droit à des choses qui sont GPL, qui sont dans le domaine public avec accès d'un gros, donc tout droit OK, ou MIT. Voilà. Et s'il y a des choses que vous utilisez d'ailleurs, donc des images par exemple, qui sont chargées du coup pour illustrer finalement les contenus au sein de votre thème, vous devez mettre le crédit, le lien de chaque auteur, etc. Et tout ça, ça va avoir sa place dans le rythme du thème. Donc en fait déjà rien que ça, il y a pas mal de thèmes qui sont refusés. Ensuite, on va vérifier le code d'informité avec les voire presse, coding, sardar et ça on va en parler un petit peu tout à l'heure parce que vous allez voir, on va faire un petit truc sympa. On va vérifier la sécurité Chaque chaine entrée en back office, donc chaque chaine de caractère, chaque caractère entrée en back office par l'utilisateur par exemple dans un widget, etc. etc., doit être échappé. C'est à dire qu'on doit vérifier que le contenu ne contient pas des scripts malveillants, etc. Ensuite on va vérifier du coup l'idusité, l'idusité N donc c'est l'internationalisation c'est à dire que le thème est bien prévu pour pouvoir être traduit dans toutes les langues. On va vérifier son accessibilité et puis on va faire des tests unitaires de contenu. Et ces tests unitaires de contenu en fait ils sont fournis par la communauté, on va les tester tout à l'heure si j'arrive à speeder un petit peu. Ensuite on va avoir des aspects qui sont recommandés donc qui sont pas du coup obligatoires, enfin c'est à dire qu'ils sont pas critiques, c'est à dire qu'au bout de 3 checks finalement faux, ben du coup on va pas refuser du repo, mais qui sont quand même qui aident beaucoup à faciliter la fluidité de validation de votre thème et du coup on va avoir aussi, on va retrouver du code du WordPress Coding Standard, on va retrouver tout ce qui concerne les scripts et les styles, au niveau des styles et des scripts, en fait vous pouvez avoir des versions minifiaires de vos scripts et de vos styles, par contre il faut fournir aussi la version non-minifiée, toujours. Ça permet en fait tout simplement de checker qu'il n'y a pas de code malveillant à l'intérieur. Ensuite on va avoir un troisième point qui s'appelle les reviewer notes, c'est les notes du reviewer, en gros c'est les choses, si tu pouvais faire ça ça serait, ça me ferait beaucoup plaisir. On a le droit de dire ça en tant que reviewer. Et en fait c'est important pourquoi, parce que c'est là et c'est le seul endroit où un reviewer peut faire des remarques sur le design. Le design il appartient à son auteur, à l'auteur du time, c'est lui qui décide, même si c'est moche on n'a pas le droit de le dire en fait. On peut dans une reviewer note dire, c'est un design qui me paraît un peu daté. Voilà on a le droit de dire ça, c'est tout, mais c'est une reviewer note, si le mec s'en fout il s'en fout. On peut aussi demander de la documentation de dire, bah ça serait bien par exemple de documenter, telle ou telle fonction etc. Sauf que du coup s'il a le droit de dire, bah non ça je m'en fous. J'avance un petit peu, on va utiliser plusieurs outils. Le premier outil c'est le unit test data content c'est des contenus en fait qui sont fournis par la communauté que vous installez avec l'importateur en fait sur votre installation represse de test et qui vont contenir tous les cas critiques. Voilà un contenu qui se termine par une image en flotte lève par exemple, vérifier que ce qui est après se casse pas la gueule à l'intérieur du truc. Voilà, vous voyez c'est tout ce genre de petits trucs en fait de cas critiques qui arrivent que de temps en temps ou par exemple un poste publié sans contenu ou un poste publié sans titre. Est-ce que le thème par exemple n'est pas cassé dans ces cas là ? On va utiliser bien sûr la constante WP debug qui se trouve dans votre fichier WP- config.php, on va la passer à la trou pour avoir du coup toutes les erreurs des fonctions php qui ne fonctionnent pas etc etc. On va utiliser deux extensions qui sont super importants c'est thème check et thème sniffer vous pouvez vérifier parce que ça ces extensions je vous recommande de les utiliser sur votre propre travail à vous c'est hyper intéressant. On va utiliser monster widget plugin qui est du coup une extension qui permet en fait sur une zone de widget votre site bar par exemple de mettre tous les widgets de WordPress d'un coup. Comme ça c'est pratique on peut tous les tester le raffichage vérifier que le thème du coup tous les widgets même ceux qui sont jamais utilisés auxquels on pense pas etc etc. On va utiliser du coup l'extension WordPress beta tester c'est quoi cette extension ? Elle télécharge la dernière version trunk de WordPress donc là si vous l'installez aujourd'hui vous serez en WordPress 5.0 tel que finalement 5.0 et aujourd'hui. Vous n'aurez pas guttenberg dedans il n'est pas encore mergé mais vous aurez en fait WordPress 5.0 en version de développement et on teste toujours en version de développement pourquoi ? Parce que du coup il nous faut tester finalement en regard de ce qui est l'actualité vraiment du développement du CMS et on va utiliser une extension que tout le monde connaît ici j'imagine Regenerite thumbnail. Pourquoi ? Parce qu'on va installer le thème et du coup on va avoir tout un tas d'images qui ont été insérés avec unit test data donc les images de test ces images il faut finalement les recadrer et les redimensionner pour que ça correspond à ce que l'auteur du thème utilise dans son thème. Bref ça c'est la petite trouça outil. Comment on devient reviewer et finalement c'est là qui est la partie la plus intéressante je pense mais j'avais prévu que j'avais plus de temps. Il suffit d'aller là en fait à cette URL ici sur WordPress.org vous avez en fait un petit truc avec une petite alerte qui vous dit attention t'es peut-être en train de faire une connerie fais gaffe. Et un petit bouton request a thème to review moi toi toi toi tout le monde en fait peut cliquer sur le bouton là aujourd'hui maintenant il suffit d'avoir un compte WordPress.org et qu'est-ce qui va se passer quand vous allez cliquer sur ce bouton vous aurez un petit truc qui va faire un random sur les derniers thèmes de la file d'attente et hop ben voilà ton thème démerde toi review bleu et puis vas-y fais ton travail et automatiquement vous aurez en fait un reviewer lead qui vous sera assigné et qui vérifiera que vous faites pas de les n'importe quoi d'accord donc c'est très simple. Du coup maintenant en fait il nous reste 10 minutes qu'est-ce qu'on fait sur le bouton ou pas ? Ben en fait je peux pas. Oui parce que du coup je me suis dit on est quand même un peu déouf non c'est les 10 ans du ouverture en Paris donc on va faire un truc live qu'on maîtrise pas du tout. Pourquoi parce qu'on va je vais cliquer sur le bouton je vais demander un thème à reviewer j'ai prévenu les gens que j'allais faire ça il peut savoir que des fois et ça arrive sur WordPress on peut avoir des thèmes un peu au lait au lait aussi donc préparez vous cacher les enfants c'est véridique ok donc on va aller dans thème request thème on clique sur le bouton ça tourne ça marche pas si ça marche on sait pas oh putain on est responsable du thème port poc qu'est-ce qu'on fait du coup du coup ça va ça a pas l'air au lait au lait ça a l'air gentil ça a l'air cool alors en fait on arrive sur un ticket et là on voit que du coup il y a déjà eu plusieurs tickets il y en a déjà eu un avant qui a été closed fermé pourquoi donc la résolution not approved pourquoi bah en fait il avait plus de 3 erreurs et donc elle est, tu recommences, tu refais la queue pas en 3 mains et donc là bah du coup le deuxième ticket c'est celui-là et au drasjb du coup il est en train de le reviewer on peut voir et c'est toujours intéressant pourquoi il a été fermé il me reste plus que 5 minutes donc là on va pas avoir énormément de temps voilà du coup qu'est-ce qu'on fait normalement on est censé dire bonjour à la personne et je pensais que j'aurais le temps de le faire bonjour on est du Roi-Tian Paris on va reviver ton thème tous ensemble bon on va pas le faire du coup grosse pression et l'auteur n'est pas ici rassurez-moi non c'est bon en fait on va le télécharger on va le télécharger en mode no-stat du coup ça lui rajoute pas en fait finalement des téléchargements sur WordPress etc voilà c'est tout est prévu hop c'est bon je vais télécharger super je bascule normalement j'ai prévu mon install de test elle est là alors mon install de test c'est quoi bah c'est WordPress tout simplement où je vais avoir un certain nombre d'extensions voilà c'est les extensions que j'ai listées tout à l'heure on va toutes les activités en bulk je pensais que j'aurais plus de temps donc j'aurais voulu vous décrire ce que fait chaque extension en fait on va essayer d'aller très vite au moins que ça vous montre bon on passe l'update qu'est ce qu'on va faire on va importer du coup le contenu le contenu de test donc unique test data c'est disponible sur votre presport sur la page des reviewers là où j'ai fait Recoaster review donc qu'est ce qu'on fait on va dans tools on va dans import quelque chose que vous avez l'habitude de faire je suis en version anglaise de WordPress je vais aller dans mon ordi basar essayer de retrouver mon fichier voilà c'est un petit fichier xml qui est disponible au téléchargement ça va s'importer il me demande si je vais apporter les fausses utilisateurs oui de télécharger les attachements donc les fichiers joints oui pendant que ça s'importe je vais récupérer mon thème en format asip donc je vais aller sur ma petite install WordCamp Paris, dans WP Quentin dans thème je me cas ici on a même le petit bruit on a notre thème port poc qui est ici donc là j'ai mon importateur qui tourne je suis un petit peu obligé d'attendre qu'il est terminé quoi que non en fait je peux m'en foutre vous voyez un nouvel onglet je vois mon port poc je vais l'activer déjà on n'a pas de notice PHP ou de choses comme ça c'est déjà pas mal l'import a été terminé première chose à faire on l'a dit de tout à l'heure aller dans les outils et régénérer les thumbnails hop ça dure sa vie aussi ensuite deuxième chose à faire parce que quand même le thème il est censé être utilisé par des millions de personnes potentiellement vu qu'il va être sur votre presse.org ici on est bien gentil notre site il s'appelle WP Paris sauf que mon site il peut aussi avoir un titre avec plein de mots et si il y a un tout petit espace de prévu c'est plein de mots ils vont dépasser et ça va casser le site donc on teste avec plein de mots ça les auteurs des thèmes ils aiment pas parce que souvent on voit plein de trucs un site utilisé en WP on va dire que c'est un site utilisé en WP 3 fois le site va plus ressembler à rien mais c'est l'objectif en fait c'est d'aller sur les cas extrêmes et si dans les cas extrêmes il présente pas trop mal ça veut dire que le gars a bien fait son bout le gars ou la nana 42% c'est presque bon ok on est parti pour la review alors on va même pas voir le thème tout de suite à quoi il ressemble même si on a tous envie clairement mais non d'abord en fait on va aller faire des trucs techniques on va aller en fait dans la parenthèse et voir comment on a installé il y a une extension qui s'appelle thème check et du coup on va la lancer et en fait elle va faire le travail à notre place on a juste à l'attendre que ça charge et donc en fait il va lancer un certain nombre de thèmes qui sont des tests de base les tests de base ça va être des tests je regarde Sébastien parce que c'est des tests de traduction notamment du coup le thème prévoit bien toutes ses chaînes pour la traduction etc et là il va nous montrer ah il me dit que j'ai oublié de mettre mon WP debug à trou pas bien parce que du coup le reviver je vous l'ai dit normalement il est censé mettre son WP debug à trou mais moi j'ai pas le temps là apparemment donc je le fais pas alors il a passé les tests normal le mec s'est fait refuser son truc il a reattendu 3 mois, a priori il a essayé de faire le truc bien du coup on va lancer thème sniffer et alors là ça rigole pas parce que ça va être un peu plus long aussi d'ailleurs mais là du coup tout ce qui va être testé c'est vraiment tout ça veut dire que pour Sébastien et là je parle au traducteur ça va leur parler qu'il y a une petite description indiquant au traducteur le contexte de la traduction pour que ça soit plus facile pour traduire et là du coup il n'y a aucun thème qui passe autant de dire il va aussi ah tiens voilà alors je sais pas si vous voyez bien ça doit être bof mais je vais vous le lire grosso modo je parle très bien anglais en plus dans fructeur.php il me dit non en fait je parle plus anglais que ça en gros il dit ben ici plutôt qu'à avoir une fonction underscore underscore qui permet de traduire dans WordPress un texte ben il dit oui il y a underscore underscore mais ça du coup ça va servir à afficher ça veut dire que du coup c'est du texte qui a été saisie en back office ça veut dire que c'est du texte qui doit être échappé et on doit vérifier qu'il doit pas y avoir des bêtises à l'intérieur donc ce qu'il nous dit c'est qu'il nous manque une fonction d'échappement typiquement une fonction d'échappement ça va être une fonction d'email par exemple d'accord donc du coup il nous fait un warning ici line 34 de footer.php on va normalement c'est fini je vais en avoir pour 2 secondes mais normalement ce qu'on fait c'est qu'on va sur ben finalement j'en ai pour 2 minutes en fait on va sur footer.php line 34 on vérifie parce que des fois du coup le truc est passé dans une variable et en fait la fonction d'échappement elle est au dessus on vérifie et si c'est pas ok et à line 34 t'as pas échappé ben un point en moins s'il y a d'autres problèmes d'échappement ça comptera toujours pour un point en moins on va pas dire au bout de 3 échappements manquants du coup ah c'est bon t'es viré ton thème n'es pas approuvé d'accord c'est par thématique en fait comme je n'ai pas eu plus de temps du coup ce que je vais faire c'est que je vais quand même passer en front pour vous montrer comment fonctionne le thème unit test data que vous pouvez utiliser sur vos propres thèmes vos propres développements parce que c'est très intéressant on retrouve le site ici donc vous voyez que déjà en fait c'est pour ça que tous les sites sont en bannière plein de largeur etc c'est que ça s'affiche bien car on met plein de trucs voilà on voit pas les images parce que du coup elles ont du mal se charger vu que j'ai une connexion pourrie mais il y en a certaines qu'on voit d'ailleurs bon ok il a un slider et le thème unit test data ce qui va nous permettre c'est que si je vais dans la partie blog et c'est la partie la plus importante en fait ici c'est que merde voilà en fait c'est dans les postes dans les postes tous les postes en fait sont un test unitaire et ici par exemple le premier poste ça va être le html tags and formatting et vous allez avoir en fait à l'intérieur de ce poste le thème est buggy parce que normalement peut-être on va s'en savoir il n'y a pas avec tous les titres H1, H2, H3, avec les tableaux avec tout ce qu'on veut faire comme balisade ouais d'ailleurs tout il a acheté ouais on dirait bien on voit les buckles bon on va en tester un autre juste on va pas en tester un autre ok ça marche mais en fait du coup il a du bon belge c'est super bon ben bon ben bon ben