Mon thème WordPress maison

Quelqu'un qui bricole sa voiture sous la chassis

J’ai lancé ce blog il y a 2 mois à partir d’un thème générique (le Twenty Fifteen) pour me concentrer sur l’écriture de mes premiers articles.

Maintenant il est temps de passer à l’étape supérieure et d’avoir un thème un peu plus UX & SEO friendly. Aussi un thème qui correspond un peu plus à ma personnalité, mes goûts, mes couleurs.

Du coup j’ai opté pour un thème wordpress fait maison. Je vais te dire comment je m’y suis pris.

Mise à jour de wordpress

Déjà, il était temps de mettre à jour mon wordpress et d’obtenir la toute dernière version. Je l’ai donc faite depuis le BO et j’ai vu qu’en même temps ça m’a installé un nouveau thème, le Twenty Nineteen.

Du coup, j’me suis basé sur ce thème pour faire le mien. J’ai juste copié/collé le dossier et j’lai renommé en « devpizza ». Ensuite j’ai supprimé tous les fichiers CSS pour ne plus avoir aucun design.

Suivre une formation sur le material design

Si il y a bien un truc qui est sûr c’est je suis archi-nullissime en design. J’ai eu donc besoin d’apprendre les bases et tant qu’a faire autant apprendre les dernières pratiques du moment, à savoir le material design. Fort heureusement pour moi il existe aujourd’hui un framework CSS material design, nommé Materialize.

J’ai suivi ce super cours sur le material design proposé par Open Classrooms qui par chance implémente ce framework. J’y ai appris des tas de trucs intéressants. J’suis content 🙂 .

Je ne suis toujours pas hyper calé en design mais j’ai au moins appris les notions essentielles pour produire mon nouveau thème.

Ajouter une dimension SEO (sans plugin)

Très important le SEO. Mais je n’ai vraiment pas envie d’installer de plugins. J’ai donc tapé direct dans le code pour :

  • Ajouter la notion de meta title et meta description grâce aux champs custom, une fonctionnalité native de wordpress,
  • Ajouter un maillage avec les catégories et les tags dans le header,
  • Ajouter un rich snippet de type BlogPosting sur tous mes articles.

Conclusion

En tout, ça m’a pris un mois. J’ai pas mal galéré en le faisant. J’ai du faire énormément de tests CSS et pas mal de suppression de code inutile. Mais au final j’en suis venu à bout et je dois dire que j’suis assez content du résultat. Bon, le design n’est pas parfait mais le site a quand même une meilleure gueule qu’avant. Comme je dis toujours : je ne pourrais que l’améliorer avec le temps.

Si ce thème wordpress te plait et que t’as envie de l’utiliser, fais-moi signe. J’vais p’têtre envisager de le partager sur mon repo github.

Laisser un commentaire