Les grands projets WordPress commencent souvent parsem\u00e9s d’obstacles<\/h2>\n
… et celui-ci ne fit pas exception.<\/p>\n
\u201cNous avons test\u00e9 un certain nombre de solutions pour les types de publication personnalis\u00e9e en utilisant \u00e0 la fois des modules d’extension et un code personnalis\u00e9, mais aucune ne convenait.\u201d<\/p><\/blockquote>\n
d\u00e9clare Juanjo Mart\u00ednez, le gestionnaire de projet et coauteur du site Internet www.rototomsunsplash.com.<\/strong><\/p>\n
\u00c0 propos du projet Rototom<\/h3>\n
\n<\/a> www.rototomsunsplash.com : site Internet du festival europ\u00e9en de reggae Rototom Sunsplash<\/figcaption><\/figure><\/ta_ignore><\/p>\n rototomsunsplash.com<\/a> n’est pas seulement un site ordinaire bas\u00e9 sur WordPress. Il promeut le festival Rototom Sunsplash, qui, selon Wikip\u00e9dia<\/a>, accueille des milliers<\/strong> de passionn\u00e9s de reggae venant de divers pays d’Europe<\/strong>.<\/p>\n
\n<\/a> \u00c0 propos du festival Rototom : mat\u00e9riel de presse issu des archives Rototom<\/figcaption><\/figure><\/ta_ignore><\/p>\n Il s’agit d’un festival de 8 jours<\/strong> qui se d\u00e9roule sur 21 sc\u00e8nes, accueille environ 400 h\u00f4tes (artistes et invit\u00e9s culturels) et plus de 650 \u00e9v\u00e9nements !<\/p>\n
Les sites Internet qui pr\u00e9sentent des \u00e9v\u00e9nements aussi importants regorgent de multitudes d’informations. Le contenu se doit d’\u00eatre bien structur\u00e9 et bien pr\u00e9sent\u00e9.<\/p>\n
\n<\/a> Rototom Audience Breakdown 2016 : mat\u00e9riel de presse issu des archives Rototom<\/figcaption><\/figure><\/ta_ignore><\/p>\n Un autre objectif est de r\u00e9pandre la nouvelle qu’un \u00e9v\u00e9nement important et int\u00e9ressant se pr\u00e9pare.<\/p>\n
L’ann\u00e9e derni\u00e8re, 250.000 participants sont venus de diff\u00e9rents pays (voir l’image).<\/p>\n
Le contenu est propos\u00e9 en plusieurs langues<\/strong> : le recours \u00e0 l’espagnol, l’anglais, l’italien et au fran\u00e7ais a jou\u00e9 un r\u00f4le significatif en touchant une audience plus large.<\/p>\n
Des D\u00e9fis, des d\u00e9fis et encore des d\u00e9fis<\/h2>\n
\n<\/a> Archive d’informations consultable
http:\/\/www.rototomsunsplash.com\/en\/news<\/figcaption><\/figure><\/ta_ignore><\/p>\n Maintenant que le site est cr\u00e9\u00e9 et op\u00e9rationnel, tout para\u00eet simple.<\/p>\n
Vous souhaitez voir les actualit\u00e9s de Art Symposium ? Il vous suffit d’effectuer une recherche dans l’archive d’informations et de s\u00e9lectionner la cat\u00e9gorie ad\u00e9quate.<\/p>\n
Vous ne parlez pas espagnol ? Aucun probl\u00e8me. Changez de langue, et les voici qui s’affichent : les actualit\u00e9s apparaissent maintenant en anglais.<\/p>\n
Il a pourtant fallu du temps aux auteurs du site pour franchir cette \u00e9tape.<\/p>\n
Avez-vous d\u00e9j\u00e0 travaill\u00e9 sur un projet WordPress plus important que le projet d’un \u201c site Internet pour petite entreprise \u201d ? Si c’est le cas, alors vous savez qu’il y a toujours plus de travail qu’il n’y para\u00eet. Avant que votre site Internet devienne actif, de nombreux probl\u00e8mes devront \u00eatre discut\u00e9s et une multitude de d\u00e9cisions devront \u00eatre prises.<\/p>\n
Voici les plus gros d\u00e9fis auxquels l’\u00e9quipe Rototom a d\u00fb faire face :<\/p>\n
\n
- D\u00e9fi #1 : syst\u00e8me de gestion de traduction <\/strong>
\n\u201cNous avons d\u00fb g\u00e9rer quatre langues. Nous disposions d\u00e9j\u00e0 d’une \u00e9quipe de traducteurs. Il nous fallait donc non seulement un “site Internet multilingue”, mais aussi un syst\u00e8me de gestion de traduction complet.\u201d<\/p><\/blockquote>\n<\/li>\n
- D\u00e9fi #2 : beaucoup de contenu \u00e0 g\u00e9rer<\/strong>
\nLa complexit\u00e9 des entit\u00e9s que nous avions \u00e0 g\u00e9rer s’est av\u00e9r\u00e9 \u00eatre une \u00e9tape critique : poursuit Juanjo : \u201cles publications et pages par d\u00e9faut fournies par WordPress ne suffisaient pas.\u201d<\/p><\/blockquote>\n
Il \u00e9tait impossible de ne pas utiliser de publications et champs personnalis\u00e9s.<\/p>\n
Ces types de publications devaient de plus \u00eatre connect\u00e9s via des relations de plusieurs \u00e0 plusieurs.<\/p>\n
\u201cIl fallait afficher le programme du festival d’une certaine mani\u00e8re : le festival se compose de zones (qui h\u00e9bergent les \u00e9v\u00e9nements et les invit\u00e9s), d’invit\u00e9s (participant aux \u00e9v\u00e9nements) et d’\u00e9v\u00e9nements (qui se produisent dans une zone pr\u00e9sentant un ou plusieurs invit\u00e9s).<\/p>\n
Il fallait donc que nous affichions :<\/p>\n
Pour une zone : tous les \u00e9v\u00e9nements et invit\u00e9s connexes associ\u00e9s \u00e0 la zone
\n Pour un \u00e9v\u00e9nement : la zone o\u00f9 l’\u00e9v\u00e9nement se produit et les invit\u00e9s connexes
\n Pour un invit\u00e9 : tous les \u00e9v\u00e9nements (et zones) du festival (il est fr\u00e9quent qu’un invit\u00e9 participe \u00e0 plus d’un \u00e9v\u00e9nement)\u201d<\/p><\/blockquote>\nPour compliquer le tout, les contenus devaient \u00eatre faciles \u00e0 rechercher.<\/li>\n
- D\u00e9fi #3 : donn\u00e9es pr\u00e9sentes en amont sous diverses formes<\/strong>\n
\n<\/a> Pr\u00e9sentation de l’ensemble des donn\u00e9es de mani\u00e8res diverses : les grilles d’images notamment, \u00e9taient incontournables.<\/figcaption><\/figure><\/ta_ignore><\/p>\n Pr\u00e9sentation de l’ensemble des donn\u00e9es de mani\u00e8res diff\u00e9rentes et attrayantes : les grilles d’images notamment, \u00e0 l’int\u00e9rieur de diverses mises en page, \u00e9taient incontournables.<\/p>\n
De plus, les contenus de rototomsunsplash.com changent constamment : de nouveaux \u00e9l\u00e9ments apparaissent chaque semaine. Les auteurs avaient besoin d’un outil comme un g\u00e9n\u00e9rateur de page pour ajouter facilement un nouveau contenu, tout en le rendant attrayant.<\/li>\n<\/ul>\n
Le plus gros d\u00e9fi cependant a \u00e9t\u00e9 de trouver une solution qui prennent en charge toutes les conditions requises mentionn\u00e9es ci-dessus<\/strong>. N’oublions pas que chaque information devait \u00eatre multilingue et facile \u00e0 traduire pour un groupe de personnes non techniciennes.<\/p>\n
R\u00e9solution de probl\u00e8mes<\/h2>\n
Avec de nombreux d\u00e9fis \u00e0 relever et seulement trois personnes travaillant sur ce projet, Juanjo explique :<\/p>\n
\u201cMoi en tant que responsable du projet et gestionnaire de contenu, un programmeur\/d\u00e9veloppeur WP et un assistant gestionnaire de contenu pour aider \u00e0 g\u00e9rer les contenus, traductions et traducteurs.\u201d<\/p>\n
Je ne suis pas programmeur.<\/strong> J’ai d\u00fb apprendre les CMS afin de comprendre quelle \u00e9tait la meilleure fa\u00e7on de g\u00e9rer les contenus. J’ai donc \u00e9tudi\u00e9\/appris en autodidacte \u00e0 utiliser les diff\u00e9rents CMS.<\/p>\n
Bien s\u00fbr, il y avait dans notre \u00e9quipe un programmeur pour nous aider sur la partie technique, mais le plus souvent, c’est moi qui trouvait la solution \u00e0 appliquer.\u201d<\/p><\/blockquote>\n
Quelles solutions a trouv\u00e9 l’\u00e9quipe Rototom ?<\/p>\n
Il n’a pas \u00e9t\u00e9 trop difficile de trouver un syst\u00e8me de gestion de traduction (d\u00e9fi #1). Ils ont d\u00e9cid\u00e9 d’utiliser WPML<\/a>. Les modules d’extension WPML transforment vos sites Internet WordPress en sites multilingues.<\/p>\n
\n<\/a> Traducteurs de rototom.com d\u00e9finis avec le module d’extension de gestion de traduction WPML<\/figcaption><\/figure><\/ta_ignore><\/p>\n L’extension de gestion de traduction WPML<\/strong> vous permet de g\u00e9rer les traductions pour des sites WordPress de taille importante et envoie vos contenus aux traducteurs.<\/p>\n
Les traducteurs peuvent \u00eatre des traducteurs professionnels issus de services int\u00e9gr\u00e9s \u00e0 WPML, mais vous pouvez aussi transformer certains de vos utilisateurs WordPress en traducteurs.<\/p>\n
L’\u00e9quipe Rototom \u00e9tait d\u00e9j\u00e0 compos\u00e9e de personnes parlant couramment espagnol, anglais, italien et fran\u00e7ais. Elle a donc simplement cr\u00e9\u00e9 des profils WordPress pour elles et les a d\u00e9finis comme traducteurs<\/strong> pour les langues d\u00e9sir\u00e9es.<\/p>\n
Comment trouver des modules d’extension compatibles entre eux<\/h3>\n
Il a fallu plus de temps pour trouver des solutions adapt\u00e9es aux autres d\u00e9fis.<\/p>\n
De nombreux modules d’extension existent sur le march\u00e9 WordPress pour g\u00e9rer des donn\u00e9es complexes bas\u00e9es sur des types de publication et champs personnalis\u00e9s. Le d\u00e9fi a cependant consist\u00e9 \u00e0 les faire fonctionner ensemble et \u00e0 les appr\u00eater pour les traductions. Une compatibilit\u00e9 inter-module d’extension est le facteur cl\u00e9.<\/strong><\/p>\n
\u201c<\/span>Nous avions test\u00e9 un certain nombre de solutions pour les types de publication personnalis\u00e9e (\u00e0 la fois \u00e0 travers les modules d’extension et le code personnalis\u00e9), mais elles n’\u00e9taient ni ad\u00e9quates, ni bien int\u00e9gr\u00e9es \u00e0 WPML,\u201c<\/span><\/p><\/blockquote>\n
explique Juanjo.<\/p>\n
Pour cr\u00e9er des grilles et des mises en page personnalis\u00e9es, encore plus d’options sont \u00e0 votre disposition. On trouve tant de g\u00e9n\u00e9rateurs de page\u2026 Mais, la partie d\u00e9licate commence vraiment lorsque vous voulez traduire toutes les mises en page complexes.<\/p>\n
\n<\/a> Rototom.com est disponible en 4 langues<\/figcaption><\/figure><\/ta_ignore><\/p>\n Disposer d’une bonne \u00e9quipe de traducteurs ne suffit pas. Leur t\u00e2che est de fournir des traductions correctes. Imaginez maintenant que vous ayez de nombreuses cha\u00eenes dispers\u00e9es \u00e0 travers votre immense site : dans vos types de publication et champs personnalis\u00e9s, mais surtout, vous avez recours \u00e0 des centaines de cellules dans vos mises en page<\/strong>.<\/p>\n
Personne n’a envie de se plonger dans une structure de page complexe et de cliquer sur diverses cellules afin de les traduire. L’\u00e9quipe Rototom en sait quelque chose.<\/p>\n
\u201cTravailler avec un compositeur visuel peut \u00eatre un cauchemar pour traduire, car quand vous traduisez, vous trouvez des codes abr\u00e9g\u00e9s partout. \u201c<\/p><\/blockquote>\n
r\u00e9sume Juanjo.<\/p>\n
Note de l’\u00e9quipe WPML :<\/p>\n
\u201cWPML a r\u00e9cemment publi\u00e9 une mise \u00e0 jour importante<\/a> qui vous permet de traduire ais\u00e9ment des sites cr\u00e9\u00e9s avec Visual Composer. WPML fonctionne avec des d\u00e9veloppeurs de g\u00e9n\u00e9rateurs de page majeurs pour ajouter de la compatibilit\u00e9 \u00e0 autant de g\u00e9n\u00e9rateurs de page qu’il est possible.\u201c<\/p><\/blockquote>\n
Les modules d’extension Toolset font leur apparition<\/h3>\n
\u201cNous avons alors d\u00e9couvert que Toolset \u00e9tait d\u00e9velopp\u00e9 par la m\u00eame entreprise qui avait lanc\u00e9 WPML et \u00e7a nous a sembl\u00e9 \u00eatre la parfaite solution pour nous.\u201d<\/p><\/blockquote>\n
poursuit Juanjo.<\/p>\n
Les modules d’extension Toolset<\/a> nous permettent non seulement d’ajouter des types de publication et des champs personnalis\u00e9s, mais aussi de connecter des types de publication dans les relations<\/strong>. De plus, vous pouvez cr\u00e9er des recherches personnalis\u00e9es bas\u00e9es sur des types de publication personnalis\u00e9e.<\/p>\n
Toutes ces fonctionnalit\u00e9s comptaient pour Juanjo et son \u00e9quipe Rototom.<\/p>\n
\n<\/a> Avec Toolset Layouts, vous cr\u00e9ez des pages \u00e0 l’aide d’une interface pour glisser-d\u00e9poser et les envoyez ensuite aux traducteurs.<\/figcaption><\/figure><\/ta_ignore><\/p>\n \u00c9tonnamment, deux autres composants Toolset ; le th\u00e8me Toolset Starter<\/a> et le module d’extension Layouts<\/strong> ont jou\u00e9 des r\u00f4les majeurs dans ce projet.<\/p>\n
Le module d’extension Toolset Layouts vous permet de concevoir des sites WordPress \u00e0 l’aide d’une interface pour glisser-d\u00e9poser. Selon Rototom, ce qui rend ce module d’extension unique<\/strong>, c’est sa capacit\u00e9 \u00e0 envoyer des mises en pages compl\u00e8tes \u00e0 ses traducteurs<\/strong>.<\/p>\n
En outre, c’est la raison pour laquelle l’\u00e9quipe Rototom a d\u00e9cid\u00e9 d’utiliser Layouts plut\u00f4t qu’un autre g\u00e9n\u00e9rateur de page. Juanjo r\u00e9sume ainsi :<\/p>\n
\u201cNous avons d\u00e9cid\u00e9 d’utiliser le th\u00e8me Toolset Starter pour cr\u00e9er le site afin de nous assurer que tout le site pouvait ais\u00e9ment \u00eatre traduit avec WPML et par notre \u00e9quipe de traducteurs.\u201d<\/p>\n
\u201cJ’ai d\u00e9couvert Toolset sur le site WPML et je me suis ai assez vite rendu compte qu’il pouvait nous offrir la solution puisqu’il \u00e9tait enti\u00e8rement compatible avec WPML et offrait la possibilit\u00e9 de d\u00e9velopper presque tout ce dont nous avions besoin pour notre site (page \u00e9v\u00e9nementielle, publications personnalis\u00e9es, relations de plusieurs \u00e0 plusieurs, vues, formulaires personnalis\u00e9s, mises en page) en ayant recours \u00e0 seulement une seule s\u00e9rie de modules d’extension d\u00e9velopp\u00e9s par la m\u00eame entreprise, \u00e9vitant ainsi d’installer des tas de modules d’extension diff\u00e9rents<\/strong>.\u201d<\/p><\/blockquote>\n
Comment cr\u00e9er des sites Internet multilingues avec Toolset<\/h2>\n
Ils ont donc d\u00e9couvert Toolset, ont commenc\u00e9 peu de temps apr\u00e8s \u00e0 \u00e9tudier la documentation puis ont consult\u00e9 le forum pour v\u00e9rifier ce qui pouvait \u00eatre accompli \u00e0 l’aide de Toolset avec WPML. Juanjo se souvient :<\/p>\n
\u201cNous avons d\u00fb \u00e9tudier la documentation et consulter les forums. Je me suis surtout concentr\u00e9 sur les chapitres me renseignant si Toolset nous permettait de cr\u00e9er, stocker, et afficher nos contenus conform\u00e9ment \u00e0 nos besoins et Luca [le d\u00e9veloppeur qui travaille avec l’\u00e9quipe Rototom] s’est lui ax\u00e9 sur la partie technique pour savoir comment configurer les modules d’extension en vue de les faire ex\u00e9cuter les t\u00e2ches requises\u201d<\/p><\/blockquote>\n
\nNous poss\u00e9dons maintenant une nouvelle documentation qui explique comment traduire un site cr\u00e9\u00e9 avec Toolset<\/a>.
\n Tout est centralis\u00e9 dans un endroit.<\/p>\nQuels \u00e9l\u00e9ments personnalis\u00e9s ajout\u00e9s avec Toolset pouvez-vous traduire ?<\/strong><\/p>\n
\n
- des publications bas\u00e9es sur vos types de publication personnalis\u00e9e<\/li>\n
- les slugs de vos types de publication personnalis\u00e9e<\/li>\n
- des champs personnalis\u00e9s<\/li>\n
- toute cha\u00eene (\u00e9tiquettes, textes comme \u201cLire la suite\u201d) utilis\u00e9e dans vos mod\u00e8les personnalis\u00e9s<\/li>\n
- toute cha\u00eene ou notification envoy\u00e9e depuis un formulaire en amont cr\u00e9\u00e9 avec Toolset CRED<\/li>\n
- tous les \u00e9l\u00e9ments de vos recherches personnalis\u00e9es<\/li>\n
- des mises en page \u00e0 glisser-d\u00e9poser cr\u00e9\u00e9es avec le module d’extension Toolset Layouts <\/li>\n<\/ol>\n
Si vous souhaitez d\u00e9couvrir notre module d’extension Layouts et le th\u00e8me Toolset starter (le m\u00eame th\u00e8me que l’\u00e9quipe de Juanjo a utilis\u00e9), veuillez utiliser un site de d\u00e9monstration gratuit<\/a> et regarder la vid\u00e9o suivante.<\/p>\n
![\"www.rototomsunsplash.com](\"https:\/\/toolset.com\/wp-content\/uploads\/2016\/12\/rototom-festival-website-300x233.png\")
![\"\u00c0](\"https:\/\/toolset.com\/wp-content\/uploads\/2016\/12\/about-rototom-festival-300x201.png\")
![\"Rototom](\"https:\/\/toolset.com\/wp-content\/uploads\/2016\/12\/audience-breakdown-300x204.png\")
![\"Archive](\"https:\/\/toolset.com\/wp-content\/uploads\/2016\/12\/news-archive-300x229.png\")
![\"Pr\u00e9sentation](\"https:\/\/toolset.com\/wp-content\/uploads\/2016\/12\/grids-300x186.png\")
![\"Traducteurs](\"https:\/\/toolset.com\/wp-content\/uploads\/2016\/12\/translators-300x165.png\")
![\"Rototom.com](\"https:\/\/toolset.com\/wp-content\/uploads\/2016\/12\/rototom-languages-300x100.png\")
![\"Avec](\"https:\/\/toolset.com\/wp-content\/uploads\/2016\/12\/layouts-300x181.png\")
![\"\"](\"https:\/\/toolset.com\/wp-content\/uploads\/2016\/12\/documentation-icon.png\"){kind=icon}