Thème Odyssée pour Dotclear

Odyssée est un thème Dotclear¹ à la fois minimaliste et très personnalisable.

Il a été spécialement conçu pour garantir une excellente lisibilité, ce qui en fait un thème idéal pour les journalistes, les écrivains et tous les blogueurs qui souhaitent mettre leurs écrits en valeur.

Présentation

De nos jours, nombre de sites Internet ont une apparence complexe : menus à tous les coins de page, images chatoyantes parfois animées, publicités… Or, tous ces éléments sont distrayants et nuisent à la lecture.

Au contraire, avec son apparence simple, Odyssée respecte le lecteur en ménageant son attention, sans qu’il n’ait besoin d’activer le « mode lecture » de son navigateur.

Par ailleurs, ce thème intègre de nombreuses options de personnalisation, lesquelles offrent aux blogueurs de quoi adapter leur site à leurs envies.

Caractéristiques

• Excellente lisibilité.
• Personnalisation avancée (police d’écriture, taille du texte, largeur des pages, couleurs…)
• Thème sombre qui s’active en fonction des paramètres du système.
• Adaptation à toutes les tailles d’écran (ordinateur, mobile…) et à l’impression (papier ou PDF).
• Prise en compte des paramètres d’accessibilité (contrastes élevés et suppression des animations pour les visiteurs qui le souhaitent, en fonction des paramètres de leur système).
• Fonctions d’interaction :
  • Possibilité de répondre aux billets par courriel, mais aussi par Signal, WhatsApp… en plus des commentaires.
  • Options de partage sous les billets (X, Facebook, etc.).
  • Affichage de liens sociaux dans le pied de page.

Quelques considérations techniques :

• Les polices d’écriture utilisées sont celles du système, ce qui réduit le temps de chargement des pages et garantit une continuité d’affichage sur le système d’exploitation des visiteurs (utilisation de font stacks).
• En option et lorsque c’est possible, les images sont adaptatives grâce aux attributs srcset et sizes.
• En option toujours, le code intègre des métadonnées pour faciliter le référencement (OpenGraph, JSON…).
• Les attributs HTML ne sont encadrés par des guillemets que lorsque c’est nécessaire. Exemple : <meta name=description content="Ma description">.
• Pas de JavaScript en frontend.

Démonstration

Ce blog utilise Odyssée ; vous en avez donc une démonstration en direct.

Installation

En raison d’un problème de connexion, la version d’Odyssée sur DotAddict n’est plus à jour ; il est donc recommandé de le télécharger depuis GitHub.

Une fois le fichier ZIP téléchargé, rendez-vous dans l’administration de votre blog pour installer Odyssée et l’activer.

Personnalisation

Odyssée intègre une page de configuration qui vous permet de le personnaliser. À voir dans Apparence du blog puis Personnaliser le thème (ne s’affiche que si le thème est activé).

Contributions

Vous avez identifié un bogue et vous souhaitez me le signaler ou apporter une correction ? Vous avez une idée d’amélioration ? Vous souhaitez proposer une traduction dans une langue actuellement non disponible ? Écrivez-moi, publiez un commentaire ou rendez-vous sur GitHub.