De la méthode avant toute chose...

Le premier billet est fait. C'est à ce moment-là que vous vous sentez un véritable professionnel du blog, n'ayons pas peur des mots. Du coup, l'obstacle de la « première fois » franchi, vous vous sentez pousser des ailes et décidez de poser votre empreinte personnelle dans la présentation.

Vous allez donc effectuer des modifications sur la feuille de style style.css. Peut-être même voudrez-vous en faire dans le template.php, c'est-à-dire dans le code html de la page, qui détermine la structure et le contenu de votre blog. Cela va nécessiter des essais, des tâtonnements. Un peu de méthodologie pour pouvoir revenir à l'état pro ante est indispensable.

Ne pas toucher aux thèmes livrés par défaut

Dans la sauvegarde que vous avez conservée sur votre disque dur, suivre le chemin dotclear -> theme -> default.

Créer un dossier - n'importe où pour le moment - intitulé, par exemple themeperso, dans lequel vous mettrez une copie de style.css (et des autres fichiers portant l'extension .css s'il en existe dans ce répertoire) et une copie de desc.xml. C'est sur ces fichiers-là que vous travaillerez.
Ouvrir le fichier desc.xml avec un éditeur de textes et faire les modifs suivantes :

  <?xml version="1.0" encoding="ISO-8859-1"?>
  <theme name="themeperso" version="1.0" active="true">
  <author>Votre nom</author>
  <label>Un nom pour le theme</label>
  <desc> Un descriptif succinct ou un commentaire !</desc>
  </theme>

Ce qui est important c'est que le theme name soit exactement le même que le nom que vous avez attribué à votre nouveau dossier. Par ailleurs, aucun accent ou autre signe bizarroïde ne doit être employé dans ce fichier.

Si vous souhaitez aussi apporter des modifications quant au contenu de la page : ajouter ou retrancher des éléments, modifier l'ordre dans lequel ils se présentent, etc., vous copierez également depuis le répertoire themes/default/ tous les fichiers portant l'extension .php (à savoir : template.php, list.php, post.php, prepend.php et form.php) vers le répertoire que vous venez de créer.

Choisir ce nouveau thème

Téléchargez ensuite ce nouveau dossier dans votre espace personnel en suivant le chemin dotclear -> themes. Votre dossier doit être au même niveau que le dossier default.

Dans votre navigateur, rendez-vous à l'adresse : http://MonEspacePerso/dotclear/ecrire/auth.php

Entrez votre login et mot de passe. Voilà, vous êtes dans votre espace d'administration du blog. Cliquez à droite le dernier onglet (Outils) puis sur le lien Gestionnaire de thèmes, le nom du thème que vous avez créé figure dans la liste, il suffit de cliquer sur "Utiliser ce thème''. Désormais les changements que vous effectuerez seront visibles dans votre blog tout en laissant intacts les autres thèmes. Il sera ainsi facile de revenir en arrière si vous le souhaitez.

En outre, lors d'une mise à jour ou un changement d'hébergeur, il vous suffira de transférer votre dossier de thème personnalisé dans le dossier themes/ pour pouvoir le réutiliser.

De la méthode avant toute chose...

Publication : jeudi 6 mai 2004 ∗ mise à jour : jeudi 18 mai 2006
Auteur : Kozlika
Rubrique : Premiers Pas
- Article précédent : Installer DotClear ∗ Article suivant : Quelques points de repère indispensables
URLs de cet article :
- son lien permanent

Trackbacks

Si vous ne savez pas ce que c'est, voici une petite explication.

1. Le vendredi 5 mai 2006 à 06:19, de just call me pep

O?on reparle mise ?our et plugins... (Part. 1)

S'il est bien un sujet qui revient r?li?ment dans le petit monde dotclearien[1], c'est la survie des modifications et hacks personnels face ?a m?ode de mise ?our de DotClear. Avec la sortie r?nte de DotClear 1.2.4, nous n'y coupons pas...

Commentaires

1. Le samedi 26 mars 2005 à 20:13, par Vero

Un mot : merci.

2. Le vendredi 27 mai 2005 à 02:17, par Calak

C'est clair que c'est plus simple que d'y aller à l'aveuglette, et surtout, plus rapide ;)

Tes articles sont réellement bien faits, même si parfois, il peuvent porter à confusion.
Mais bon, tu n'es pas là pour prémacher tout le travail non plus, donc c'est normal de faire un peu réfléchir des futurs bloggueurs en herbe ^^

3. Le vendredi 27 mai 2005 à 08:02, par Kozlika

Si, Calak, je suis là pour "prémâcher" le travail et vous êtes cordialement invités à me signaler les confusions possibles !

4. Le mardi 5 juillet 2005 à 15:12, par vieilfrance

La classe :) Je suis d'accord avec Kozlika. Ce qui est expliqué plus haut n'est qu'un prélude au font du probleme qui est le changement de theme. On a la les bases pour faire un travail propre et bien fait.

Donc merci pour le prémachage ;)

5. Le lundi 15 août 2005 à 16:21, par Grendel

Merci beaucoup pour ces petits détails qui permettent de démarrer dans des conditions décentes :')

Grendel
Apprentis blogueur

6. Le lundi 31 octobre 2005 à 18:52, par phenitia

j'ai suivit tes instructions à la lettre, mais le nouveau thème ne s'affiche pas dans le gestionnaire des thèmes. Il-a-t'il une solution? (désolée si j'abuse un peu) merci pour les conseils

7. Le lundi 31 octobre 2005 à 19:01, par Kozlika

Phenitia, les points à vérifier :

le répertoire de ton nouveau thème se trouve-t-il bien dans le répertoire /themes/ ?

le nom du répertoire de ton thème est-il strictement identique à ce que tu as indiqué pour theme_name dans desc.xml ? sans espace ni accents ni signes bizarres ?

d'ailleurs ce fichier desc.xml a-t-il été bien transféré ?

8. Le lundi 31 octobre 2005 à 19:27, par Phenitia

oui, j'ai bien vérifier tout ça. mais le problème est régler: j'ai supprimé ce que je venais de faire et je l'ai refait, et ça marche :) merci pour ta réponse, je pensais pas que ça a llait être aussi rapide.lol

9. Le mercredi 2 novembre 2005 à 19:32, par vincent

Voilà, j'ai tout bien fait mais je me pose la question de la modification graphique, photo couleur ect.... Avec dreamweaver ?

10. Le jeudi 10 novembre 2005 à 12:39, par storm

bonjour, voila je débute, je viens d'installer dotclear, mais j'ai un problème avec les thèmes. j'ai téléchargé un thème "BlueTech", et j'ai copié le dossier BlueTech dans /themes. j'ai quand même vérifié si le nom du thème dans desc.xml est le même et oui. quand je le copie depuis filezilla, il apparaît directement sur mon compte dotclear, mais lorsque je le sélectionne, il n'apparaît pas sur mon site en ligne :-( j'ai seulement toutes les liens qui s'affichent (titre, calendrier, rechercher, catégories ...) mais sur fond blanc. pourriez vous m'aider??

11. Le vendredi 11 novembre 2005 à 20:50, par Fabrice

Bonjour,

Je viens d'installer dotclear, tout fonctionne correctement, mais je voudrais faire quelques "personnalisations" :

- je souhaite tout d'abord modifier le theme "old", mais lorsque je vais dans le repertoire de celui-ci, il n'y a que 2 fichiers : desc et style , pas de template ni autres. Est ce normal ? comment faire pour faire des modifications ?

- Comment ouvrir les fichiers template.php et style.css afin de faire des modifications ? quels logiciels doit on utiliser ?

merci d'avance, Fabrice.

12. Le samedi 12 novembre 2005 à 06:11, par Pep

Fabrice > Pour ta première question, oui, c'est normal. D'ailleurs, si tu prends le temps d'une relecture appliquée du présent article, tu verras que ta réponse s'y trouve.

Ensuite, pour éditer les fichiers, un simple éditeur de texte suffit. Surtout, évite les traitements de texte : ce n'est pas la même chose et les résultats risquent d'être catastrophiques.

13. Le vendredi 25 novembre 2005 à 22:26, par Regis

J'ai suivi la procédure... le résultat est pas à la hauteur, le menu se retrouve sur toute la page...

J'ai laissé en place pour que vous voyez le problème (le blog est vide)

Merci pour votre aide.

Régis

14. Le vendredi 25 novembre 2005 à 22:40, par Kozlika

Je viens d'aller voir. Ça s'est arrangé on dirait ?

15. Le vendredi 25 novembre 2005 à 22:56, par Regis

C'est bon il me restait des fichiers à télécharger.

Amitiés à tous Régis

16. Le vendredi 9 décembre 2005 à 14:22, par riadh

Dans l'élément <desc> du fichier desc.xml j'ai mis "Bac à sable" et quand je suis allé dans le gestionnaire de Thémes le "à" (a grave) n'est pas apparu comme il faut. La solution a été de convertir le fichier desc.xml au format UTF-8 car à l'installation j'avais choisit UTF-8.

Donc pour ceux qui ont choisit UTF-8, il faut utiliser un éditeur de texte qui permet de créer des ficher au fromat UTF-8.

17. Le lundi 19 décembre 2005 à 10:55, par Clem

Salut, j'ai le meme souci que Storm avec un autre theme. Que dois-je faire ?

Merci

"bonjour, voila je débute, je viens d'installer dotclear, mais j'ai un problème avec les thèmes. j'ai téléchargé un thème "BlueTech", et j'ai copié le dossier BlueTech dans /themes. j'ai quand même vérifié si le nom du thème dans desc.xml est le même et oui. quand je le copie depuis filezilla, il apparaît directement sur mon compte dotclear, mais lorsque je le sélectionne, il n'apparaît pas sur mon site en ligne :-( j'ai seulement toutes les liens qui s'affichent (titre, calendrier, rechercher, catégories ...) mais sur fond blanc. pourriez vous m'aider??"

18. Le lundi 19 décembre 2005 à 17:10, par Clem

c bon jai trouvé, :-) rtfm

19. Le dimanche 22 janvier 2006 à 15:28, par Mat

Bonjour à tous, Je suis un nul du blog et c'est un ami qui me l'a "installé". Comment avoir un fichier de sauvegarde pour modifier mon blog?

Merci d'avance!

20. Le jeudi 2 février 2006 à 00:34, par Boshi

Merci 1000 fois !

21. Le dimanche 26 février 2006 à 16:21, par fester

merci

22. Le samedi 22 avril 2006 à 14:38, par marla

Bonjour, je voudrais savoir si il est normal que le titre n'apparaisse pas avec le nouveau thème crée. Je vous remercie pour votre aide précieuse.

23. Le samedi 6 mai 2006 à 15:19, par nemo

Merci pour le tutoriel,

Merci pour dotclear plus généralement, c'est vraiment puissant! (dommage qu'on ne puisse télécharger des docs au format rtf. doc. pdf. ... mais il paraît que c'est pour la version 2.0 que j'attends avec impatience!).

Une suggestion concernant ce tutoriel, dans le dossier themeperso que l'on crée, il peut être utile de copier/coller également le dossier "img" qui se trouve dans le dossier "default".

Ne l'ayant pas fait, au départ, je n'avais plus l'image du haut de mon blog, avec le nom et la description.

En copiant collant le dossier "img", le nom et la description du blog s'affichent à nouveau avec mon nouveau thème personnalisé.

24. Le mardi 30 mai 2006 à 23:32, par riri

glop glop !

Tout comme riadh, j'ai mis des caractères bien français dans mon fichier desc.xml, avec de base de l'utf-8 pour la configuration du site.

Sauvé (par défaut) en utf-8, cela ne s'affiche pas bien : j'ai un losange contenant un point d'interrogation à la place de 'Thè' pour 'Thème de riri'. J'ai vu que le document était classé iso-8859-1 (entête xml), donc j'ai changé ça pour 'utf-8', mais pareil oO. Je suis revenu au iso-8859-1, et ai sauvé mon fichier en iso-8859-1 et ... pareil :-/

D'habitude je me débrouille pas mal dans les encodages, mais là, j'avoue que je suis perplexe. Ce serait-ce pas parce que la page générée (configuration de dotclear) conporte elle-même cette section en iso-8859-1 ?

pas glop, pas glop

25. Le mercredi 31 mai 2006 à 01:23, par Pep

Les desc.xml doivent être en iso-8859-1. Ensuite, ce sont les fichiers de localisation qui doivent faire le reste, même pour du français en UTF-8.

26. Le mardi 1 août 2006 à 17:01, par bulmam

bonjour,
votre article est tres clair cependant je ne parvient pas à installer un theme
(que j'ai bien entendu decompressé dans le dossier /themes et envoyé sur le serveur au meme endroit ) pour la bonne et simple raison que voici mon onglet outil:

l'interface d'administration de mon blog,on me dit de choisir l'onglet Outils puis le lien Gestionnaire des thèmes. mais il n'y sont pas ! merci de m'aider s'il vous plait !

27. Le mardi 1 août 2006 à 17:50, par bulmam

c'est encore moi, pour signaler que c'etait une erreur de ma part , j'aurais du prendre l'installation autaumatique car avec la manuelle , beaucoup de fichiers ne se sont pas chargés sur mon serveur, d'ou cet erreure, encore desolée et merci pour cet article

28. Le lundi 28 août 2006 à 13:50, par Francis

Bonjour Kozlika, un immense merci pour ton aide et les heures de patience qu'elle représente... :-)

Tu nous permet d'aller droit au but sans trop tâtonner et c'est trés sympa.

Cordialement
Francis

29. Le lundi 9 octobre 2006 à 14:46, par bubul

Bonjour Kozlica

il y a quelques mois deja j'ai aide un ami a mettre en place son blog en suivant tes judicieux conseils. Il m'a contacte il ya quelques jours pour que je l'aide a editer des billets sur son blog. Aie! J'ai completement oublie les manip a effectuer. J'ai lu que la mise a jour du blog peut se faire avec le chemin http://MonEspacePerso/dotclear/ecrire/auth.php mais lorsque j'essaie cela avec l'espace www.onnepadc.fr cela ne donne rien. D'autre part au cas on on a plus les mots de passe pour acceder a l'espace de gestion du blog, a-t-on un recours ?

Merci d'avance pour ton aide. Bubul

30. Le lundi 9 octobre 2006 à 14:59, par Kozlika

http://www.onnepadc.fr/blog/ecrire/auth.php pour l'accès à l'admin. Pour le mot de passe, va faire une recherche sur le forum.

31. Le mardi 24 octobre 2006 à 09:48, par Kamal

rubidium clock http://clock.clockwall.org/rubidium-clock rubidium clock square clock http://clock.clockwall.org/square-clock square clock watch wall clock http://wall clock.clockwall.org/watch-wall-clock watch wall clock wall clock time http://wall clock.clockwall.org/wall-clock-time wall clock time la crosse atomic wall clock http://wall clock.clockwall.org/la-crosse-atomic-wall-clock la crosse atomic wall clock golf wall clock http://wall clock.clockwall.org/golf-wall-clock golf wall clock ball wall clock http://wall clock.clockwall.org/ball-wall-clock ball wall clock

32. Le mardi 5 décembre 2006 à 18:15, par Portla

Salut..

Bien moi bien sur il fallait que CA NE MARCHE PAS !!!!!!je suis pourtant toute l'explication... Je ne comprends pas pourquoi

33. Le mardi 5 décembre 2006 à 22:30, par Kozlika

Et je suis censée sortir ma boule de cristal pour comprendre "ça ne marche pas", hum ? Tu devrais préciser ta question en allant la poser sur le forum.

34. Le mercredi 24 janvier 2007 à 19:42, par ladorche

Bonsoir, Super, j'ai pu mettre mon "themeperso" Par contre, lorsque je consulte mon blog, c'est tout chamboulé. C'est normal?

35. Le jeudi 25 janvier 2007 à 08:46, par Kozlika

ça je ne peux pas te dire : le lien sur ton nom est faux. Et puis il faut plutôt se tourner vers le forum pour ce type de questions. Ici on éclaircit les points d'un tuto peu clairs, on ne fait pas de support en principe ;)

36. Le vendredi 20 avril 2007 à 13:40, par Brad

Salut, j'ai le meme souci que Storm avec un autre theme. Que dois-je faire ?

Merci

"bonjour, voila je débute, je viens d'installer dotclear, mais j'ai un problème avec les thèmes. j'ai téléchargé un thème "BlueTech", et j'ai copié le dossier BlueTech dans /themes. j'ai quand même vérifié si le nom du thème dans desc.xml est le même et oui. quand je le copie depuis filezilla, il apparaît directement sur mon compte dotclear, mais lorsque je le sélectionne, il n'apparaît pas sur mon site en ligne :-( j'ai seulement toutes les liens qui s'affichent (titre, calendrier, rechercher, catégories ...) mais sur fond blanc. pourriez vous m'aider??"

37. Le vendredi 20 avril 2007 à 14:22, par Kozlika

Dans ton cas : http://doc.dotclear.net/1.2/faq#questions-generales c'est même le premier point de la FAQ ...

38. Le lundi 24 décembre 2007 à 10:53, par gaillus

Comment fait on quand le fichier .xml est absent ?

(j'ai installé dotclear 2 en local à l'aide de wamp5)

39. Le lundi 24 décembre 2007 à 11:20, par gaillus

sinon comment fait on pour installer dotclear 1.2 en local (absence du fichier wizard.php) ?

merci d'avance

40. Le mercredi 23 janvier 2008 à 22:01, par le druide

Bonjour.

J'ai un problème assez important dont je ne trouve la réponse, cela fait plusieurs jours que je suis bloqué là dessus :
J'ai suivis les instructions à la lettre pour créer mon propre thème, j'ai bien fait attention de mettre le même nom dans le répertoire et dans "theme name", ce répertoire est au même niveau que "default theme", et j'ai beau tout essayer mon thème ne s'affiche même pas dans la liste des thèmes disponibles...

Que dois-je vérifier encore d'autre comme paramètres ? Peut être en ai-je oublié un ? Eclairez moins je vous en supplie.

41. Le lundi 18 février 2008 à 09:55, par Matthieu

Juste une petite précision : je croyais qu'il fallait mettre "themeperso" dans "default" et cela ne marche que quand je le met dans "themes".

Eh oui, voila la phrase qui m'a perturbée :

"Dans la sauvegarde que vous avez conservée sur votre disque dur, suivre le chemin dotclear -> theme -> default."

Il faudrait mieux préciser que l'on revient dans "theme" pour créer "themeperso".

J'espère vous avoir aidé !

Bonne journée

42. Le samedi 8 mars 2008 à 19:06, par Euphalia

Hi,
Vraiment géant ce tuto !!!
Seule remarque, c'est ici que l'on trouve comment retrouver l'endroit pour gérer son blog ! J'ai tourné sur le Web pendant une heure, après avoir tout bien fait le premier tuto... (les premiers pas) pour essayer de trouver la réponse à ma question, somme toute assez triviale...
Et j'ai trouvé, à force de regarder fichier par fichier pour tomber sur un truc qui s'appelle "auth"...
Ah, mais oui !!! auth = authentification !!!
Bon, contente, je poursuis le tuto (de la méthode avant toute chose) et là ... je trouve la réponse à ma question !!!
grrrrrrrrrrrrrrrrrrr...
Je me pose alors la question (oui.. je sais je m'en pose beaucoup !) faut il tout lire avant de commencer ? Mais trop d'informations tue l'information m'a t on dit... alors ?

Un grand merci de toute façon !
Euphalia

43. Le dimanche 6 juillet 2008 à 18:08, par mK

MERCI !

44. Le dimanche 6 juillet 2008 à 20:00, par Kozlika

Avec plaisir !

45. Le vendredi 3 octobre 2008 à 10:10, par jojo

Bonjour,

j'ai exactement le meme probleme que Clem un peu plus haut. mon theme ne s'affiche pas sur mon blog, et les appercus dans la liste de mes themes disponibles restent blancs.

que dois je faire ?

merci d'avance :)

46. Le vendredi 3 octobre 2008 à 18:14, par Kozlika

Quelle version de Dotclear utilises-tu jojo (et ton url serait bien utile aussi). Tu n'as pas trouvé ta réponse sur le forum ?

Ajouter un commentaire

Note : les commentaires ne sont destinés qu'à éclaircir un point du tuto ou en proposer une amélioration. Si vous cherchez de l'aide, tournez-vous plutôt vers le forum après y avoir effectué une recherche.

Les commentaires pour ce billet sont fermés.

Le petit dotclear illustré