Les ateliers du klafoutis

Quelques liens

Kozlika — Sun, 29 Jun 2008 11:41:00 +0200

Website health check, check list de contrôle des points importants à vérifier pour votre site.
24 sites de tutoriels gratuits pour Photoshop. Ces sites sont malheureusement tous anglophones mais lorsque les tutos sont bien faits avec beaucoup de copies d'écran on s'en sort tout de même. Petit bémol : pas évident de transposer les menus anglais... A compléter avec 6 trucs et astuces que vous ne connaissez sûrement pas.
Coller le pied de page en bas. Je n'aime pas trop la div vide (clearfooter), mais au moins ça fonctionne et c'est en pur css... A rapprocher de cet autre tuto sur le même principe.

Reprise progressive d'activité

Kozlika — Sat, 14 Jun 2008 12:05:00 +0200

Après une assez longue période de pas-envie, me voici revenue au pays des sorciers. Au programme des prochaines semaines :

Mise à jour des thèmes pour la version finale de Dotclear 2.
- Ceux proposés aujourd'hui sont fonctionnels mais à partir de la finale les fichiers *.html devront impérativement être rangés dans un répertoire /le_theme/tpl/ ; autant le faire dès maintenant ;
- Je ne crois pas avoir de fichiers _head.html personnalisés dans mes thèmes mais si c'est le cas je dois les mettre à jour ;
- Voir si je peux mettre quelque chose en place pour alimenter les menus de Welsh plus facilement (et proposer en alternative le plugin d'adjaya)
Reprendre les tutoriels pour Dotclear 2
- Nettoyage éventuel des trucs qui ne sont plus utiles ou invalides depuis la RC
- Poursuivre les tutos de familiarisation/personnalisation pour les grands débutants
Refaire le thème de ce site. Pour tout dire, l'excercice et la recherche iconographique d'un thème "fifties" m'ont amusée mais je ne m'y sens pas chez moi. En attendant j'ai mis le thème gris (qui ne m'emballe pas non plus) en thème par défaut.
Aller aider mes petits camarades
- sur le forum
- mise à jour de themes.dotaddict.org
- aider sur tips.dotaddict.org (au fait si vous voulez donner un coup de main vous aussi...)
- compléter la doc.dotclear.net
Supprimer la ml de support de mes thèmes qui ne donne rien de vraiment probant, reprendre le support directement ici

Pour me faire pardonner cette longue absence, je vous offre quelques liens qui m'ont intéressée ces derniers temps. Ils sont tous en anglais hélas, mais puisque j'ai réussi à comprendre vous devriez y parvenir vous aussi ;-)

FindFreeClipart. Un moteur de recherche spécialement dédié à la recherche de cliparts gratuits.
Photoshop Lady. Des tutoriels Photoshop bien fichus et classés par type.
Comment je fais pour supprimer le titre du blog ? Il est déjà dans ma bannière. Ne le supprimez pas, connaître les méthodes de référencement concerne aussi les designers. Les erreurs à ne pas commettre, les conseils à suivre : SEO Guide for Designers.
The Accessibility Checklist I Vowed I’d Never Write (à télécharger également en pdf). Une check-list des points de contrôle d'accessibilité écrite par Aaron Cannon, un développeur web lui-même aveugle. Je vous conseille également cette vidéo, qui le montre en train de naviguer sur le web. On en comprend tout de suite mieux les particularités et l'intérêt de respecter ses recommandations.

YAML Builder

Kozlika — Fri, 29 Feb 2008 09:09:00 +0100

YAML Builder, a tool for visual layout development of YAML based CSS layouts.

Outil en ligne de construction de structures css et html correspondant. Et en guise de cerise sur le gâteau, c'est valide ;)

Kameleon for Dissitou

Kozlika — Thu, 28 Feb 2008 12:39:00 +0100

Trois colonnes à l'accueil, deux colonnes dans les pages intérieures, Kameleon for Dissitou offre trois déclinaisons possibles selon que l'on préférera accueillir des brèves, un édito ou les billets "à retenir" dans la colonne supplémentaire de l'accueil.

Je me rends compte que je n'avais pas publié ici le thème Kameleon for Dissitou, ce billet répare cette omission.

Ce thème est disponible dans les galeries de Dotaddict :

Un fichier lisez-moi.txt placé dans le répertoire du thème détaille la procédure pour choisir votre variation. Vous pouvez aussi le consulter ici même.

Pour vous dire la vérité, je me souviens qu'il restait des cas à régler (trop peu de brèves, moins de billets que celui déterminé par la pagination) mais je ne sais plus du tout si je l'avais fait ou non ! N'hésitez donc pas à hurler ici si le fonctionnement du thème sur votre blog présente des anomalies.

Trois en un, bienvenue dans les Ateliers du klafoutis

Kozlika — Mon, 25 Feb 2008 14:42:00 +0100

J'en avais parlé, j'ai un peu tardé à le faire, cette fois moins par procrastination que par manque de temps et de disponibilité d'esprit. C'est aujourd'hui chose faite : les présents Ateliers du klafoutis remplacent tout à la fois mon blog des thèmes pour Dotclear 1, celui des thèmes pour Dotclear 2 et celui où je rassemblais mes notes sur Dotclear 2.

La prévisualisation des thèmes in vivo ici a été supprimée puisque désormais les blogs de démonstration de http://themes.dotaddict.org sont là. Il m'arrivera cependant de proposer en démo ici un thème pas encore déposé pour vous demander de le tester.

Le support des thèmes via une liste de diffusion s'est révélé insuffisant : peu d'entre vous ont osé s'y inscrire et d'autre part une fois les adaptations faites sur un thème on n'a pas forcément envie de rester abonné à une liste qui ne nous intéresse plus. Je ne supprime pas cette liste mais je rouvre les commentaires sur les billets. Chacun choisira ainsi ce qui lui convient le mieux.

J'ai sans doute des liens à corriger, les redirections depuis http://jethemais.klafoutis.org, http://jetheme.klafoutis.org et http://dissitou.klafoutis.org ne sont pas encore en place (je raaaaame ;)) mais ça va viendre.

En attendant, bonne visite à vous, j'espère que la peinture fraîche vous plaira^[1]. D'ailleurs si les années fifties vous amusent j'ai rassemblé dans une page de ce blog une pelote de liens inspirants et utiles.

Notes

[1] En fait j'étais partie sur une toute autre piste au début. Pour revenir au thème initial hop, un clic.

Une image réactive en plusieurs zones

Kozlika — Mon, 14 Jan 2008 18:18:00 +0100

Créer des zones réactives sur une seule image à l'aide de règles css.

Survolez chaque dessin pour voir l'image réagir. Le dessin fait place au point-virgule seul et chacune des zones fait lien vers la page de la fonte utilisée pour cette démonstration ; le nom de chacune de ces fontes s'affiche dans une étiquette au survol.

<div id="encart">
<ul id="cdipv">

<li id="haut">
    <ul id="ulhaut"> 
            <li><a id="haut-gauche" href="http://www.myfonts.com/fonts/linotype/itc-american-typewriter/" title="American Typewriter">American Typewriter</a></li><li><a id="haut-centre" href="http://www.dafont.com/en/buy-font.php?f=Algerian+Condensed&amp;v=linotype" title="Algerian Condensed">Algerian Condensed</a></li><li><a id="haut-droite" href="http://www.dafont.com/en/font.php?file=anke_calligraphic_f" title="Anke Calligraphic">Anke Calligraphic</a></li> </ul> </li>

<li id="milieu"><a href="http://sablier.hautetfort.com/archive/2005/11/10/defense-et-illustration-du-point%E2%80%93virgule-le-comite.html" title="Le billet fondateur chez Fulgineuse">Comit&eacute; de d&eacute;fense et d'illustration du point-virgule</a></li>

<li id="bas"> <ul id="ulbas"> <li><a id="bas-gauche" href="http://www.dafont.com/en/font.php?file=iglook" title="Iglook">Iglook</a></li> <li><a id="bas-centre" href="http://www.linotype.com/596/itcbradleyhand-family.html?PHPSESSID=3ada25f142a7e773a52b39f7cfb99552" title="Bradley Hand">Bradley Hand</a></li> <li><a id="bas-droite" href="http://www.myfonts.com/fonts/apple/chancery/apple-chancery/" title="Apple Chancery">Apple Chancery</a></li> </ul> </li>

</ul>		
</div>

(Cet exemple peut être vu seul et sa concoction consultée en affichant la source de la démo et l'image utilisée.)

Intitulée « Éloge du point-virgule », cette expérimentation fut réalisée pour mon blog personnel à l'occasion d'un appel à faire l'éloge du point-virgule.

Sauterelle

Kozlika — Wed, 07 Nov 2007 14:03:00 +0000

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.

Trucs kifonjoli et trucs pratiques :

Le lien de retour à l'accueil (quand on n'est pas à l'accueil, sinon rien) porte la date du billet le plus récent.
Le cartouche sous la sauterelle contextualise la page affichée.
Lorsque plusieurs billets ont été écrits le même jour, un cartouche en bas d'un billet indique les autres de la même date.
Le calendrier des billets est en forme de "ruban" à plat.
Le centre d'aiguillage contient les éléments habituels du sidebar, sauf la recherche et la syndication qui sont en pied de toutes les pages. La division en deux boites permet de séparer les liens internes et externes.

Pour les personnalisations :
- l'image du top est indépendante de la bannière elle-même, suffit de mettre l'image de son choix aux mêmes dimensions (225 * 170px) à la place dans le rep des images du thème.
- les couleurs s(er)ont listées en haut de la css pour faciliter le chercher/remplacer (en cours, gépofini)

Liens de téléchargement sur themes.dotaddict.org.

Malaclemys : au boulot les gens !

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

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.

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

Hop là : afficher Malaclemys !

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.

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.)

Faire l'inventaire

Kozlika — Sun, 01 Jul 2007 10:57:00 +0200

Le blog est installé, il est en ligne et tout fonctionne correctement. Si vous êtes satisfait de ce premier blog et du thème que vous avez choisi parmi ceux disponibles (un tutoriel indique comment installer un nouveau thème), il ne vous reste plus qu'à rédiger vos billets, en vous référant au manuel d'utilisation pour découvrir plus avant votre outil et les fonctionnalités de l'interface d'édition du billet.

De façon générale d'ailleurs, survoler la doc, même si vous ne l'apprenez pas par cœur, vous permettra de vous souvenir vaguement « avoir lu quelque part quelque chose là-dessus » dont vous pourriez avoir besoin ultérieurement. Si le manuel ne répond pas à vos questions, rendez-vous sur le forum, il se trouvera bien quelqu'un pour vous orienter.

Si vous ne vous sentez pas encore tout à fait chez vous, vous pouvez procéder à des personnalisations. Ne cherchez pas à tout changer d'un coup, surtout si vous débutez (mais pas que). Procédez par petites étapes successives afin de maîtriser les changements que vous opérez et pouvoir revenir en arrière facilement car vous vous souviendrez de la manip que vous venez de faire.

Ce qu'il vous faut savoir

Pour éviter les grosses bêtises et surtout faciliter votre travail, avoir une idée générale du fonctionnement et de l'organisation de la mécanique qui pilote votre blog peut vous être fort utile.

Le fonctionnement global

Si vous avez suivi le conseil ci-dessus et que vous avez regardé la doc, vous avez sûrement lu le comment ça marche ?. Je le répète ici sommairement pour les feignasses : tout ce qui concerne le contenu du blog est stocké dans une base de données placée sur un serveur spécifique (le fameux « serveur sql » dont on vous demande le nom et les login et mot de passe lors de l'installation) ; ce qui se trouve sur votre serveur de fichiers (ou serveur ftp) ce sont tous les fichiers qui s'occupent du traitement et de la présentation de ces données.

Les fichiers de Dotclear

Situés donc, sur votre serveur de fichiers, ils sont regroupés dans le répertoire dotclear (ou tout autre nom que vous lui aurez donné lors de l'install). Parcourons-les rapidement (en souligné, les noms de sous-répertoires) :

admin : contient tous les fichiers de l'administration du blog. Pas touche.
cache : un répertoire qui stocke des informations au fur et à mesure pour éviter à dotclear d'avoir à tout « recalculer » à chaque fois. Il se vide périodiquement quand il a atteint sa taille maximale, vous n'aurez en principe pas à vous en occuper.
CHANGELOG : un fichier informatif qui accompagne chaque version de dotclear et indique ce qui a été modifié depuis la version précédente. Pas touche.
db : je ne sais même pas à quoi ça sert, c'est vous dire si vous pouvez laisser tomber et ne pas vous en préoccuper...
inc : le cœur du moteur. C'est là que se situent tous les outils de traitement, évidemment : pas touche (note : on verra que certains fichiers peuvent néanmoins réclamer une attention particulière mais nous n'en sommes pas là).
index.php : la page de démarrage ; elle sert de centre d'aiguillage vers votre (ou vos) blog(s). (Note : si vous connaissez un peu le html, ne faites pas l'erreur de croire qu'il s'agit de la page d'accueil comme c'est généralement le cas des pages ainsi nommées.)
locales : contient tous les fichiers de traduction permettant de basculer sur une interface dans une autre langue ou d'afficher les termes standards des thèmes dans la langue du blog. Pour le moment, ce répertoire contient par défaut les répertoire de l'anglais et du français. Les traducteurs vers d'autres langues ajoutent ici d'autres sous-répertoires.
plugins : contient les répertoires d'extensions des fonctionnalités du blog. Lorsqu'on ajoute un plugin, son répertoire vient se placer ici. Il vous faudra d'ailleurs parfois le faire manuellement si la configuration de votre hébergeur interdit l'installation automatique.
public : c'est le répertoire des médias : images, sons, vidéos, fichiers que vous souhaitez mettre en pièce jointe, etc. On les atteint via le ftp ou depuis l'interface d'administration -> Gestionnaire de médias.
themes : répertoire des thèmes, autrement dit des fichiers déterminant la présentation du blog. C'est ici que 90% du travail de personnalisation s'effectue.

On commence par...

Quelle pourrait être la première étape de personnalisation ?

Tout un blog bac à sable...

Pourquoi ne pas créer tout de suite un second blog qui vous servira de bac à sable ? Dotclear 2 offre la possibilité de créer facilement plusieurs blogs sur la même installation. Vous pourrez ainsi y trafiquer tout à loisir sans craindre de casser autre chose qu'un laboratoire et vos lecteurs continueront de lire tranquillement vos billets sans être gênés par vos expérimentations. Si vous optez pour cette solution, créez un deuxième blog et par exemple importez-y un blog de test. Voilà, votre chantier est prêt.

... ou au moins un nouveau thème

L'étape ci-dessus n'est en aucun cas obligatoire. Vous pouvez tout à fait travailler directement à vos personnalisations si créer un nouveau blog spécialement dédié vous semble inutile ou compliqué. A vous de voir. Vous pouvez alors passer directement au paragraphe suivant :

Et en tous les cas, créer un nouveau thème

On l'a vu, l'essentiel des personnalisations passe par des modifications de thème. Le billet suivant traitera donc de l'articulation d'un thème, des fichiers qui le composent et de l'étape préalable à toute personnalisation de celui-ci.

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.

Total Validator

Kozlika — Tue, 10 Apr 2007 19:22:00 +0200

Pinaise les gens, je viens de trouver l'arme ultime, le couteau suisse de la validation, le top du must : Total Validator. C'est pas trop d'la bombe de balle ? (Via Veerle Blog.)

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

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).

Keskondit ? Merci Mirovinben !

Fiche et téléchargement sur Dotaddict.

Deux-trois trucs importants

Kozlika — Thu, 01 Feb 2007 20:52:00 +0100

Vraiment, vous pouvez lire en diagonale tout ce que vous voudrez mais là je vais carrément vous donner des ordres :

Jamais tu n'oublieras

Sauvegardez souvent, sauvegardez proprement.
Soyez toujours capables de revenir en arrière.
Ne vous lancez jamais dans aucune modification sans du temps et de la zénitude devant vous.
Faites un pas après l'autre.

Ça vous l'écrivez en gros sur une feuille, vous le signez avec votre sang et vous me l'envoyez sous contrôle d'huissier. Je détaille.

Les sauvegardes

Quel que soit le soin que vous apporterez à votre blog, vous ne serez jamais à l'abri d'une fausse manip, d'un coup de grisou chez votre hébergeur, d'un acte malveillant (beaucoup plus rares que les légendes urbaines le racontent mais ça existe). Parfois vous pourrez réparer et parfois non. Et dans ce cas seule la sauvegarde que vous aurez précieusement conservée par devers vous vous permettra de redonner à votre blog allure ~~humaine~~ bloguienne.

Ce qu'il faut sauvegarder :

le contenu de votre blog (billets, utilisateurs, commentaires...)
les medias (images, mp3, séquences vidéo...)
les fichiers personnalisés de présentation

Je ne vous explique pas comment ni pourquoi puisque tout ça est dans la documentation. Retenez juste que dès l'ouverture de votre blog il vous faudra le faire régulièrement. A mon sens, selon la fréquence à laquelle vous publiez entre une fois par semaine et une fois par mois est le minimum pour le contenu et les medias. Pour les fichiers personnalisés il vous suffira de faire une sauvegarde systématique de tous vos changements au fur et à mesure. En principe ces fichiers ne sont pas modifiés tous les quatre matins.

Soyez toujours capables de revenir en arrière

A chaque fois que vous devrez intervenir sur des fichiers placés dans votre espace web, faites-en une copie de l'état avant vos changements et conservez-la sur votre disque dur. Vous pourrez ainsi bidouiller en toute tranquillité avec la sécurité de pouvoir remettre l'ancienne version du fichier si vous avez fait trop de bêtises.

Ne vous lancez jamais dans les modifications directes sans cette précaution, même, surtout quand vous aurez pris de l'assurance. C'est à ce moment-là que vous vous direz à la fois que vous savez vachement bien ce que vous faites et que vous pouvez vous lancer dans les modifs les plus hardies. Eh bien c'est à ce moment-là que vous devrez le plus être capables de revenir en arrière ;)

Du temps, du calme

Les aménagements de blog c'est comme pour tous types de travaux : on se dit qu'on aura pour une heure et on y est encore trois heures plus tard. Et comme on n'avait prévu qu'une heure et qu'on a d'autres choses à faire, on s'énerve, on va trop vite, on ne prend pas assez de précautions... et on fait de grosses bêtises qui demanderont encore plus d'heures à rectifier.

N'intervenez sur votre blog que quand vous disposez du triple de temps que vous y prévoyez !

Un pas après l'autre

Ne faites pas plusieurs changements importants à la fois. N'en faites qu'un, testez si tout va bien, passez au suivant.

Quand vous installerez Dotclear, faites une installation basique, exactement comme expliqué dans le tutoriel. Testez. Si tout va bien, alors vous pourrez créer un deuxième blog, ou faire des redirections ou passer de tel type d'URL à tel autre, ou essayer de retirer « index.php » de l'adresse, ou installer un plugin, un thème, etc.

Quand vous installerez un plugin, laissez-lui ses paramétrages par défaut, testez que tout va bien. Revenez-y seulement après pour vos réglages personnels.

Si vous installez un autre thème, installez-le dans sa version originelle, testez que tout va bien. Passez ensuite aux personnalisations, une par une, en testant à chaque fois.

Vous voyez le principe ? Ça ira beaucoup plus vite pour identifier à quelle étape s'est produit l'erreur et y remédier, vous y gagnerez du temps en plus et de l'énervement en moins.

Et tout de suite

Vous créez un répertoire sur votre disque dur : MonBlog. C'est votre centre névralgique anti-migraines. Vous y placerez une version intacte de dotclear, un sous-répertoire sauvegardes dans lequel vous créerez un sous-répertoire genre sauv070201 pour chaque sauvegarde hebdomadaire, un répertoire modifs avec pareil un sous-répertoire par date et les fichiers avant intervention.

C'est une question d'habitude, et ça vaut vraiment le coup pour être tranquilles !

Aorakits en thèmes paramétrables

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

Dans le billet consacré aux structures prêtes à l'emploi pour Dotclear 2.0, j'ai ajouté au téléchargement de la feuille de style la possibilité de télécharger sous forme de thème en « prêt à personnaliser » chacune de ces structures.

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 !

Edit : voir désormais la page des Aorakits.

Ce dont vous aurez besoin avant de télécharger Dotclear 2.0

Kozlika — Mon, 29 Jan 2007 10:42:00 +0100

Vous avez examiné les différentes possibilités qui s'offrent à vous pour ouvrir un blog et avez choisi d'adopter Dotclear. Quelles sont les conditions à réunir pour pouvoir vous lancer ?

Bon allez, je me lance, par quoi je commence ?

Un hébergement

Pour pouvoir faire tourner un blog Dotclear (ou tout autre site web d'ailleurs), le préalable est de disposer d'un espace de stockage en ligne sur lequel vous mettrez vos pages pour qu'elles soient accessibles sur le web. Les prestataires qui mettent à disposition ces espaces s'appellent des hébergeurs.

Une erreur fréquente lorsqu'on débarque dans cette aventure est de confondre le prestataire qui vous permet de vous connecter à Internet, appelé fournisseur d'accès internet (FAI) et hébergeur. Confusion tout à fait compréhensible puisque beaucoup de FAI proposent également un service d'hébergement. Cependant, rien ne vous contraint à choisir le même pour les deux services. Ce qui devra gouverner votre choix d'hébergeur c'est avant tout qu'il réponde aux prérequis nécessaires au bon fonctionnement de l'application choisie.

Ces prérequis sont listés dans la documentation. Tous les hébergeurs proposent une page d'information sur la mise à disposition de ceci ou cela sur leur hébergement. Consultez cette page, si vous n'y comprenez goutte, envoyez-leur un mail pour le leur demander. Nous testons au fur et à mesure des « retours d'expérience » des utilisateurs les hébergements compatibles avec Dotclear 2.0, vous pouvez choisir votre hébergeur dans cette liste, ce qui vous épargnera le doute :)

Un nom de domaine

Il vous faudra également une « URL » : ce qu'on tapera dans la barre d'adresse du navigateur pour aller chez vous. Votre hébergeur vous en fournira une par défaut en « sous-domaine » de chez lui, qui ressemblera à http://monlogin.hebergeur.fr. Certains, comme Free par exemple, ne vous laisseront d'ailleurs pas d'autre choix : toutes les adresses des sites hébergées par Free sont de cette forme.

Mais la plupart des autres vous proposeront si vous le souhaitez de servir d'intermédiaire à l'achat d'un nom de domaine rien que pour vous. Là encore ne confondez pas les deux services : vous pouvez acheter un nom de domaine chez un prestataire spécifique (le plus connu en France est Gandi) et héberger vos pages ailleurs. Assurez-vous cependant que votre hébergeur accepte cette procédure (c'est presque toujours le cas).

Avoir un nom de domaine n'est pas une obligation, comme je vous le disais ci-dessus tous les hébergeurs mettront à votre disposition une URL en sous-domaine de chez eux. En revanche si j'en parle ici c'est qu'il est beaucoup plus simple si vous en souhaitez un rien-qu'à-vous de vous en occuper avant de lancer votre blog !

Quelques outils

Un client FTP

Vous aurez besoin d'envoyer des fichiers depuis votre disque dur vers l'espace que vous aura fourni votre hébergeur et d'en récupérer depuis cet espace vers votre disque dur (par exemple pour y apporter des modifications). Il faut pour cela un logiciel spécifique qui se charge du transport de l'un à l'autre. Le terme générique est « client FTP ». Au fait, puisqu'on en parle, attention avec « FTP », c'est le pur machin en jargon informatique qui paume car il ne veut pas toujours dire la même chose selon le contexte où il est employé. Il sera ainsi employé pour désigner votre espace web chez l'hébergeur (t'as quoi sur ton ftp ?), un procédé de transfert (tu l'as envoyé en ftp ?) et ce fameux logiciel de transport dont je vous parlais à l'instant (tu utilises quoi comme ftp ?).

Il en existe des gratuits pour toutes les plates-formes. Un consensus semble se faire autour de :

Filezilla (Windows)
gFTP (Linux)
Cyberduck (Mac)

Pour ma part, j'utilise Transmit^[1] (Mac, autour de 25 euros) dont je trouve la prise en main et l'ergonomie très aisées.

Un éditeur

Vous aurez des fichiers à modifier. Je vous recommande fortement de vous munir d'un éditeur de texte qui ne soit NI un traitement de texte NI un éditeur html. L'un comme l'autre ajoutent de leur propre initiative des caractères visibles ou invisibles ou « corrigent » automatiquement les données qui mettront la pagaille dans votre blog. Au pire il vaut mieux utiliser le bloc-notes de Windows ou Text-Edit de Mac.

Là encore il en existe de gratuits et très bien fichus, notamment en coloriant la syntaxe, ce qui en facilite la lecture et la modification. En voici quelques-uns :

Notepad++ ou SciTE (Windows)
Smultron (Mac)

Un bon carnet d'adresses

Quelques adresses à consulter et à garder sous le coude vous seront précieuses :

La documentation de Dotclear est votre premier point de rendez-vous.
Si vous n'y avez pas trouvé vos réponses, le forum d'entraide vous y aidera.
Les informations de sortie de nouvelle version ou de mises à jour à effectuer sont publiées sur le blog de news.

Notes

[1] Je vous fais passer par ce lien qui explique bien ce qu'est le FTP.

Choisir son outil de blog

Kozlika — Sun, 28 Jan 2007 09:22:00 +0100

Avant de vous lancer dans l'installation de Dotclear, il serait peut-être bon de vous demander si c'est bien la solution qui répond à vos attentes. Voici quelques conseils pour choisir son outil de blog.

Je veux ouvrir un blog, je commence par où ?

Par comparer les outils existants. Il existe deux familles d'outils de blog.

Ceux proposés en « plate-forme »

Pour ceux-là vous n'avez besoin que de vous inscrire sur un site, un peu comme pour ouvrir une boîte mail en ligne. On vous donne un identifiant et un mot de passe, on vous communique quelle sera l'adresse de votre blog pour que vous puissiez la transmettre à qui vous voulez et c'est parti, vous pouvez commencer à bloguer. Quelques habillages tout prêts vous sont proposés pour choisir l'apparence de vos pages. Selon la plate-forme choisie, pourrez plus ou mois la personnaliser. Les plus connus (liste non exhaustive) sont les Skyblogs, Viabloga, Blogger, Hautetfort, Typepad, CanalBlog... Ces plates-formes sont gratuites ou payantes, parfois à des tarifs différents selon le niveau de personnalisations possibles. Attention, bien peu des plates-formes dites gratuites ne le sont réellement : certes, vous ne débourserez pas un centime, mais vous serez tenu d'accepter de servir de « blog-sandwich » et que des publicités s'affichent sur vos pages. Tenez-en compte lors de votre choix. Sachez aussi que certaines plates-formes ne laisseront la possibilité de commenter vos billets qu'aux personnes dûment inscrites dans leurs tablettes, ce qui peut être rédhibitoire pour vos visiteurs, soit qu'ils trouvent ça trop compliqué, soit que comme moi ils refusent ce procédé.

L'avantage de ces plates-formes est indéniablement de vous débarrasser de toute préoccupation d'intendance. Vous n'aurez pas à « mettre les mains dans le cambouis », aucune connaissance technique préalable ou à acquérir n'est nécessaire.

A savoir, sauf pour quelques plates-formes, vous ne pourrez pas avoir un nom de domaine personnel. Il s'agira la plupart du temps de ce qu'on appelle des « sous-domaines » dans lesquels figure le nom de la plate-forme. Par exemple, l'excellent blog « La Boîte à images », qui a choisi la plate-forme Hautetfort, est joignable à l'adresse http://laboiteaimages.hautetfort.com

Les outils autonomes

On les appelle souvent « moteurs de blog ». Ceux-là vous proposent d'être maître chez vous. Ils mettent à disposition (gratuitement ou non) une application que vous déposerez sur un hébergement web qui vous appartient. Il vous faudra l'installer et le configurer. L'inconvénient – qui peut à mon sens être source d'amusement – est de devoir procéder soi-même à cette étape de mise en route, rencontrer parfois quelques aléas et devoir les résoudre. Si vous n'aimez pas la mécanique, si vous détestez lire une documentation, si vous répugnez à fréquenter un forum pour y chercher de l'aide, peut-être serait-il raisonnable d'y renoncer.

Mais si vous n'êtes pas rebutés par tout ça, vous bénéficierez d'une grande liberté de mouvement, tant pour personnaliser autant que vous le souhaiterez votre blog que tout simplement ne pas être dépendants d'un prestataire de plate-forme, ses publicités, ses obligations, ses propres aléas et dysfonctionnements éventuels.

Il existe dans cette gamme également plusieurs outils. Les trois les plus fréquemment utilisés en France sont WordPress, MovableType et Dotclear. Voyez leur documentation, leurs tutoriels, tâtez l'ambiance de leurs communautés d'entraide. Baladez-vous sur les blogs qui utilisent ces moteurs et interrogez ceux des blogueurs que vous connaissez pour leur demander ce qu'ils en pensent. Le mieux, si vous n'êtes pas trop flemmards, serait de les essayer tous les trois et voir avec lequel vous vous sentez le plus à l'aise. Vous seul savez lequel vous conviendra le mieux car les utilisateurs de tel ou tel outil auront toujours tendance à faire du prosélytisme :)

Vous avez choisi Dotclear 2,0 ? Vous avez bien raison. Les autres billets de cette catégorie vous aideront à franchir les étapes allant de « j'ai envie d'un blog à moi » jusqu'à l'inauguration en grande pompe.

Enfin... dès que je les aurai rédigés...

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 !