« WordPress est un système de gestion de contenu gratuit, libre et open-source. Ce logiciel écrit en PHP repose sur une base de données MySQL et est distribué par la fondation WordPress.org. »
Source : Wikipédia
Le thème
Une fois WordPress installé, il faut choisir le thème qui servira de fondation pour l’exposition du site. WordPress arrive avec des thèmes standards, légers, mais présentant peu de fonctionnalités.
La galerie de thèmes est immense et chacun peut adopter le thème en fonction de son métier. Il en existe des généralistes et c’est vers ceux-là que le choix s’est axé pour se finaliser sur GeneratePress. Un de ses objectifs est d’être léger ce qui est très bien en vue de l’écoconception.
Ce thème est fortement déployé avec un très bon suivi ce qui procure un code de qualité et surtout, dans l’objectif d’une minimisation de l’impact environnemental, il est très frugal ; sa répercussion sur le code d’une page est de moins de 10 ko ; c’est toujours 10 ko de plus, mais c’est un compromis acceptable.
Avec l’extension permettant d’avoir les fonctionnalités premium, la capacité de configuration est élevée pour un impact modique.
Configuration
Une fois le thème installé, il faut maintenant le configurer avec toujours en tête de trouver le bon compromis. Plus il y a des widgets, par exemple, et plus la structure de chaque page se complexifie. Vous vous rappelez ? C’est un des inducteurs d’ecoindex.fr.
Il faut donc revenir à la règle des 3U et notamment le premier : est-ce que le site et son audience ont besoin de cette information ?
Et pour cela, GeneratePress Premium propose un module de configuration des pages, Elements, permettant de retoucher tout ou partie de la disposition selon des critères, fournissant une grande souplesse à la présentation. Par exemple, avoir sur les pages une barre latérale pour présenter certaines activités est intéressant. Mais lorsqu’un article est consulté, il est préférable de se concentrer sur l’essentiel du contenu, le texte. Le reste n’est pas utile. Elements permet simplement de supprimer l’inutile et donc de limiter la complexité de la page web et de diminuer son poids.
La mise en page faite (je reviendrai sur la taille et l’optimisation des images qui servent de logo ou placées dans un widget plus loin), les couleurs choisies, il faut s’occuper maintenant de la typographie. Le choix de la police est important. Il y a d’un côté les polices dites système (intégrées dans le navigateur de l’utilisateur final) et d’autres polices comme celle de Google, à télécharger.
Polices de caractère
Ces dernières présentent deux problèmes dont un peut se régler partiellement. Le premier concerne la localisation de la source de ces polices. Si rien n’est fait, le serveur du site va se connecter aux serveurs de Google aux États-Unis, en faisant plusieurs requêtes ; et hop, un autre inducteur d’ecoindex.fr. Il est possible de réduire la distance en téléchargeant les polices sur le serveur hébergé, mais les requêtes persisteront. Le deuxième problème est que, même optimisée, l’utilisation d’une police de Google induit des kilo-octets supplémentaires ; un autre inducteur d’ecoindex.fr.
Pourquoi, alors, ne pas utiliser une police système ? Elles sont suffisantes pour présenter très correctement du texte dans un environnement professionnel, sont lisibles et sans impact environnemental induit !
Infogreen Factory a choisi Verdana pour tous les caractères (paragraphe, titre…) avec une configuration uniquement dans le thème et non au cas par cas, au gré des rédactions d’articles ou de pages.
Le constructeur de page
Le constructeur de page a pour objectif (en simplifiant) de faciliter la mise en page d'un article par la création d'une grille dans laquelle il suffira d'écrire ou de positionner les contenus.
Une exigence à avoir pour son choix concerne la complexité du code généré. En effet, le constructeur va ajouter de la structure pour gérer l'organisation de la page, du code CSS pour le style et du code javascript pour le fonctionnement.
Tous les constructeurs ne se valent pas que ce soit sur la facilité d'usage ou la complexité du code. Un compromis doit être trouvé.
Le choix s'est porté sur SiteOrigin PageBuilder qui est pratique, simple d'emploi et qui minimise le code généré au seul code utile. Il est suffisamment polyvalent pour proposer des fonctionnalités intéressantes et suffisantes pour une présentation professionnelle.
Ce que certains considèrent comme un défaut, à savoir le peu de fonctionnalités, le manque d'options et l'impossibilité de toucher aux haut et bas de page en font ici des avantages indéniables.