Christophe Lance marketing internet et web designChristophe Lance marketing internet et web design (Mobile version)Logo Christophe Lance (Mobile)

Gantry 5 est un framework (bibliothèque de code) open source et multiplateforme réalisé par Rocket Theme, un développeur Joomla! expérimenté depuis les débuts de ce CMS (Content management system). Il s'installe sur les CMS Joomla, Wordpress ou Grav (leur CMS maison avec base de données en fichiers texte), afin de faciliter le développement de templates (ou thèmes dans la terminologie Wordpress/Grav). Il a été récompensé par les participants aux conférences J and Beyond à Barcelone en 2016. Il est aussi très bien noté à la fois dans le Joomla extensions directory et le répertoire des plugins Wordpress.

Les points forts des templates basés sur Gantry:

  • Une interface conviviale pour créer différents styles de mise en page qui peuvent être assignés à des pages de contenu différentes et même aux pages d'erreur.
  • La compilation à la volée du code SCSS pendant la phase de développement et minification du code CSS en production.
  • Un écran de débogage (Whoops) utile lors de l'écriture de codes SCSS, Twig ou PHP.
  • La sauvegarde des paramètres sans base de données sous forme de fichiers YAML (moins verbeux que XML), ce qui permet d'ouvrir plus facilement le capot, afin de modifier les réglages par défaut. Par exemple, il est très facile de modifier la grille de mise en page du template (layout) ou les textes des particules (widgets), lorsque l'on sait modifier les paramètres dans le fichier YAML.
  • Possibilité d'annulation illimitée des changements au sein d'un layout.
  • Le langage de template Twig, inspiré de la syntaxe des moteurs de template sur Python et popularisé par Symfony et Drupal, présente l'avantage d'être plus concis et digeste que PHP dans le code HTML du template ou des particules.
  • Sur Grav où tout est écrit sur des fichiers, l'utilisateur avancé a un accès complet en ligne de commande aux réglages du CMS et du template.
  • Sur Wordpress, un système qui contourne la programmation en PHP de la hiérarchie de template qui peut vite devenir confuse. De plus, les particules remplacent avantageusement les plugins en termes de performances et de sécurité.
  • La documentation et les tutoriels facilitent grandement l'apprentissage du framework. Le plus rébarbatif est peut-être de devoir fouiller dans les multiples fichiers sources SCSS pour comprendre le fonctionnement de certaines classes du framework frontend de Gantry 5 appelé Nucleus. L'examen des pages démos des templates à l'aide de l'outil développeur du navigateur s'avère souvent une méthode plus rapide.
  • Un système de cache intégré, plus de nombreux plug-ins disponibles en téléchargement gratuits: amélioration des performances (RokBooster), éditeur de code, gestionnaire de galeries ou de shortcodes (RokCandy).
  • Enfin, l'attrait de pouvoir développer avec le même framework et la même interface sur trois CMS parmi les plus populaires du marché: Joomla!, Wordpress et Grav.
Grille de mise en page de Gantry
Grille de mise en page de Gantry

Un framework agréable à utiliser et bien intégré

Gantry 5 se révèle agréable à l'utilisation. Deux templates gratuits permettent de se faire une idée du produit et de créer un site simple avec un minimum d'efforts. Le programmeur qui a l'habitude de développer en PHP/XML sur Joomla! passera sans problèmes à Twig/YAML. Gantry permet de facilement surclasser les fichiers de l'installation de base dans un dossier nommé "custom" pour adapter le template à ses besoins sans gêner les futures mises à jour du framework et de ses templates.

Rocket Theme propose des templates commerciaux beaux et adaptés aux mobiles à un prix forfaitaire de moins de 50 dollars avec de nombreuses particules pour agrémenter la mise en page ou ajouter des fonctions supplémentaires comme, par exemple, un formulaire d'inscription à une mailing liste, des blocs d'images ou des diaporamas. Le support technique et le forum de discussions sont réactifs en cas de problème. Gantry 5 et ses templates sont d'ailleurs régulièrement mis à jour et disponibles sur Github.

Des désavantages ?

  • Le gestionnaire de template est en anglais, mais il permet bien entendu de créer un site en n'importe quelle langue. Il existe néanmoins une traduction des chaînes de caractères du gestionnaire Joomla en français. Sur Wordpress, il est possible de réaliser la traduction avec Poedit (voici ma traduction française).
  • Plus ennuyeux, les particules Gantry ne sont pas modifiables dans le frontend Joomla qui est l'un des gros avantages de ce CMS. Si vous avez besoin de modifier le site en frontend, il faut les convertir en modules traditionnels Joomla. Il est aussi possible de créer des liens en frontend directement vers le layout correspondant.
  • Pas d'éditeur Wysiwyg dans la particule HTML personnalisé, ni de support Markdown pour Grav ou de wpautop sur Wordpress. Pesonnellement je préfère la flexibilité de l'édition en texte brut, mais si le site s'adresse à un(e) débutant(e), il faut prévoir l'utilisation des champs personnalisés de Gantry qui sont simples à mettre en oeuvre ou s'en tenir à des petits textes.
  • L'ajout d'un framework supplémentaire au framework du CMS augmente l'occupation de la mémoire et le nombre de requêtes SQL sur le serveur (en partie seulement, car le reste est enregistré dans les fichiers YAML). Mais cette charge reste raisonnable, surtout si l'on utilise PHP 7, le cache et que l'on développe avec la console de débogage sous les yeux. Il est facile de développer ses propres modules en puisant dans le code CSS ou Twig du template. Un site développé avec Gantry par un webmaster débutant peu conscient des problèmes d'optimisation peut vite devenir une usine à gaz, mais c'est vrai avec tous les CMS.
  • Sur Joomla, le changement de l'ordre des menus n'est possible que dans Gantry et pas dans le gestionnaire de menu du CMS. Les développeurs de Gantry semblent avoir promis de régler ce problème.
  • Sur Wordpress, il faut désactiver l'utilisation des canevas (outlines) dans les articles (posts), afin de ne pas rendre l'interface confuse. Certaines modifications dans le menu de navigation de Wordpress nécessitent de supprimer le contenu du fichier YAML de Gantry pour les resynchroniser, un problème que les développeurs ont promis de corriger.

En résumé, bien que plus encombrant qu'un template ou un thème de base, Gantry 5 a de nombreux atouts au niveau des fonctionnalités, par exemple un superbe menu déroulant responsive ou la facilité de création de mises en page variées, qui compensent l'inconvénient d'ajouter un framework supplémentaire au CMS. Quelques connaissances techniques sont néanmoins conseillées pour bénéficier de tous ses avantages.

Voir aussi: Créer son site avec Wordpress et un thème Gantry 5

Devis et renseignement gratuits