En modifiant la configuration du thème Ductile, vous pouvez personnaliser votre thème très facilement.

Personnalisation du contenu

Sur cet onglet vous pouvez personnaliser le contenu de votre blog.

Entête

Cochez la case qui suit « Cacher la description du blog » pour ne pas afficher la description du blog habituellement affichée sous le titre.

Vous pouvez, si l’extension « Menu Simple » est installée et active, cliquer sur le lien indiqué pour paramétrer le menu affiché en entête.

Étiquettes (« stickers »)

Les étiquettes s’afficheront en haut de l’écran sous forme d’imagettes sur les écrans larges et en bas de la page sous forme de boutons sur les tout petits écrans. Toutes les images dont le nom de fichier correspond au schéma sticker-*.png et se trouvant dans le sous-répertoire img du thème sont listées. Vous pourrez indiquer pour chacune un libellé et l’URL correspondante. (Laissez l’un de ces deux champs vide pour ne pas l’afficher.)

Vous pouvez également modifier l’ordre d’affichage par tiré-lâché si javascript est actif et que vous ne l’avez pas interdit dans vos préférences. Si javascript est désactivé, un champ supplémentaire permet d’indiquer l’ordre d’affichage (de 1 à n).

Types et limites des listes de billets

Certains contextes d’affichage de votre blog se présentent sous la forme d’une liste de billets. C’est le cas par exemple pour la page d’accueil ou bien pour les archives mensuelles. Pour chacun des contextes listés dans le tableau vous pouvez préciser si le contenu de chacun des billets affichés doit l’être sous la forme d’un titre uniquement, d’une forme réduite (contenu du champ Extrait ou les 300 premiers caractères) ou sous leur forme complète. À noter : à l’accueil, le premier billet s’affiche systématiquement en entier.

De plus, pour certains de ces contextes, vous pouvez également indiquer le nombre de billets affichés par page. Si vous laissez ce champ vide c’est la valeur précisée dans les paramètres du blog qui sera utilisée.

Personnalisation de la présentation

Sur cet onglet vous pouvez personnaliser quelques éléments de présentation de votre blog.

Paramètres généraux

Ces paramètres seront utilisés quelle que soit la largeur d’affichage du blog.

Polices de caractères

Vous pouvez ici choisir la famille principale de police de caractères qui sera utilisée pour l’essentiel des textes. Vous pouvez également sélectionner une seconde famille (secondaire) qui sera utilisée pour certains titres de second niveau et les commentaires. L’option « Par défaut » permet de laisser le choix prévu à l’origine.

Titre du blog

Vous pouvez indiquer ici si le titre du blog doit être affiché en gras ou pas, sa taille (en em par défaut, les unités reconnues sont %, pt, px, em et ex) ainsi que sa couleur en utilisant le Color Picker disponible en cliquant sur la pipette ou en précisant directement la couleur en utilisant le format #rrggbb avec rr, gg et bb compris entre 0 et ff.

Videz un ou tous les champs pour annuler votre choix et revenir à celui défini à l’origine.

Titre des billets

Vous pouvez indiquer ici si les titres des billets doivent être affichés en gras ou pas, leur taille (en em par défaut, les unités reconnues sont %, pt, px, em et ex) ainsi que leur couleur en utilisant le Color Picker disponible en cliquant sur la pipette ou en précisant directement la couleur en utilisant le format #rrggbb avec rr, gg et bb compris entre 0 et ff.

Videz un ou tous les champs pour annuler votre choix et revenir à celui défini à l’origine.

Titres sans lien

Vous pouvez indiquer ici la couleur des titres sans lien (essentiellement : le titre du billet lorsqu’il est affiché seul, les intertitres au sein des billets, l’item actif du menu horizontal) en utilisant le Color Picker disponible en cliquant sur la pipette ou en précisant directement la couleur en utilisant le format #rrggbb avec rr, gg et bb compris entre 0 et ff.

Videz le champ pour annuler votre choix et revenir à celui défini à l’origine.

Liens dans les billets

Vous pouvez indiquer ici si les liens cités dans les billets doivent être affichés en gras ou non et définir leur couleur à l’état normal et déjà visités, leur couleur à l’état actif, ou lorsqu’ils sont survolés ou prennent le focus en utilisant le Color Picker disponible en cliquant sur la pipette ou en précisant directement la couleur en utilisant le format #rrggbb avec rr, gg et bb compris entre 0 et ff.

Videz un ou tous les champs pour annuler votre choix et revenir à celui défini à l’origine.

Paramètres spécifiques pour les mobiles

Ces paramètres seront utilisés uniquement lorsque la largeur de l’affichage sera inférieure à 480 pixels (par exemple sur les mobiles). Ils viendront remplacer, s’il sont précisés, les paramètres de même nature décrits dans la partie générale ci-dessus.

Titre du blog

Vous pouvez indiquer ici si le titre du blog doit être affiché en gras ou pas, sa taille (en em par défaut, les unités reconnues sont %, pt, px, em et ex) ainsi que sa couleur en utilisant le Color Picker disponible en cliquant sur la pipette ou en précisant directement la couleur en utilisant le format #rrggbb avec rr, gg et bb compris entre 0 et ff.

Videz un ou tous les champs pour annuler votre choix et revenir à celui défini à l’origine.

Titres des billets

Vous pouvez indiquer ici si les titres des billets doivent être affichés en gras ou pas, leur taille (en em par défaut, les unités reconnues sont %, pt, px, em et ex) ainsi que leur couleur en utilisant le Color Picker disponible en cliquant sur la pipette ou en précisant directement la couleur en utilisant le format #rrggbb avec rr, gg et bb compris entre 0 et ff.

Videz un ou tous les champs pour annuler votre choix et revenir à celui défini à l’origine.

Accessibilité des contrastes de couleurs

Après l’enregistrement du choix d’une couleur, le ratio de contraste s’affiche à côté du champ et précise, quand c’est le cas, que ce contraste est conforme aux recommandations des WCAG 2.0. Pour être conforme, le contraste entre la couleur de fond et la couleur des caractères doit présenter les valeurs suivantes :

  • Au moins 4,5:1 pour les textes de taille courante pour le niveau AA ;
  • Au moins 7:1 pour les textes de taille courante pour le niveau AAA ;
  • Au moins 3:1 pour les textes de taille agrandie (150 % ou 120 % gras) pour le niveau AA ;
  • Au moins 4,5:1 pour les textes de taille agrandie (150 % ou 120 % gras) pour le niveau AAA.