Comme vous avez pu le constater, ce blog a fait peau neuve. Et cela grâce au thème magazine développé par Olivier Meunier, le thème Noviny, que j'ai adapté à ma sauce.

Vu que j'ai passé pas mal de temps à chercher des trucs et des machins, en me baladant dans les forums etc. et que ce thème semble avoir un certain succès, je me suis dit qu'il serait peut-être bien de mettre tout au même endroit, histoire que les gens trouvent ce dont ils ont besoin.

Donc voilà quelques astuces glanées au cours de mes voyages, notamment sur le forum Dotclear et issus de ma comprenette perso.

Divers

A l'installation du thème, parfois (?) le champ de recherche se retrouve en double, dont une fois au milieu du blog. Il suffit de supprimer le widget 'recherche' des widgets de présentations et il ne restera que la recherche du haut.

Mise en page

Le thème par défaut affiche toutes les catégories "principales" (Dotclear 2 gère un système de catégories parent/enfant assez fantastique je dois dire). Donc si vous souhaitez supprimer certaines catégories de la page d'accueil, il sufft de réorganiser vos catégories afin que seules celles que vous voulez voir apparaître soient de premier niveau.

Si vous ne souhaitez pas réorganiser vos catégories, alors il faut alors toucher au code et changer les valeurs de la balise loop afin de n'avoir que le nombre de catégories qui vous vont bien.

Changement de la longueur des extraits affichés en page d'accueil

Par défaut, le thème affiche soit les extraits (le chapeau), soit un nombre de caractères Il suffit d'aller changer, dans la page home.html, le nombre de caractères affichés. Vous trouvez cela dans :

  • Tableau de bord > Apparence du blog > Éditeur de thème > home.html

Vous y trouvez les bouts de code suivant : dans la partie annoncée par <!-- # lead : First category last post --> (qui correspond à la Une) le code suivant :
cut_string="500"
et dans la partie annoncée par <!-- # All other categories --> (qui correspond à toutes les autres catégories) le code suivant :
cut_string="250"
Il suffit de changer les nombres 500 et 250 par ce qui vous va bien.

Adaptation de la taille des images en bandeau de Une

Dans la Une, suivant le format de l'image insérée dans votre billet, la miniature insérée sur le bandeau de Une sera plus ou moins adaptée à la mise en page.

D'abord, il faut savoir que par défaut, la taille d'affichage est "s" (soit 240px en largeur, la hauteur s'adapte automatiquement). Pour changer la taille d'affichage, plusieurs possibilités :

Jouer avec la taille d'affichage

en changeant le "s" pour la valeur qui vous convient (voir ici pour les différentes options) dans le code ci-après, que vous trouvez dans home.html

{{tpl:EntryFirstImage size="s" class="front" with_category="1"}}

Adapter la longueur du texte extrait (voir ci-dessus)

afin de rester au plus proche de votre image en hauteur (par exemple, une photo de taille 15cmx10cm donne une miniature de 240px160px (environ). Un extrait d'environ 200 caractères donne à peu près cette hauteur. Il faudra sans doute jouer un peu avec les chiffres.

Adapter la classe .front pour adapter l'image proportionnellement.

Dans style.css, vous pouvez jouer avec la largeur pour la classe .front. Par défaut, l'attribut width est à 240px, vous pouvez choisir ce qui vous va bien. La hauteur sera calculée proportionnellement à la largeur.

J'ai pour ma part rajouté un attribut height à la classe .front parce que je souhaitais avoir une hauteur fixe et que la largeur s'adapte. Du coup j'ai mis les attributs css suivants :

#lead.home-lead img.front {
float: left;
display: block;
margin: 0;
width: auto;
height: 160px;
}

l'attribut width: auto; permet de redimmensionner l'image par rapport à la hauteur que vous avez spécifiée. Vous pouvez bien évidemment jouer avec ce "auto" dans les deux sens (pour la hauteur ou pour la largeur).

Utiliser le widget tags au lieu des tags intégrés en dur dans le thème.

Il suffit de commenter entièrement le fichier inc_extra.html. Afin que la mention "voir tous les tags" s'affiche, il faut laisser le paramètre "nombre de tags" dans les widgets vide.

Je planche encore sur la raison pour laquelle le fichier "tag" n'apparaît pas et retourne une erreur. Ah, j'ai trouvé ici. Donc en gros, les tags sont intégrés par le biais du thème par défaut en "dur" mais font quand même appel au widget. C'est bizarre comme construction. A garder derrière l'oreille.

Afficher autre chose que les billets sans catégorie dans la sidebar "Dernières nouvelles".

Dans la rubrique "dernières nouvelles", le thème affiche par défaut les billets sans catégorie. Pour bidouiller l'affichage avec la catégorie kivabien, vous devez vous référer à cette page et adapter le fichier inc_meta.html avec les balises kivonbien.

Par exemple, j'affiche les trois derniers billets écrits, toutes catégories confondues, sauf ceux de la catégorie "A-la-une-Headline" (qui elle s'affiche dans le bandeau de une) et j'ai le code suivant (dans la deuxième ligne du fichier inc_meta.html)

<tpl:Entries category="A-la-une-Headline ?not" lastn="3">

Afficher des miniatures en page d'accueil

Pour que les miniatures s'affichent sur la page d'accueil, il est impératif que les images soient présentes dans le gestionnaire de media (ça ne fonctionne pas avec des images externes). Les miniatures qui vont s'afficher sont, par défaut et dans l'ordre :

  1. la première image du billet
  2. l'image de la catégorie quand le billet n'a pas d'image.
  3. rien quand il n'y a rien :)

J'éditerai ce billet au fur et à mesure de mes découvertes. En attendant, un grand merci tout particulier à Kozlika et à Lomarlach, mais aussi à tous les usagers du forum dotclear (ou une recherche sur Noviny devrait vous donner la plupart des réponses que vous cherchez) et tout particulièrement à ceux de ce fil.