Les ateliers du klafoutis - Mot-clé - kits

Kit 1for2

Kozlika — Sat, 15 Sep 2007 14:16:00 +0000

Pour ceux qui turbinent sous Dotclear 1 et que les thèmes pour Dotclear 2 font rêver.

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.

Procédure

Téléchargez sur votre disque dur l’archive du kit 1for2. Décompressez-la.
Téléchargez sur votre disque dur l’archive du thème DC2 que vous souhaitez adapter pour votre blog^[1]. Décompressez-la.
Transférez une copie du fichier style.css (et layout.css s’il existe) de themedc2 dans kit1for2.
Transférez une copie du répertoire des images de themedc2 vers kit1for2.
Envoyez votre répertoire kit1for2 ainsi modifié dans le répertoire themes de votre installation.
Rendez-vous dans votre interface d’administration, onglet Outils, lien Gestionnaire de thèmes et activez le thème kit1for2.

C’est tout.

Compléments

Il vous faudra ensuite éventuellement ajouter quelques règles (par exemple pour le style du calendrier) afin de peaufiner votre thème. Vous pouvez supprimer les règles inutiles pour un blog Dotclear 1 mais ça n’est pas gênant qu’elles y restent, ça alourdit inutilement le fichier style.css de quelques octets mais ça n’est pas bien grave.

Avertissement

Seuls les thèmes DC2 100% CSS pourront ainsi être facilement « convertis ». Je n’assure aucun support pour modifier les fichiers php de 1for2 en vue d’un portage de thèmes dc2 dont les fichiers html ont été personnalisés. Sachez toutefois que même si les fichiers *.html ont été modifiés ça ne veut pas dire que la procédure décrite plus haut ne suffira pas. Vous pouvez donc toujours essayer :)

Détails

Changements effectués sur les fichiers par rapport à ceux du thème par défaut de Dotclear 1.2.7 :

Ajout d’une class en fonction du contexte sur le body (dc-home, dc-category, dc-post, dc-search, dc-archive-month, dc-archive-day – dc-else pour les autres).
Ajout d’une div “wrapper” englobant “main” et “sidebar”.
Ajout d’une class “feed” sur tous les liens de flux de syndication.
Réordonnancement des blocs Commentaires / Formulaire des commentaires / Trackbacks / URL de trackback / Abonnement aux commentaires d’un billet et leur encapsulage dans des blocs spécifiques en conformité avec l’organisation de ces blocs dans les thèmes pour Dotclear 2.
Placement des commentaires et des trackbacks dans des listes de définition.
Affichage conditionnel des commentaires et des trackbacks en fonction de leur ouverture.
Subdivision du sidebar en deux div blognav et blogextra.
Ajout d’une class pour chaque élément du sidebar pour conformité avec les thèmes Dotclear 2 et les nommages des widgets.
Ajout d’un bloc “topnav” dans la partie “blognav” avec lien de retour à l’accueil.
Remplacement de la structure <p id="footer"></p> par <div id="footer"><p></p></div>

Je suis toute ouïe pour les améliorations à apporter à ce kit, de préférence en s’inscrivant à ma ml de support^[2] ou éventuellement ici.

Notes

[1] Que j’appelerai par la suite themedc2.

[2] Pour s’inscrire envoyer un mail à dckozthemes (@) ml.free.fr en inscrivant seulement subscribe dans le sujet.

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 !

Kit 1

Kozlika — Sun, 13 Nov 2005 07:41:00 +0000

Un thème de base, des structures, un blog dédié pour les personnalisations.

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 du blog associé pour permuter le sidebar à gauche et/ou fixer la largeur de la page. Les liens de téléchargement du thème de base et ses variations sont disponibles sur Dotaddict.