Dernièrement, nous avons voulu améliorer notre site Web et réfléchi à déterminer quelle technologie nous devions utiliser. Il existe tellement de technologies potentielles pour créer un site web, de nouveaux langages, frameworks et librairies qui sortent tous les jours qu’il est difficile de faire un choix, ce site web n’étant pas critique, ça aurait pu être une occasion d’essayer quelque chose de nouveau. Un choix se fait souvent en fonction de la situation, de vos connaissances, de vos attentes en termes de facilité de développement et de mise à jour, et aussi en fonction de qui va utiliser le site.
Pourquoi choisirions-nous WordPress alors?
Il semble que beaucoup de gens essaient de trouver des alternatives à WordPress. Nous aurions pu utiliser cette expérience à travailler sur notre propre site web pour essayer une nouvelle technologie ou utiliser une des technologies que nous utilisons déjà d’une manière nouvelle, mais au final WordPress était l’outil qui répondait le mieux à ce dont nous avions besoin pour ce nouveau site : un panneau d’administration convivial où l’on peux ajouter facilement de nouveaux articles et pages, gérer le référencement. Bien sûr, WordPress est lourd et difficile à sécuriser, il est si populaire qu’il est la première cible des pirates, mais c’est surtout un CMS efficace quand il est utilisé correctement et on trouve difficilement mieux.
Commencez de zéro!
Tout d’abord, on recommande de partir de zéro. Tous les thèmes « premium » avec des centaines d’options possibles, les « page builders » sont ce qui peut transformer WordPress en usine à gaz. Est-il vraiment nécessaire d’avoir toutes ces fonctionnalités lorsque l’utilisateur final n’utilisera pas 90% de ce qui est offert? Éviter d’ajouter trop de plugins est également une bonne idée, nous n’en conservons que les nécessaires.
Partir de zéro signifie essentiellement « commencer à partir du HTML ». L’objectif est d’abord de concevoir votre futur site Web, c’est le rôle de la conception et du design, les designersutiliseront le logiciel de votre choix, Photoshop, Illustratop ou Sketch pour créer plusieurs modèles de page du site Web, la page d’accueil plus quelques autres templates. La meilleure façon de faire est de commencer avec des wireframes afin de donner au designer une idée précise du contenu de chaque page, à sa charge ensuite d’y ajouter un look, des couleurs, formes, caractères. L’aspect « responsive web design » peut déjà être introduit à cette étape, le designer pouvant concevoir des graphismes pour les écrans de smartphones, tablettes et desktops.
Ensuite, la prochaine étape consistera à intégrer le graphisme en tant que page HTML avec un style CSS, généralement à l’aide d’un préprocesseur CSS. Nous utilisons habituellement notre propre framework CSS basé sur SCSS que nous avons créé au fil des années. Comme la plupart de nos sites commencent par un design unique, nous essayons d’éviter les frameworks tels que Bootstrap ou les autres célèbres qui ont tendance à donner le même aspect à tous les sites Web avec lesquels ils sont construits.
Créer un thème personnalisé à partir d’un design unique
Notre site Web précédent était uniquement constitué de pages HTML statiques. Lorsque l’idée d’y ajouter un blog est apparue, nous aurions pu passer à un générateur de site statique tel que Jekyll, ou à uneversion équivalente codée en PHP, mais cela ne nous convenait pas vraiment. Il ne serait pas plus long de créer un thème WordPress personnalisé à partir du HTML et nous aurions alors un site Web que n’importe quel membre de l’équipe pourrait utiliser et mettre à jour, sans avoir besoin de connaitre Markdown et comment compiler des fichiers à partir de la ligne de commande.
Une fois le HTML terminé, testé sur différents appareils et navigateurs pour être sûr qu’il est « responsive », la tâche de créer un thème WordPress personnalisé devient facile, surtout lorsque vous utilisez un moteur de template comme Twig. L’objectif est de séparer le HTML en blocs et de les placer dans les templates adaptés. Ensuite, la configuration commence, il faut définir le contenu nécessaire à chaque page, tous les champs, groupes de champs, etc.
Choisissez les bons plugins
Avec les bons plugins, par exemple Timber pour ajouter le modèle de conception MVC (Model – View – Controller) à WordPress à l’aide des modèles Twig et une bonne compréhension des custom posts et custom fields (nous avons utilisé les plugins ACF et CPT UI), WordPress peut faire tout ce que vous attendez d’un CMS.
Et WordPress est meilleur que d’autres CMS sur certains aspects, par exemple la médiathèque est géniale et dans ma recherche d’alternatives à WordPress, je n’ai jamais rien vu d’aussi efficace pour gérer les téléchargements de fichiers et les attacher à un post ou page. L’ensemble du système de shortcodes est également utile et facile à mettre en place.
Ensuite, avec un bon plugin de gestion de cache, installé sur le bon serveur, WordPress fonctionne très bien.
L’ajout régulier de contenu est la seule façon de maintenir en vie un site Web et une entreprise.
En fin de compte, le développement de ce nouveau site est arrivé assez rapidement, c’était une question de jours, la partie la plus longue était en fait le contenu lui-même. Notre site web précédent n’avait pas de Blog mais il n’avait pas de Portfolio non plus. Nous avons fait l’effort d’écrire quelques articles, notre but maintenant est de poursuivre avec des publications régulières.
