te2dy / origine Goto Github PK

View Code? Open in Web Editor NEW

0.0 1.0 0.0 558 KB

Un thème Dotclear

License: GNU General Public License v3.0

PHP 21.45% CSS 23.00% HTML 55.55%

dotclear dotclear-theme

origine's Introduction

Origine, un thème Dotclear

Présentation

Que vous soyez journaliste, écrivain ou simple blogueur, Origine est un thème idéal pour mettre en valeur vos écrits.

Il a été spécialement conçu pour garantir une excellente lisibilité à vos textes tout en réduisant, grâce à son apparence minimaliste, les éléments de distraction qui pourraient perturber leur lecture.

Flexible, il prend en compte les préférences de vos lecteurs. Par exemple, la taille de ses textes n’est pas arbitraire ; elle correspond à la taille des polices définie dans les réglages du navigateur.

Caractéristiques

Grande lisibilité.
Utilisation des polices du système pour réduire le temps de chargement des pages.
Adaptation à toutes les tailles d’écran, des ordinateurs aux téléphones.
Optimisé pour l’impression.
Schéma de couleurs clair ou sombre en fonction du thème du système.
Prise en charge des fonctions Simple Menu, Widgets et Markdown syntax de Dotclear.
Prise en compte des paramètres d’accessibilité du système (contrastes élevés, suppression des animations).
Personnalisations avancées avec l’extension origineConfig.
jQuery n’est pas nécessaire.

Démonstration

Pour voir Origine en conditions réelles, visitez le blog de démonstration sur DotAddict.

Téléchargement

Télécharger la dernière version d’Origine sur GitHub

Télécharger la dernière version d’Origine sur DotAddict

Installation

Dans l’administration de votre blog, rendez-vous dans Apparence du blog et cliquez :

soit sur l’onglet Ajouter des thèmes pour télécharger et installer Origine directement depuis l’interface d’administration ;
soit sur l’onglet Installer ou mettre à jour manuellement pour téléverser et installer une version d’Origine préalablement téléchargée.

Personnalisation

Origine peut-être personnalisé avec l’extension origineConfig : modification du schéma de couleurs, de la police d’écriture, ou encore de la taille et de l’alignement des textes.

Rendez-vous sur la page dédiée à origineConfig.

Contribuer, suggérer, signaler

N’hésitez pas à contribuer à ce projet, à suggérer des nouvelles fonctionnalités ou à signaler des problèmes directement depuis GitHub. Vous pouvez aussi me contacter par courriel.

Licence

Licence publique générale GNU version 3.0

origine's People

Contributors

Watchers

origine's Issues

Extraits

Ne pas ajouter de points de suspension lorsque le contenu de l’article est inférieur au nombre limite de l’extrait.

Mettre à jour la capture d’écran de présentation

« Désactiver » l’adresse des rétroliens

Au lieu d’un lien cliquable qui l’ouvre vers les rétroliens (avec une erreur), permettre aux utilisateurs de cliquer dessus pour le copier dans le presse-papier.

Styles des liens "focus" et "active"

Voir quel paramètre utiliser dans la feuille de styles.

Améliorer « outline » pour les liens sélectionnés

Réduire le offset pour ne pas que des liens sur plusieurs lignes se chevauchent ?

Utiliser le sélection :where() pour simplifier la feuille de styles

Exemple :

#site-header .widget h2,
#site-sidebar .widget h2,
#site-header .widget h3,
#site-sidebar .widget h3,
#site-header .widget h4,
#site-sidebar .widget h4

Deviendrait :

:where(#site-header, #site-sidebar) .widget :where(h2, h3, h4) {

Voir la documentation : https://developer.mozilla.org/en-US/docs/Web/CSS/:where

Calc()

Donner la valeur plutôt que de faire le calcul. Exemple : max-width de #site.

Taille des polices sur mobile

À définir en 1 em ?

Choisir entre em et rem

Améliorer les widgets

Positionnement (en ajouter dans l'en-tête ?).
Apparence, en particulier des titres (couleur) et des listes (indentation).

Traduction

Serait-il opportun de changer le système de traduction ?

Plutôt que d’écrire en anglais dans le thème, utiliser des chaînes de caractères type ma-chaine et donner leur équivalent dans chaque fichier de langue.

À voir.

Tester la gestion des annexes

Adaptation aux petits écrans

Faire en sorte que le thème s'adapte aux petits écrans, en particulier aux téléphones et aux tablettes.

Survol des articles

Dans la liste des billets, ne changer la couleur que du titre du billet au survol, y compris de l’extrait.

Affichage du titre du billet suivant et du billet précédent

Plutôt que de cliquer sur suivant ou précédent sans savoir sur quel billet on va tomber.

Défaut de styles sur Firefox Focus pour Android

Les parties du blog sont dans le désordre. Certains autres styles sont ignorés.

Attribut no_content pour la liste des billets

Envisager de le définir à 1 pour augmenter les performances. Attention : quand le style de liste de billets est définir sur full, la valeur de cet attribut doit basculer en 0 pour affiche le contenu des billets.

Documentation : https://fr.dotclear.org/documentation/2.0/resources/themes/tags/entries

Équilibrer les marges dans les champs

Cf. commentaires.

Créer une capture d’écran

À afficher comme présentation du thème dans le répertoire de Dotclear ou, sur l’installation, dans Apparence du blog.

Problème d’affichage des pages d’accueil statiques

Rien ne s’affiche.

Différencier les commentaires des trackbacks

Soulignement des liens

À revoir. text-decoration ou border-bottom ? Supprimer tout soulignement pour les liens en dehors du contenu des billets et des pages ?

Retirer only screen des media queries ?

Marges widgets pied de page

À harmoniser voire ajuster.

Revoir la documentation du thème

En particulier le lisez-moi.

Ajouter des liens cachés .screenreader-text

Erreurs de comptage des réactions

Cf. démo du thème sur DotAddict.

Flash au premier chargement des pages (ou cache vidé entre-temps)

« La mise en page a été forcée avant le chargement complet de la page. Si les feuilles de style ne sont pas encore chargées, cela peut provoquer un flash de contenu non stylisé. »