Les ateliers du klafoutis - Tag - Dotclear 2

Don Carlo

Kozlika — Thu, 01 Jan 2009 08:49:00 +0100

Pour la nouvelle année, voici un nouveau thème. Don Carlo, habillé de rouge et noir, est construit sur une base assez conventionnelle, mais avec quelques améliorations (du moins à mes yeux) du traitement des différents contextes par rapport aux thèmes habituels.

Détails du thème

Cliquez sur les vignettes pour afficher la taille réelle.

Constantes

La boîte de recherche propose dynamiquement des suggestions de résultats ; c’est basé sur le plugin jQuery LiveSearch ; l’implémentation est identique (et pour cause puisque c’est là que j’ai récupéré la fonction ) à celle du thème Noviny.
Le menu horizontal, tout en haut à droite de la page reprend les quatre items « standard » de ce qu’on trouve sur tous les blogs actuellement. Il présuppose que vous créiez une page (Pages) dont la partie titre de l’url sera About et que vous installiez le plugin Contact Me. Si vous souhaitez modifier ou supprimer tout ou partie de ces liens, éditez le fichier _top.html
Tous les widgets sont situés en bas de la page, à l’exception de la recherche.

Accueil

La colonne de gauche du billet accueille une vignette de la première image du billet, s’il n’y a pas d’image dans le billet mais que la description de la catégorie à laquelle il appartient en possède une, c’est cette image qui sera affichée. Si ni l’une ni l’autre n’existe cette colonne reste vide.

La colonne de droite est prévue pour un bloc de présentation rapide à l’intention des nouveaux venus sur votre blog. Pour en rédiger le contenu, éditez le fichier _home-aside.html.

Billet seul

Un autre de mes dadas. Mettre en valeur le chapô (champ Excerpt lors de la saisie du billet) traité comme une véritable accroche de l’article. Appuyé sur le flanc gauche du billet il est en caractères serif, plus gros que le corps du billet et en italique. Je décommande du coup l’usage d’images dans ces extraits (ou veiller à ce qu’elles soient petites, sinon ça va être super moche).

Les intertitres de niveau h3 à h6, en petites majuscules, sont également en police serif. Les détails de mise en forme des différentes balises peuvent être observés sur le blog de démonstration de DotAddict (du moins dès que j’y aurai déposé ce thème).

En affichant en taille réelle la réduction ci-contre, vous pourrez également avoir un aperçu du traitement des commentaires.

Résultats d’une recherche, liste des billets d’une catégorie

Ces deux contextes se voient dotés d’un bandeau sur la droite. Ce bandeau accueille dans le premier cas l’ensemble des résultats de la recherche et dans le deuxième cas l’ensemble des billets de la catégorie sous la forme d’une liste des titres des billets concernés. Dans le cas du tri par catégorie c’est en haut de ce bandeau que se trouveront la description et les liens d’abonnement aux billets de la catégorie.

Ce bandeau est présent à l’identique sur toutes les pages du contexte.

Page 404

Vous pourrez encore enrichir cette page à votre idée (en éditant le fichier 404.html) qui comporte d’ores et déjà des liens pour se rendre sur la page globale des archives, vers la page de contact et vers le bloc de recherche.

Pour le bloc de recherche j’ai hésité un peu à le « sortir » du haut de page pour l’intégrer dans le corps de page comme pour les archives. Si d’aucuns d’entre vous le souhaitent j’expliquerai ici comment faire.

On peut le prendre ?

Oui et non. Je suis en vacances et n’ai pas d’Internet Explorer 6 ou 7 sous la main pour tester les pages (je me méfie de l’extension pour Firefox qui s’est révélée ne pas être fiable à 100%).

Je serais donc ravie si quelques-uns des lecteurs de ce billet acceptaient de télécharger le thème (lien zip en pièce jointe) et le soumettre à la torture sur un poste Windows et Internet Explorer pour que je sois informée des bugs éventuels et puisse les corriger avant de le distribuer officiellement sur DotAddict. Je n’ai pas testé ni pu faire tester sous Linux non plus…

Pendant quelques jours

Vous pouvez le visualiser in situ ici (mais pas longtemps car je dois repasser sur Magda pour y bosser et parce que je dois reprendre tous mes articles ici pour les débarrasser de vieilleries qui me servaient sur un autre thème et que j’ai des soucis avec le switcher).

Attention lastn ne définit pas une pagination !

Kozlika — Mon, 01 Dec 2008 18:45:00 +0100

Il n'est jamais trop tard pour apprendre… Je manipule pas mal les boucles de billets et leurs attributs depuis quelques semaines, pour Magda ou des thèmes qu'on me commande. C'est ainsi qu'il m'arrivait fréquemment de déterminer un nombre de billets par page dans la configuration puis de l'ajuster en fonction des besoins dans tel ou tel contexte. Par exemple, pour un blog qui n'affichait que les titres dans un contexte de catégorie on pouvait monter jusqu'à 30 billets par page, alors qu'en home où je balançais les billets complets, 5 était un nombre bien suffisant. ATTENTION DANGER !

Ce qui semblera évident à tout codeur mais ne m'est apparu à moi que récemment, c'est que lorsqu'on passe en page 2 d'un contexte donné, cette page ne téléphone pas à la page 1 pour lui demander ce qu'elle a fait avec ses billets.

La conséquence ? Vous la voyez en très frappant sur Magda mais c'est vrai en toutes circonstances. Ayant réduit le nombre de billets de la home à 1, grâce à un judicieux <tpl:Entries lastn="1"> placé dans le fichier _une.html, j'espérais sottement, je vous l'accorde, que la page 2 commencerait au deuxième billet. Que nenni. Dans les ateliers, la pagination par défaut est fixée à 10 billets par page, c'est donc au onzième que démarre la page 2 (actuellement visible sur le lien « News » du menu horizontal). Aaaaaaarghl !

Pour la home, on peut contourner par l'installation du plugin HomePageMode d'adjaya, qui shunte l'arrivée sur le blog en créant en quelque sorte un contexte spécifique. Mais pour les autres contextes ça n'existe pas.

Il est donc important lorsque vous personnalisez un thème que vous ayez ce paramètre en tête : la page 2 d'un contexte démarre au numéro du billet correspondant à la page 2 selon les réglages du nombre de billets par page des paramètres du blog.

Me voilà bien marrie, il faut que je reprenne tous mes thèmes (aucun de ceux qui sont sur DotAddict, je vous rassure) pour tenir compte de cette ~~anomalie~~ feature.

Merdalors !

Malaclemys : au boulot les gens !

Kozlika — Wed, 31 Oct 2007 14:39:00 +0100

Merci de tester sur vos navigateurs et de me faire part de vos remarques z’et suggestions.

Selon une tradition que j’ai inventée moi même et que vous êtes priés de respecter, je mets en phase de test un nouveau thème à livrer dans les galeries de dotaddict.

Welsh 2.0, 2 colonnes

Kozlika — Wed, 29 Aug 2007 07:53:00 +0200

Variation pour deux colonnes du thème Welsh 2.0

A la demande de l’ami Biou pour son blog et d’autres auparavant, j’ai terminé la variation pour deux colonnes du thème Welsh 2.0.

Il est livré dans le même emballage que Welsh 2.0 en trois colonnes. Pour utiliser la version en deux colonnes, créer un répertoire nommé 3cols-files dans le répertoire du thème Welsh et y placer les fichiers :

layout.css
screenshot.jpg
style.css

Puis déplacer les trois fichiers contenus dans le répertoire 2cols-files à la place de ceux que vous venez de retirer.

(Pour ne pas nous éparpiller, merci de n’utiliser les commentaires du présent billet que pour les questions spécifiques à cette variation et de poser vos questions générales sur ce thème dans le billet de Welsh 2.0.)

Ouverture d'une liste d'informations et d'entraide

Kozlika — Sun, 03 Jun 2007 12:52:00 +0000

Je viens de créer une liste de discussion à l'usage des utilisateurs de mes thèmes. Cette liste est destinée à recevoir les informations de mise à jour ou de création nouvelles et à en assurer le support et l'entraide.

Pour s'inscrire, envoyez simplement un mail vide à dckozthemes-request (@) ml.free.fr en indiquant simplement dans le sujet subscribe.

Je débute dans la gestion de ce type d'outil alors ne vous fâchez pas si je fais des bêtises ou s'il y a des dysfonctionnements. Vous pouvez signaler les soucis éventuels d'inscription ou désinscription dans les commentaires de ce billet.

Welsh 2.0

Kozlika — Sun, 08 Apr 2007 09:32:00 +0000

Welsh 2.0 (private joke) est un thème trois colonnes fluides avec onglets.

Pour personnaliser les onglets, éditez le fichier _top.html. Je ne mets pas ce thème en version 1.0 : il reste en beta jusqu’à ce que je trouve – ou que l’un de vous m’indique – un moyen simple et élégant d’alimenter automatiquement le menu horizontal (par exemple avec le premier lien pour l’accueil et les suivants pour les pages connexes choisies), avec le marqueur de la page active.

En attendant vous pouvez ici ou via mon formulaire de contact me demander de l’aide pour la personnalisation de votre menu.

Amusez-vous bien :)

Edit du 29 août. Mise à jour en 0.6 du thème : un répertoire 2-cols-files offre désormais les fichiers alternatifs pour une variation de ce thème en deux colonnes. Détails et mise en œuvre dans le billet y consacré.

Démonstration et téléchargement sur Dotaddict.

MoreTpl, mise à jour 0.6

Kozlika — Tue, 13 Mar 2007 19:16:00 +0000

Keskondit ? Merci Mirovinben !

Grâce à Mirovinben, une nouvelle fonction a été ajoutée au plugin moreTpl : {{tpl:TagEntriesCount}} vous permettra d’afficher le nombre de billets relatifs à un tag. Cette fonction peut être utilisée dans la page de tous les tags (tags.html) ou de la page regroupant tous les billets d’un même tag (tag.html).

Fiche et téléchargement sur Dotaddict.

Aorakits en thèmes paramétrables

Kozlika — Tue, 30 Jan 2007 16:54:00 +0100

Edit : voir désormais la page des Aorakits.

Installez-le en le décompressant dans le répertoire /themes de votre blog.

Vous y trouverez le fichier layout.css correspondant à la structure choisie, le fichier style.css comportant l’import de ce layout et toutes les balises courantes d’un thème pour Dotclear 2.0, le fichier _define.php à modifier pour y placer le nom que vous aurez donné à votre nouveau thème et votre signature.

Le fichier config.php et le répertoire /locales ont été mis en place pour que vous puissiez éditer la feuille de style directement depuis le Tableau de bord -> Paramètres des thèmes -> Sélection de l’Aorakit choisi -> Onglet Paramètres du thème.

N’hésitez pas à me signaler d’éventuelles erreurs : j’ai procédé un peu « à la chaîne » pour les préparer, j’ai pu faire quelques bourdes au passage (je me connais ;)) !

Enjoy !

A l'attention des Gandiblogueurs

Kozlika — Tue, 23 Jan 2007 19:10:00 +0100

Je me doute qu'il est plus facile pour vous d'afficher la feuille de style d'un thème qui vous plaît et de la copier dans votre custom.css. Sur le principe ça ne me dérange pas, les thèmes sont en GPL.

Par contre, merci de ne pas linker les images associées directement depuis ici, tant pour vous que pour moi :

Pour vous : rien ne vous met à l'abri d'un déménagement de ce blog ou du renommage d'une image, auquel cas vous seriez bien embêté
Pour moi, si vous êtes quelques centaines à faire ça, bonjour la bande passante.

Alors :

On télécharge le thème sur son disque dur.
On copie la css dans le custom.css.
On copie le répertoire des images dans son propre gestionnaire d'images.
On indique les urls des images du thème depuis chez soi et pas chez moi.

Merci pour moi, merci pour vous !

Mise à jour de tous les thèmes

Kozlika — Wed, 17 Jan 2007 16:50:00 +0100

Tous mes thèmes ont été mis à jour pour être compatibles avec la beta 5 de Dotclear. J'en ai profité pour remanier sur plusieurs d'entre eux la présentation des citations en ligne pour lesquelles j'avais souvent fait la boulette d'y apposer des marges et des bordures comme pour les citations en bloc.

Mais l'essentiel de cette mise à jour a consisté à modifier les marqueurs des boites intérieures de #blognav et #blogextra.

MoreTpl, mon premier plugin pour Dotclear 2

Kozlika — Mon, 08 Jan 2007 15:07:00 +0100

Il faut bien un début à tout et ceci est mon premier plugin pour Dotclear 2. Mon premier plugin tout court d’ailleurs ! Rien de bien renversant, juste l’ajout de fonctions template dont j’ai eu besoin au cours de mes expérimentations de thèmes et que je mets à dispo ici.

Il fait quoi ton ploug ?

Il permet d’utiliser cinq nouvelles fonctions d’affichage dans les fichiers *.html des thèmes :

On avait déjà {{tpl:EntryExcerpt}}, qui récupère ce que contient le champ extrait du billet et {{tpl:EntryContent}} qui en récupère le champ du contenu. {{tpl:EntryExcerptAndContent}} récupère le tout en une seule « passe ».

Exemple d’utilisation : sur la toute première page d’accueil, afficher le premier billet en entier, que le champ Extrait soit vide ou non et n’afficher que les 400 premiers caractères de la totalité du billet pour les billets suivants et tous les billets de toutes les pages suivantes.

Permet dans le contexte d’un billet de récupérer le cat_url de la catégorie à laquelle il appartient (équivalent de ce qui est possible dans le contexte d’une boucle sur les catégories avec la fonction {{tpl:CategoryShortURL}}).

Exemple d’utilisation : affecter une class spécifique supplémentaire à la <div class=”post”>

Permet d’afficher le nombre de billets affectés à une catégorie (idem que dans le widget Catégories).

Exemple d’utilisation : dans la page category.html, afficher dans les infos situées en haut du main, avant ou après la description d’icelle le nombre de billets qu’elle contient. Ce nombre est renvoyé en chiffres.

{{tpl:EntryCommentCountDigit}} et {{tpl:EntryTrackbackCountDigit}}

Permet d’afficher en chiffre le nombre de commentaires. Attention, les mots « commentaire » ou « rétroliens » sont également supprimés, pensez à les ajouter dans le template si vous les souhaitez.

Exemple d’utilisation : remplacer « un commentaire » par « 1 grain de sel » ou « 1 » [avec une jolie icône de commentaire].

Je le veux !

Fiche détaillée et téléchargement sur Dotaddict.

Giacomo

Kozlika — Sun, 19 Nov 2006 12:43:00 +0100

Giacomo est l’adaptation pour DotClear 2 du thème Keepsake pour DC1.

Pour personnaliser ce thème, je recommande d’ajouter les modifications ou ajouts dans le fichier custom.css présent dans le répertoire du thème. S’y trouvent d’ores et déjà les règles nécessaires à la présentation du calendrier si vous choisissez d’ajouter le plugin DayMode.

Ce thème est CSS only (il utilise les fichiers html du thème par défaut).

Téléchargement et démonstration sur Dotaddict.

Note : Giacomo est l’un des personnages de l’opéra-comique Fra Diavolo, composé par François Auber sur un livret d’Eugène Scribe. L’histoire, aussi enlevée que la musique, évoque une sorte de Robin des Bois à la sauce italienne.

Enregistrement recommandé : Fra Diavolo, avec Maddy Mesplé et l’immense Nicolaï Gedda, le Monte Carlo Philharmonic Orchestra, sous la direction d’Alain Lanceron. Editions EMI.

Les ateliers du klafoutis - Tag - Dotclear 2

Don Carlo

Détails du thème

Constantes

Accueil

Archives

Billet seul

Résultats d’une recherche, liste des billets d’une catégorie

Page 404

On peut le prendre ?

Pendant quelques jours

Attention lastn ne définit pas une pagination !

Malaclemys : au boulot les gens !

Welsh 2.0, 2 colonnes

Ouverture d'une liste d'informations et d'entraide

Welsh 2.0

MoreTpl, mise à jour 0.6

Aorakits en thèmes paramétrables

A l'attention des Gandiblogueurs

Mise à jour de tous les thèmes

MoreTpl, mon premier plugin pour Dotclear 2

Il fait quoi ton ploug ?

{{tpl:EntryExcerptAndContent}}

{{tpl:EntryCategoryShortURL}}

{{tpl:CategoryEntriesCount}}

{{tpl:EntryCommentCountDigit}} et {{tpl:EntryTrackbackCountDigit}}

Je le veux !

Giacomo

Les ateliers du klafoutis - Tag - Dotclear 2

Don Carlo

Détails du thème

Constantes

Accueil

Archives

Billet seul

Résultats d’une recherche, liste des billets d’une catégorie

Page 404

On peut le prendre ?

Pendant quelques jours

Attention lastn ne définit pas une pagination !

Malaclemys : au boulot les gens !

Welsh 2.0, 2 colonnes

Ouverture d'une liste d'informations et d'entraide

Welsh 2.0

MoreTpl, mise à jour 0.6

Aorakits en thèmes paramétrables

A l'attention des Gandiblogueurs

Mise à jour de tous les thèmes

MoreTpl, mon premier plugin pour Dotclear 2

Il fait quoi ton ploug ?

{{tpl:EntryEx­cerp­tAnd­Con­tent}}

{{tpl:Entry­Ca­te­go­ry­Shor­tURL}}

{{tpl:Cate­go­ryEn­tries­Count}}

{{tpl:Entry­Com­ment­Count­Di­git}} et {{tpl:Entry­Track­ba­ck­Count­Di­git}}

Je le veux !

Giacomo

{{tpl:EntryExcerptAndContent}}

{{tpl:EntryCategoryShortURL}}

{{tpl:CategoryEntriesCount}}

{{tpl:EntryCommentCountDigit}} et {{tpl:EntryTrackbackCountDigit}}