Refonte site Joomla - site mobile et reponsive

Évaluer cet élément
(0 Votes)

Votre site Joomla fonctionne mais sous une ancienne version de Joomla (1.5, 2.5 ...) et avec un template bien souvent non adapté aux mobiles. Vous souhaitez un affichage adapté aux mobiles, désormais indispensable. Voici un exemple :

Site d'origine (mobile et desktop)

avant refonte joomla mobile

avant refonte joomla desktop

Après refonte (mobile et desktop)

apres refonte joomla mobile

apres refonte joomla desktop

 

Il existe des outils complexes et coûteux (en temps de prestation) pour transférer les contenus d'une ancienne version de Joomla vers la dernière version de Joomla 3 puis vers Joomla 4. Cette démarche impose de toutes façons un nouveau template donc de retoucher certains contenus : les positions des modules, la structure de certaines pages, revoir les css, etc...
Une telle démarche de transfert technique n'a d'intérêt qu'à partir de plusieurs centaines d'articles et nécessite une étude d'impact. Pour un nombre limité d'articles il est bien plus simple et plus économique de recréer un site Joomla avec un template moderne (adapté aux mobiles et tablettes) et d'y copier les articles (et modules).

Démarche d'une refonte Joomla

1- créer un environnement, soit en local avec WAMPP, soit sur un sous-domaine sur un serveur, avec la dernière version de Joomla 4

2- installer un template récent (voir mon article sur les templates Gantry), le template gratuit Helium peut suffire à vos besoins (l'installation du framework Gantry est préalable),

3- installer les composants compatibles Joomla 4 (Akeeba, formulaire de contact, Advanced Module Manager, plan de site, Engage Box, JCE, ...), certains existent en version gratuite d'autres en version payante. 
Lors de cette étape j'installe les versions payantes dont je dispose, et ceci sans supplément.

4- dépublier sur le site d'origine les contenus (articles, modules, éléments de menu) obsolètes de manières à identifier clairement les éléments à copier

5- copier le HTML des articles et modules sur le nouveau site

5bis- éventuellement nettoyer les styles insérés au sein du contenu : parfois il arrive que les utilisateurs aient accumulé au fil du temps, l'insertion de styles (taille de police, famille de police, couleur de police et de fond ...) => une icône de JCE permet de faire cela automatiquement

6- adapter les positions des modules en fonction des possibilités offertes par le template (infinies avec les templates Gantry)

7- créer le menu principal et son arborescence en rattachant les articles à chaque élément de menu concerné. Une attention devra être portée à la reprise des alias pour conserver les urls d'origine afin de ne pas créer de contenu dupliqué (2 urls pour 1 même contenu).

8- paramétrer les composants pour mettre en place les fonctionnalités complémentaires de type formulaire de contact, plan de site ...

9- réaliser les ajustements graphiques (css) nécessaires, liés au nouveau template et créer des classes css permettant de reprendre certains styles facilement au sein de l'éditeur JCE

10- créer les utilisateurs et vérifier les paramètres de sécurité liés aux utilisateurs (mots de passe, possibilité de créer ou pas un utilisateur en front-end ...)

11- formation des utilisateurs à la nouvelle interface d'administration et aux nouvelles fonctionnalités offertes par Joomla 4 (par exemple la gestion des médias) et le template,

12- transfert sur le serveur de production avec ajustement du fichier "configuration.php"

13- test des visuels desktop et mobile, et ajustements graphiques éventuels

Les bénéfices attendus de la refonte du site

Un visuel mobile accessible et performant.

Un site globalement plus rapide à charger car il repose sur une version plus optimisée du CMS Joomla.

Un site en général plus attractif et donc une expérience utilisateur largement améliorée (en terme de navigation notamment).

Un site plus sécurisé car Joomla 4 offre des conditions de protection plus performantes et le paramétrage du nouveau site est l'occasion d'un tour d'horizon de plusieurs fonctions de sécurité. 

La formation aux nouveautés est l'occasion de quelques rappels/conseils sur les bonnes pratiques du web (gérer les images) mais aussi de Joomla (optimiser l'utilisation des modules).

Un gain de temps pour administrer le site grâce à de meilleurs outils et une formation adaptée.

Une meilleure conformité au RGPD : une refonte est l'occasion de passer en revue tous les traitements de collecte de données et de repenser leur conformité au RGPD (sans ajouter de complexité pour les visiteurs du site),

Un site pérenne car, c'est un peu technique, mais le langage PHP évolue et les anciennes versions de Joomla ne sont pas compatibles avec les versions les plus récentes de PHP; avec pour conséquence l'impossibilité de fonctionner sur certains serveurs et bientôt tous les serveurs, qui n'accepteront que des sites s'appuyant sur des langages récents. De plus, le site fonctionnera sous la toute dernière version de Joomla 4, donc forcément prédisposé à toutes les évolutions techniques.

Le coût de la migration de votre site Joomla

Le coût dépend directement du nombre d'articles et de modules à copier. Egalement il est nécessaire d'analyser les fonctionnalités (modules, composants) complémentaires de manière à identifier d'éventuelles difficultés de paramétrages ou des extensions à acheter sous des versions récentes.

On peut considérer qu'une refonte d'un site avec 50 articles et quelques modules simples, sans composant bloquant ni nécessitant un travail technique de reprise des données, peut se situer dans une fourchette entre 650€ et 800€ HT (pas de TVA). Ce tarif ne comprend pas d'amélioration graphique majeure, si la refonte est l'occasion de recomposer totalement la page d'accueil et la structure du site, les maquettes doivent être fournies, sinon le temps d'analyse et de maquettage sera facturé en supplément.
Pour un plus grand nombre d'articles/modules, pour l'intégration de composants compatible avec Joomla 4, une étude préalable est nécessaire.
Dans le cas d'un site présentant plus de 50 articles, les coûts cités ci-dessus ne sont pas proportionnels. Par exemple, la reprise de 100 articles, sans complexité spécifique, peut constituer un surcoût d'environ 200€ HT.
Avantage non négligeable : la formation est incluse, et ces échanges sont souvent l'occasion de revoir de nombreux principes de gestion d'un site dans un contexte professionnel et rigoureux.

Dernière modification le 10 06 2022