Thème Odyssée pour Dotclear

Odyssée est un thème Dotclear¹ d’apparence minimaliste qui dispose de nombreuses options de personnalisation.

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 textes en valeur.

Présentation

De nos jours, nombre de sites Internet ont une apparence complexe et distrayante qui nuit à concentration du lecteur. Pour répondre à ce problème, la plupart des navigateurs Internet proposent désormais un « mode lecture », à activer au cas par cas, qui masque les éléments accessoires des pages (menus, barres latérales, etc.) pour n’afficher que l’essentiel — pour un blogue, ce sera seulement le titre d’un billet et son contenu.

Avec Odyssée, pas besoin de mode lecture. Par défaut, son apparence a été suffisamment bien étudiée pour ménager l’attention du lecteur. À l’ouverture d’un billet par exemple, l’en-tête du blogue est réduit pour orienter le visiteur directement vers le contenu principal, et la largeur des lignes est faible, de façon à rendre la lecture plus facile et plus rapide.

Odyssée embarque également de nombreuses options de personnalisation qui le rendent adaptable à différents usages. Vous aimez la photographie ? Alors, si vous le souhaitez, les images que vous publiez dans le corps de vos billets peuvent s’étendre au-delà des limites du texte pour s’afficher en grand. Vous pouvez même activer une option pour afficher vos images en noir et blanc — les couleurs attirent l’œil et peuvent être source de distraction ; vos lecteurs n’auront qu’à cliquer dessus pour les rétablir.

Odyssée a par ailleurs été conçu pour s’intégrer au mieux dans le système d’exploitation à partir duquel il est consulté. C’est ainsi qu’il ne charge aucune police d’écriture lui-même et utilise celles intégrées au système pour afficher les textes. Cela permet une certaine continuité avec l’interface ; un blog utilisant Odyssée consulté sur iOS s’affichera avec des polices d’iOS.

Les exigences d’accessibilité n’ont pas été mises de côté. Si un lecteur a réglé son système d’exploitation pour qu’il accentue les contrastes et réduise les animations, le thème suivra ses consignes et s’adaptera en conséquence.

Caractéristiques principales

• Excellente lisibilité.
• Personnalisation avancée (police d’écriture, taille du texte, largeur des pages, couleurs, logo…)
• Thèmes clair et sombre, avec bascule automatique en fonction des réglages 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é du système (contrastes, animations).
• Fonctions d’interaction :
  • En plus des commentaires et des rétroliens, possibilité de répondre aux billets par courriel, mais aussi par Signal, WhatsApp…
  • Options de partage sous les billets (X, Facebook…).
  • 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 et l’affichage sur les réseaux sociaux (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">.
• Intégration d’un système de récupération de la configuration du thème, qui permet revenir à une configuration antérieure en cas de perte de données.
• Pas de JavaScript en frontend.

Démonstration

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

Vous pouvez aussi le voir en action sur le blogue de démonstration de DotAddict, cette fois dépourvu de la moindre personnalisation.

Installation

Dans l’administration de votre blogue Dotclear, rendez-vous dans Apparence du blog. Cliquez sur l’onglet Ajouter des thèmes et cherchez Odyssey (la recherche s’effectue en anglais) pour l’installer. Une fois installé, activez-le depuis l’onglet Thèmes installés.

Vous pouvez aussi l’installer manuellement après l’avoir téléchargé depuis DotAddict, dépôt officiel de Dotclear, ou GitHub, où se situe le dépôt officiel d’Odyssée.

Mise à jour

Des mises à jour sont proposées plus ou moins régulièrement afin d’ajouter des fonctionnalités, moderniser le code, s’adapter aux évolutions de Dotclear et corriger des bogues.

Votre blogue devrait vous avertir rapidement de la disponibilité d’une mise à jour, mais vous pouvez faire une vérification manuelle dans Apparence du blog puis Mise à jour des thèmes, en cliquant sur Forcer la vérification de mise à jour des thèmes.

Pour des raisons pratiques, toutes les versions du thème ne sont pas publiées sur DotAddict. Néanmoins, votre blogue vous proposera toujours la version la plus récente d’Odyssée en cherchant automatiquement des mises à jour sur GitHub.

Personnalisation

La personnalisation d’Odyssée s’effectue à partir d’un configurateur, accessible depuis l’administration de Dotclear en cliquant sur 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 voulez 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 sur cette page ou rendez-vous sur GitHub. Vous pouvez aussi publier un message sur le salon Matrix officiel de Dotclear.