Mes thèmes pour Dotclear

Pendant la réorganisation de mes sites du domaine klafoutis.org les commentaires et rétroliens sont fermés. Pour toute demande d'aide, adressez-vous à la mailing-list de support ou sur le forum de Dotclear.

Sauterelle est un thème plus particulièrement destiné aux diaristes : l'accueil affiche les billets jour par jour et la navigation est plus centrée sur la chronologie que sur les catégories.

Pour laisser toute la place aux billets, l'habituel menu est déporté sur une page annexe (incluse dans le thème) accessible depuis l'item « Centre d'aiguillage ». On le modifie en éditant le fichier plan.php.

Lire la suite

Voici un kit pour pouvoir utiliser un thème prévu à l'origine pour Dotclear 2 sur votre blog turbinant sous Dotclear 1. Les fichiers *.php ont été modifiés afin de pouvoir retrouver la correspondance des règles d'une feuille de style DC2.

Vous pouvez en voir la démonstration avec le thème par défaut de Dotclear 2 appliqué sur ce blog. J'ai strictement suivi la procédure ci-dessous décrite sans aucune autre intervention.

Je développerai plus bas pour les amateurs de détails les modifs intervenues, mais passons tout de suite à la procédure pour l'utilisation de ce thème.

Lire la suite

Kit est un thème conçu pour les grands débutants en css. Volontairement basique (une seule couleur d'accompagnement, peu de « fioritures », utilisation des fichiers php par défaut), j'ai essayé de faire en sorte qu'il soit facile à personnaliser et à complexifier à l'envi pour les plus hardis.

Un guide de personnalisation livre quelques pistes pour aménager son blog sur la base de ce thème, accompagné d'exemples de codes et de captures d'écran.

Le thème est livré par défaut en version fluide avec sidebar à droite. Suivez les instructions de l'article Installation pour permuter le sidebar à gauche et/ou fixer la largeur de la page. Les liens de téléchargement s'y trouvent également.

Hotel Room est un thème élastique (la largeur s'adapte à celle de l'écran). L'idée m'en est venue après la lecture d'un billet chez Nonal, qui aime Hopper autant que moi. Pour le voir, on clique là, pour tester le rendu des balises xhtml/wiki vous pouvez afficher le billet de test.

Lire la suite

A savoir

Outre les informations et aide à la personnalisations données dans le billet précédent, sachez que vous disposez de quatre classes supplémentaires à utiliser à votre gré dans vos billets ou dans votre template si vous y opérez des modifs :

• class ="center" : pour centrer du texte
• class="right" : pour aligner du texte à droite
• class="petites-cap" pour des majuscules de taille réduite
• class="petit" pour des caractères plus petits

Si vous utilisez la syntaxe wiki et que votre version de DotClear est la 1.2.1 ou supérieure, vous pouvez utiliser ces classes de la façon suivante :

Saisie du billet comme à l'habitude en wiki avec les balises auxquelles 
vous êtes habitués
///html
<p class="center">Bonjour &agrave; tous</p>
///
et reprise de la saisie en syntaxe wiki.

Enjoy, retours bienvenus. :)

Les liens d'installation et de téléchargement se trouvent dans le billet dédié.

Un nouveau thème élastique à adapter à vos envies en remplaçant les images et/ou les couleurs. Petit guide à l'usage de la personnalisation...

Les images : vous pouvez les remplacer par des images de mêmes dimensions en glissant tout simplement vos nouveaux fichiers dans le répertoire images/, soit en ayant pris soin de les nommer exactement de la même façon, soit en modifiant le nom des images dans le fichier style.css du répertoire du thème.

Les couleurs utilisées sont toutes dans la gamme des blancs et gris. Là encore, vous pouvez repérer les couleurs et les modifier à votre guise par un chercher/remplacer sur ce même fichier style.css.

• #f5f5f5 : couleur du fond de fenêtre et du fond des bouts de code
• #fff : couleur du fond de page
• #333 : couleur du texte
• #666 : couleur des liens et des boutons de formulaire
• #ddd : couleur des bordures diverses (titre du blog, cadre des images, etc)
• #000 : couleur des titres des billets

Si la taille des caractères vous semble trop petite, remplacez x-small par small (attention : la largeur de la page en sera un peu augmentée).

Pour tester le rendu des balises wiki, voyez le billet Mise en forme des balises.

Questions, remarques, vous êtes les bienvenus !

Un vrai-faux nouveau thème puisqu'il s'agit de l'ancien thème créé à l'usage du Petit DotClear illustré, réadapté à une utilisation plus courante et actualisé pour le rendre compatible avec la dernière version de DotClear 1.2.1.

En « home » un bloc de texte accueille vos visiteurs. On le modifie dans le fichier home.php. En pied de page, un autre bloc de texte, permanent celui-là, peut contenir un autre texte ; il se trouve dans le fichier template.php. En le déplaçant à la fin du fichier list.php vous pouvez l'utiliser pour la pagination par exemple. A vous de jouer !

(ne pas s'en occuper)

Lire la suite

Tous les thèmes ont été mis à jour. Pour les installer les dernières versions, rendez-vous dans le billet Téléchargements. Je posterai dans la journée ici le détail des modifs effectuées.