abc dotclearBlog d'accompagnement des très grands débutants à l'installation d'un blog propulsé par Dotclear.2022-04-11T19:38:40+02:00DotAddict.orgurn:md5:ce65eecdd368e9db0f9eccd2291883bdDotclearOù l’on recause d’ergonomieurn:md5:b7a6bbda6b576c04c1f3e93310e66ba62010-03-10T13:39:00+01:002010-03-10T13:40:49+01:00KozlikaBavardages<p>Une série de billets portant sur l’ergonomie a commencé samedi sur le site
des trucs et astuces de Dotclear (Tips).</p> <p>Vous vous souvenez peut-être que dans le souci de rendre ce blog le plus
accessible possible à tous les publics, même ceux ne connaissant que très peu
la « culture » internet, <a href="https://abc.dotaddict.org/post/2009/03/27/Des-habits-neufs-pour-labc-ou-lon-commence-a-parler-ergonomie">
j’avais souhaité</a> recueillir l’expertise de <a href="http://www.alter-ergo.com/">Gautier</a> en matière de présentation des
contenus : un nouveau venu sait-il par où commencer, ce qu’il trouvera sur
ce blog, par qui il est rédigé et dans quel but ? La navigation y est-elle
aisée, les menus limpides, les classements pertinents ? Nous avions lui et
moi envisagé de répondre à ces questions ici même et d’en profiter pour
présenter ce qu’est l’ergonomie appliquée aux sites web et vous donner des
conseils pour vos propres sites ou blog.</p>
<p>Malheureusement à cette époque, Gautier était très occupé et n’a pu
entreprendre ce travail d’expertise et de pédagogie. Nous avons donc dû
renoncer à ce projet. Ce n’était que partie remise car voilà qu’il dispose à
nouveau d’un peu de temps. Je suis donc ravie de vous annoncer une série
d’articles à paraître sur Tips, le blog des trucs et astuces pour Dotclear. Le
propos ne concernant pas que les grands débutants il nous a paru opportun de
les publier là-bas plutôt qu’ici.</p>
<p>Il y aura une dizaine d’articles de teneur assez théoriques, mais appuyés
par des exemples pratiques sur de vrais sites tenus par de vrais gens (dont ce
blog par exemple). En fonction des commentaires que ces articles attireront et
des problématiques évoquées par les uns et les autres, cette série se
poursuivra par d’autres articles à connotation plus pratique. Si donc vous avez
des questions, jetez-vous sur les commentaires de cette nouvelle série :
« Labo Qualité - Ergonomie ».</p>
<ul>
<li>Le premier billet : « <a href="http://tips.dotaddict.org/fiche/Pr%C3%AAts-pour-une-vir%C3%A9e-dans-le-monde-merveilleux-de-l%E2%80%99ergonomie">Prêts
pour une virée dans le monde merveilleux de l’ergonomie ?</a> »</li>
<li>Tous les billets de la série seront regroupés sous la page « <a href="http://tips.dotaddict.org/meta/series/ergo">L’ergonomie appliquée au
web</a> »</li>
<li>S’abonner par RSS au blog des tips : <a href="http://feeds.dotaddict.org/da_tips">aux billets</a> - <a href="http://feeds.dotaddict.org/da_tips/comments">aux commentaires</a></li>
</ul>
<p>À tout de suite là-bas !</p>https://abc.dotaddict.org/post/2010/03/10/Ou-lon-recause-dergonomie#comment-formhttps://abc.dotaddict.org/feed/atom/comments/191#CSS – 2. Les bases, épisode 2urn:md5:92326fd2c9584f71087374d50dafcfbd2009-11-08T11:00:00+01:002009-11-08T12:27:48+01:00KozlikaPremiers pas avec les CSSb.a baCSSyes we can !<p>Avant de nous lancer dans la confection d’un thème, jouons encore un peu avec notre page de test pour bien comprendre l’articulation HTML / CSS.</p> <p><em>Tout vient à point pour qui sait attendre. J’avais promis une série d’articles pour découvrir les CSS mais entre-temps je me suis trouvé un travail de Pénélope qui m’a pris pas mal de temps. Me revoici. Attention, c’est parti !</em></p>
<h3>On fait le ménage</h3>
<h4>Pour ceux qui ont suivi les tutoriels de l’abc depuis le début :</h4>
<p>Si vous avez suivi toutes les étapes, vous devriez avoir sur votre ordinateur, dans le dossier <code>mon_blog</code> :</p>
<ul>
<li>un fichier nommé <code>test.html</code> que nous avions créé <a href="https://abc.dotaddict.org/post/2009/04/13/6-Ma-premiere-page-web">à la sixième étape</a></li>
<li>un sous-dossier <code>jeux-css/</code> contenant un fichier nommé <code>style.css</code> que nous avions créé lors du <a href="https://abc.dotaddict.org/post/2009/04/20/CSS-1-Un-peu-de-deco-sur-ma-page-de-test">premier article de cette série</a>.</li>
</ul>
<p>Vous avez dû également les transférer sur votre hébergement, le fichier <code>test.html</code> étant accessible sur <code>http://mon-domaine/test.html</code> et la feuille de style sur <code>http://mon-domaine/style.css</code>.</p>
<p>N’hésitez pas à relire, voire à refaire les exercices de ces deux tutoriels, puis on va faire un peu de ménage dans tout ça : supprimez les deux fichiers qui se trouvent sur votre hébergement, remettez-les dans leur état initial des tutoriels sur votre ordinateur, déplacez <code>test.html</code> à l’intérieur du répertoire <code>jeux-css</code>.</p>
<h4>Pour ceux qui arrivent aujourd’hui</h4>
<p>Lisez et suivez les deux tutoriels <a href="https://abc.dotaddict.org/post/2009/04/13/6-Ma-premiere-page-web">Ma première page web</a> et <a href="https://abc.dotaddict.org/post/2009/04/20/CSS-1-Un-peu-de-deco-sur-ma-page-de-test">Un peu de déco sur ma page de test</a> afin de bien comprendre les notions qui y sont abordées puis… supprimez-les de votre hébergement et remettez ceux de votre ordinateur dans leur état initial des tutoriels comme viennent de le faire les copains ci-dessus.</p>
<h4>Pour tout le monde</h4>
<p>A cet instant, vous devriez tous avoir :</p>
<ul>
<li>sur votre hébergement : rien (enfin rien qui concerne cette série d’articles !)</li>
<li>sur votre ordinateur un répertoire <code>jeux-css</code> contenant les fichiers <code>test.html</code> et <code>style.css</code></li>
</ul>
<p>Ouf ! On peut continuer.</p>
<h3>Modification du fichier <code>test.html</code></h3>
<p>À l’aide de votre <a href="https://abc.dotaddict.org/post/2009/03/24/Un-editeur-de-texte-nest-pas-un-traitement-de-texte">éditeur de texte</a>, ouvrez le fichier test.html et complétez-le afin qu’il présente le contenu suivant (ou copiez celui ci-dessous et collez-le à la place du code actuel) :</p>
<pre class="brush: html"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Ma page de test</title>
<meta name="description" content="Ceci est mon premier essai de page web." />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="fr" />
</head>
<body>
<div id="page">
<div id="top">
<h1>Ma page de test</h1>
</div>
<div id="wrapper">
<p>Je suis vraiment trop forte !</p>
<p>J'ai réussi à :</p>
<ul>
<li>Créer un dossier sur mon ordinateur.</li>
<li>Installer des logiciels.</li>
<li>Ouvrir un compte chez un hébergeur.</li>
<li>M'abonner au <a href="http://abc.dotaddict.org/">blog de l'abc dotclear</a>.</li>
<li>Créer la page que vous lisez et la mettre au bon endroit.</li>
</ul>
</div>
<div id="footer">
<p>Cette page a été réalisée dans le cadre de la <a href="http://abc.dotaddict.org/category/Premiers-pas-avec-les-CSS">série d'apprentissage des CSS</a> du blog de l'abc dotclear.</p>
</div>
</div>
</body>
</html></pre>
<h4>Qu’avons-nous fait ?</h4>
<p>Nous avons créé trois « boîtes » pour ranger le contenu de notre page (plus une boîte globale) et avons donné des <em>identifiants</em> à ces boîtes. L’ouverture d’une boîte se fait par l’ajout de la balise html <code><div></code> et sa fermeture par la balise <code></div></code>. L’identifiant (purement arbitraire) se donne dans un attribut <code>id="identifiant_de_la_boite"</code> de la balise ouvrante.</p>
<p>Ici nous avons donc :</p>
<ul>
<li>la boîte <code>"page"</code> qui contient tout le contenu de la page ;</li>
<li>la boîte <code>"top"</code> qui en contient l’entête ;</li>
<li>la boîte <code>"wrapper"</code> pour le contenu du corps de la page ;</li>
<li>la boîte <code>"footer"</code> pour le pied de page.</li>
</ul>
<p>Notez que chaque boîte ouverte doit être fermée<sup>[<a href="https://abc.dotaddict.org/post/2009/11/08/CSS-2-Les-bases-episode-2#pnote-182-1" id="rev-pnote-182-1">1</a>]</sup> et qu’à chaque <code><div></code> devra donc correspondre une <code></div></code>.</p>
<p>Le schéma de l’imbrication des boîtes que nous venons d’installer est celui-ci :</p>
<p><a href="https://abc.dotaddict.org/public/tutoriels/css/css2-structure.png"><img src="https://abc.dotaddict.org/public/tutoriels/css/.css2-structure_m.jpg" alt="Structure de la page de test" style="display:block; margin:0 auto;" title="Structure de la page de test" /></a></p>
<p><strong>À noter :</strong> la présentation du code elle-même doit refléter ces imbrications, cela la rend beaucoup plus lisible si on doit y revenir pour y effectuer de nouvelles modifications. C’est pourquoi vous remarquerez que j’ai « <a href="http://fr.wikipedia.org/wiki/Indentation#Informatique">indenté</a> » le code.</p>
<h4>À quoi ça sert ?</h4>
<p>Ça sert à plein de choses concernant le placement et la présentation des éléments. Pour l’exercice d’aujourd’hui, cela va nous permettre de coloriser séparément chaque fond de boîte et de présenter différemment un paragraphe d’une boîte et un paragraphe d’une autre boîte. Suivez le guide :</p>
<h3>Modification du fichier <code>style.css</code></h3>
<p>À l’aide de votre éditeur de texte, ouvrez le fichier <code>style.css</code> placé dans le répertoire jeux-css de votre ordinateur et modifiez-le afin qu’il présente le contenu suivant (ou copiez ce qui est ici et collez-le à la place du contenu actuel) :</p>
<pre class="brush: css">body {
background-color: #fffff0;
font-family: georgia, "times new roman", serif;
}
#page {
background-color: #EDF1F8;
padding: 20px;
}
#top {
background-color: #4D6280;
padding-top: 20px;
padding-bottom: 40px;
}
#wrapper {
background-color: #ffffff;
padding-top: 20px;
padding-bottom: 20px;
}
#footer {
background-color: #90AED5;
padding-top: 6px;
padding-bottom: 6px;
}
h1 {
font-family: helvetica, arial, sans-serif;
font-size: 180%;
text-align: center;
font-weight: normal;
color: #ffffff;
}
#wrapper p {
margin-left: 60px;
text-indent: 30px;
}
#footer p {
font-family: helvetica, arial, sans-serif;
text-align: center;
}
ul {
margin-left: 90px;
}
a {
color: #cd3333;
}</pre>
<h4>Qu’avons-nous fait ?</h4>
<p>Nous avons fixé des règles de présentation pour les différents éléments de la page. Je liste ici les différentes propriétés utilisées dans cette feuille de style et leur signification. Nous y reviendrons en détail dans les prochains articles.</p>
<h5>Pour ce qui concerne les couleurs</h5>
<ul>
<li><code>background-color</code> : couleur de fond</li>
<li><code>color</code> : couleur des caractères</li>
</ul>
<p><em>(Note : Pour choisir votre couleur et connaître son code hexadécimal vous pouvez vous servir de <a href="http://colormixers.com/mixers/cmr/">Colormixers</a> par exemple.)</em></p>
<h5>Pour ce qui concerne les caractères</h5>
<ul>
<li><code>font-family</code> : fonte (ou police) des caractères</li>
<li><code>font-size</code> : taille des caractères</li>
</ul>
<p><em>(Note : Pour choisir vos caractères vous pouvez vous servir de <a href="http://www.typetester.org/">Typetester</a> par exemple.)</em></p>
<h5>Pour ce qui concerne les marges</h5>
<ul>
<li><code>padding</code> : marge <em>intérieure</em>. On peut spécifier padding-top, padding-right, padding-bottom, padding-left pour appliquer une marge intérieure uniquement en haut, à droite, en bas ou à gauche ;</li>
<li><code>margin</code> : marge <em>extérieure</em>. On peut spécifier margin-top, margin-right, margin-bottom, margin-left pour appliquer une marge extérieure uniquement en haut, à droite, en bas ou à gauche ;</li>
</ul>
<p>Mais revenons à nos moutons et voyons à quoi nous a servi la construction de notre page en différentes boîtes. Nous avons pu :</p>
<ul>
<li>Coloriser les fonds de chaque boîte, différencier leurs marges intérieures ou extérieures</li>
<li>Appliquer des règles différentes pour les paragraphes du contenu (grâce à la règle du <code>#wrapper p {}</code>) et du pied de page (<code>#footer p {}</code>), ce que le code de notre premier exercice ne permettait pas.</li>
</ul>
<p><strong>Notez à cette occasion que</strong> <em>les éléments <code>p</code> de la boîte ayant pour identifiant <code>wrapper</code></em> <strong>s’écrit en langage CSS</strong> <code>#wrapper p</code><strong>. C’est une syntaxe à bien intégrer car elle est primordiale dans l’écriture des feuilles de style.</strong></p>
<p>D’ailleurs, à votre avis quelle règle devrions-nous ajouter pour que les liens du pied de page (et seulement eux) soient blancs, hum ?</p>
<h3>On envoie tout ça en ligne</h3>
<p>À l’aide de votre client FTP préféré, envoyez tout le répertoire <code>jeux-css</code> et son contenu au même niveau (ce qui veut dire à côté, vous vous souvenez ?) que le répertoire <code>dotclear</code>.</p>
<p>Avec votre navigateur, rendez-vous sur l’adresse <code>http://example.com/jeux-css/test.html</code> (en remplaçant évidemment <code>example.com</code> par votre véritable nom de domaine).</p>
<p>Vous y êtes ?</p>
<p>Oh ! Quelle déception ! Votre page affiche un contenu tout nu qui ressemble <a href="https://abc.dotaddict.org/jeux-css/snif.html">à ça</a> au lieu de <a href="https://abc.dotaddict.org/jeux-css/test.html">ceci</a> !</p>
<p>Hé hé, c’est que nous avons oublié quelque chose de <em>très important</em> pour que notre page sache où trouver les règles de présentation. Et comme je suis perverse, je vous interpelloge : relisez le premier tutoriel et dites-nous donc ce que nous avons oublié ?</p>
<h3>Résultat final</h3>
<p>À la fin de cette étape, notre page de test aura cette allure-là :</p>
<p><a href="https://abc.dotaddict.org/public/tutoriels/css/css-2-final.png"><img src="https://abc.dotaddict.org/public/tutoriels/css/.css-2-final_m.jpg" alt="Résultat final en fin de l'article #CSS 2" style="display:block; margin:0 auto;" title="Résultat final en fin de l'article #CSS 2" /></a></p>
<p>Pas d’affolement : toutes ces notions nouvelles seront revues au fil des prochaines semaines !</p>
<div class="footnotes"><h4>Notes</h4>
<p>[<a href="https://abc.dotaddict.org/post/2009/11/08/CSS-2-Les-bases-episode-2#rev-pnote-182-1" id="pnote-182-1">1</a>] C’est d’ailleurs le cas pour toute balise html (sinon ça fuit !)</p></div>https://abc.dotaddict.org/post/2009/11/08/CSS-2-Les-bases-episode-2#comment-formhttps://abc.dotaddict.org/feed/atom/comments/182Messages de service : rendez-vous à venir et petit report dans le programmeurn:md5:b59ab1c198c392caa56dc06717d45e242009-10-28T19:12:00+01:002009-10-28T23:04:46+01:00LomalarchBavardages<p>Un billet double pour deux annonces rapides mais pas anodines. On compte sur vous !</p> <h3>Et si on buvait un coup ?</h3>
<p>Je sais ce que vous vous dites. Je le devine dans votre regard<sup>[<a href="https://abc.dotaddict.org/post/2009/10/28/Messages-de-service-%3A-rendez-vous-a-venir-et-petit-report-dans-le-programme#pnote-180-1" id="rev-pnote-180-1">1</a>]</sup>. Vous vous dites que les tutos de l’abc, c’est bien, mais que vous aimeriez avoir un échange plus direct que les commentaires, qu’on puisse vous montrer vraiment quoi faire, et vous expliquer les choses de façon plus concrète.</p>
<p>Et d’ailleurs, vous vous demandez un peu à quoi on ressemble, et si on a vraiment tous les cheveux froids et la pizza grasse, comme le dit la rumeur.</p>
<p>Bref, une rencontre, en vrai, avec les portables sous le bras et une connexion à proximité, voilà une idée qu’elle serait bonne.</p>
<p>Hé bien nous vous avons entendus ! Et, pour la quatrième fois, nous organisons une « <a href="http://fr.dotclear.org/blog/post/2009/10/27/Install-Party-4-(le-retour-de-la-revanche)">Install-party</a> », c’est-à-dire une rencontre pour tous ceux qui ont envie d’en savoir plus, d’essayer des trucs, de trouver des tuyaux, ou, simplement, de venir voir.</p>
<p>Nous avons même prévu une initiation collective aux bases des CSS à 11h et 16h !</p>
<p>Ça se passera au bar-restaurant Tamm bara, dans le treizième arrondissement de Paris, dimanche 29 novembre de 10h à 18h. Je vous laisse découvrir les détails de l’adresse et annoncer votre venue en masse sous le <a href="http://fr.dotclear.org/blog/post/2009/10/27/Install-Party-4-(le-retour-de-la-revanche)">billet d’annonce</a> – afin de nous permettre, à nous comme à l’équipe du restaurant, d’organiser au mieux l’accueil, il serait bon que nous ayons une idée de vos présences, et notamment si vous souhaitez déjeuner.</p>
<p>À très bientôt en vrai réel, donc.</p>
<hr />
<h3>Dernière minute</h3>
<p>On vient de glisser ceci sous mon imprimante :</p>
<blockquote><p>Cher Monsieur l’ABC,</p>
<p>
Ma fille vous prie de l’excuser, elle sait qu’elle avait promis de démarrer une série de tutos sur l’habillage des blogs le week end dernier, mais le chat a mangé son aiguille à coudre et, du coup, pour l’habillage, c’était drôlement pas pratique.</p>
<p>
Elle promet de revenir dès qu’elle aura pu passer à la mercerie, même si elle m’a dit que la mercerie CSS c’était pas la porte à côté, j’ai bon espoir que ça prend pas trop longtemps.</p>
<p>
Je vous fais des bises, Monsieur l’ABC, si vous me promettez de pas la gronder trop fort.</p>
<p>
Bien à vous.</p>
<p>
La maman de Kozlika</p></blockquote>
<p>La commission est transmise, je compte sur votre compréhension… Et, donc, à bientôt (bis) !</p>
<div class="footnotes"><h4>Notes</h4>
<p>[<a href="https://abc.dotaddict.org/post/2009/10/28/Messages-de-service-%3A-rendez-vous-a-venir-et-petit-report-dans-le-programme#rev-pnote-180-1" id="pnote-180-1">1</a>] oui, à l’abc Corp, nous avons développé une technologie qui nous permet de vous voir quand vous nous rendez visite. Si vous vous approchez de votre écran là tout de suite, vous devriez m’apercevoir entre les pixels en train de vous faire coucou.</p></div>https://abc.dotaddict.org/post/2009/10/28/Messages-de-service-%3A-rendez-vous-a-venir-et-petit-report-dans-le-programme#comment-formhttps://abc.dotaddict.org/feed/atom/comments/180Qui veut jouer aux CSS ?urn:md5:f414c2e7f41e1f519881416bd710c4c12009-10-18T12:04:00+02:002009-10-18T12:54:11+02:00KozlikaBavardages<p>Les basiques d’une installation de blog ont été mis en place. Il est temps de se la péter grave et d’ajouter sa touche personnelle à la décoration de votre chez-vous.</p> <p>Debout là-dedans, c’est la rentrée !</p>
<p>Si vous avez suivi les étapes de ce blog, votre blog est désormais opérationnel et vous avez choisi une décoration parmi les thèmes disponibles. Probablement aimeriez-vous personnaliser plus encore l’apparence de votre blog. Pour ceux d’entre vous qui le souhaiteraient, nous allons défricher suffisamment le terrain pour que vous puissiez procéder à vos coups de pinceaux vous-mêmes.</p>
<p>Pour cela, je vous propose d’étudier les bases des CSS en deux ou trois séances en poursuivant <a href="https://abc.dotaddict.org/post/2009/04/20/CSS-1-Un-peu-de-deco-sur-ma-page-de-test">notre premier tutoriel</a>. Puis, ensemble, pas à pas, nous créerons un nouveau thème de A à Z. On commence le week-end prochain. Vous êtes partants ?</p>
<p><strong>Note :</strong> Si vous débarquez, faites la première étape, on se servira de ce fichier. Si vous l’aviez déjà faite, remettez la page dans son état avant vos personnalisations diverses.</p>https://abc.dotaddict.org/post/2009/10/18/Qui-veut-jouer-aux-CSS#comment-formhttps://abc.dotaddict.org/feed/atom/comments/178La mise à jour automatiqueurn:md5:a65f282ed5041a0cfaef1b8cbb753df72009-10-04T19:11:00+02:002009-10-04T19:11:00+02:00FranckMaintenance<p>Depuis quelques jours il est possible de mettre à jour nos installations Dotclear avec la dernière version, la 2.1.6. Voyons comment procéder exactement.</p> <div class="with-img-border">
<h3>L’avertissement de mise à jour</h3>
<p>Depuis le 1er octobre 2009, un nouveau message est apparu dans nos administrations respectives, pour peu que vous ayez les droits de <em>super-administrateur</em>. Voilà à quoi il ressemble :</p>
<p><img src="https://abc.dotaddict.org/public/tutoriels/b-a_ba_abc/auto-update-1.png" alt="Message de mise à jour disponible" style="display:block; margin:0 auto;" title="Message de mise à jour disponible" /></p>
<p>Il se trouve en haut et à droite de la page d’accueil de l’administration. Pour lancer la mise à jour effective de votre installation il faut cliquer sur le lien intitulé <code>Mettre à jour maintenant</code> :</p>
<p><img src="https://abc.dotaddict.org/public/tutoriels/b-a_ba_abc/auto-update-2.png" alt="Lien de lancement de la mise à jour" style="display:block; margin:0 auto;" title="Lien de lancement de la mise à jour" /></p>
<h3>Le 2e écran</h3>
<p>Lorsque vous cliquez sur ce lien vous obtenez un nouvel affichage :</p>
<h4>Cas 1 : C’est la première fois que vous mettez à jour votre installation :</h4>
<p><img src="https://abc.dotaddict.org/public/tutoriels/b-a_ba_abc/auto-update-3.png" alt="Mise à jour sur primo installation" style="display:block; margin:0 auto;" title="Mise à jour sur primo installation" /></p>
<h4>Cas 2 : Ce n’est pas la première fois ! Et donc :</h4>
<p><img src="https://abc.dotaddict.org/public/tutoriels/b-a_ba_abc/auto-update-4.png" alt="Mise à jour sur installation déjà mise à jour" style="display:block; margin:0 auto;" title="Mise à jour sur installation déjà mise à jour" /></p>
<p>Dans ce deuxième cas, vous avez accès à la sauvegarde que le moteur de mise à jour avait faite avant de modifier les fichiers. Vous avez ainsi la possibilité de revenir en arrière au moindre problème<sup>[<a href="https://abc.dotaddict.org/post/2009/10/04/La-mise-a-jour-automatique#pnote-175-1" id="rev-pnote-175-1">1</a>]</sup>. Je ne vais pas détailler ces procédures ici, ce n’est pas l’objet de ce billet<sup>[<a href="https://abc.dotaddict.org/post/2009/10/04/La-mise-a-jour-automatique#pnote-175-2" id="rev-pnote-175-2">2</a>]</sup>.</p>
<h3>3e étape</h3>
<p>Ensuite il faut cliquer sur le bouton de mise à jour, bouton intitulé <code>Mettre à jour Dotclear</code> :</p>
<p><img src="https://abc.dotaddict.org/public/tutoriels/b-a_ba_abc/auto-update-5.png" alt="Bouton de mise à jour" style="display:block; margin:0 auto;" title="Bouton de mise à jour" /></p>
<p>Le moteur de mise à jour va alors vérifier que votre installation peut-être mise à jour sans problèmes, en vérifiant qu’aucun des fichiers n’a été modifié. Attention je ne parle ici que des fichiers du <em>moteur</em> et uniquement ceux-ci. Pas de souci avec les plugins que vous avez installés, les thèmes, le fichier de configuration, etc.</p>
<p>Le moteur va donc créer un fichier de sauvegarde comme annoncé puis ensuite, télécharger sur le serveur de Dotclear les fichiers nécessitant une mise à jour et faire leur remplacement.</p>
<h3>C’est (presque) la fin</h3>
<p>À la fin de cette procédure qui peut durer quelques dizaines de secondes en général, vous obtenez un nouvel affichage :</p>
<p><img src="https://abc.dotaddict.org/public/tutoriels/b-a_ba_abc/auto-update-6.png" alt="Message de fin de mise à jour" style="display:block; margin:0 auto;" title="Message de fin de mise à jour" /></p>
<p>Vous remarquerez un lien dans le message (repéré par une flèche verte dans l’image précédente). Il faut cliquer dessus pour finir la mise à jour et ressortir de l’administration. Vous obtenez alors cet affichage vous avertissant que Dotclear a été mis à jour et vous invitant à vous identifier :</p>
<p><img src="https://abc.dotaddict.org/public/tutoriels/b-a_ba_abc/auto-update-8.png" alt="Dotclear a été mis à jour" style="display:block; margin:0 auto;" title="Dotclear a été mis à jour" /></p>
<p>C’est tout, vous avez maintenant la dernière version de Dotclear !</p>
<hr />
<h3>Allo Houston ? On a un problème !</h3>
<p>Dans le cas ou la vérification des fichiers repère des problèmes, le moteur de mise à jour vous fournira la liste complète des fichiers posant problème, comme sur l’exemple ci-dessous :</p>
<p><img src="https://abc.dotaddict.org/public/tutoriels/b-a_ba_abc/auto-update-7.png" alt="Erreur de contrôle" style="display:block; margin:0 auto;" title="Erreur de contrôle" /></p>
<p>Il faudra alors soit restaurer les fichiers originaux issus d’une archive de la version actuelle<sup>[<a href="https://abc.dotaddict.org/post/2009/10/04/La-mise-a-jour-automatique#pnote-175-3" id="rev-pnote-175-3">3</a>]</sup>, 2.1.5 dans notre exemple, soit effectuer une mise à jour manuelle comme décrite dans <a href="http://fr.dotclear.org/documentation/2.0/admin/upgrade" hreflang="fr">la documentation</a>, au chapitre « Mise à jour du programme ».</p>
</div>
<div class="footnotes"><h4>Notes</h4>
<p>[<a href="https://abc.dotaddict.org/post/2009/10/04/La-mise-a-jour-automatique#rev-pnote-175-1" id="pnote-175-1">1</a>] Vous remarquerez ici qu’étant en version 2.1.5, il n’est possible que de revenir à la version antérieure, la 2.1.4, ce qui est tout à fait logique.</p>
<p>[<a href="https://abc.dotaddict.org/post/2009/10/04/La-mise-a-jour-automatique#rev-pnote-175-2" id="pnote-175-2">2</a>] Par contre on peut très bien en discuter dans les commentaires si vous le souhaitez.</p>
<p>[<a href="https://abc.dotaddict.org/post/2009/10/04/La-mise-a-jour-automatique#rev-pnote-175-3" id="pnote-175-3">3</a>] Les archives des versions précédentes de Dotclear sont disponibles en téléchargement sur le <a href="http://download.dotclear.org/attic/" hreflang="fr">serveur de Dotclear</a>.</p></div>https://abc.dotaddict.org/post/2009/10/04/La-mise-a-jour-automatique#comment-formhttps://abc.dotaddict.org/feed/atom/comments/175Critiquez, critiquez, il en sortira toujours quelque chose !urn:md5:544735717e6c3f118006b6268d5570572009-08-01T17:45:00+02:002009-08-01T17:45:00+02:00FranckBavardagesyes we can ! <p>Un titre en forme de boutade mais tout de même suffisamment sérieux pour qu’on s’y arrête un peu. Une équipe ergonomie a été constituée il y a quelques mois pour conduire une étude sur l’ergonomie générale de Dotclear — notez qu’on ne parlera que de la partie administration des blogs, ce qu’on appelle dans les milieux autorisés, le <em>backend</em><sup>[<a href="https://abc.dotaddict.org/post/2009/08/01/Critiquez-critiquez-il-en-sortira-toujours-quelque-chose#pnote-169-1" id="rev-pnote-169-1">1</a>]</sup>.</p>
<p>Pour mener à bien ses travaux, cette équipe à besoin de faire faire quelques exercices à un panel varié de personnes, que celles-ci soient expérimentées dans l’art de tenir un blog ou qu’elles n’en aient jamais vu un de leur vie. Il suffit de savoir naviguer sur internet et d’y remplir un questionnaire pour être susceptible d’y participer. En clair, nous avons besoin de tous.</p>
<p><a href="http://fr.dotclear.org/blog/post/2009/07/31/Grande-enqu%C3%AAte-sur-l-ergonomie-de-Dotclear" hreflang="fr">L’annonce</a> de cette enquête à été faite vendredi et nous avons déjà un retour très encourageant en ces temps de grandes vacances. Si vous avez envie d’y participer, d’apporter votre contribution à l’amélioration de l’outil — je rappelle que le connaître n’est absolument pas requis —, ou bien vous connaissez quelqu’un qui pourrait avoir envie de le faire ? Alors n’hésitez-pas et rejoignez-nous !</p>
<p>Toutes les informations sont <a href="http://fr.dotclear.org/blog/post/2009/07/31/Grande-enqu%C3%AAte-sur-l-ergonomie-de-Dotclear" hreflang="fr">ici</a></p>
<div class="footnotes"><h4>Notes</h4>
<p>[<a href="https://abc.dotaddict.org/post/2009/08/01/Critiquez-critiquez-il-en-sortira-toujours-quelque-chose#rev-pnote-169-1" id="pnote-169-1">1</a>] Qui saura me dire le terme utilisé pour l’autre partie, celle qui est visible aux lecteurs ?</p></div>https://abc.dotaddict.org/post/2009/08/01/Critiquez-critiquez-il-en-sortira-toujours-quelque-chose#comment-formhttps://abc.dotaddict.org/feed/atom/comments/169Sauvegarder, sauvegardez, sauvegardons (II - Où et comment)urn:md5:a4b2101d97981ed21c9acc9d9eea241e2009-07-24T10:06:00+02:002009-07-24T21:03:39+02:00notafishRègles du jeub.a basauvegarde<p>Maintenant que vous avez appris à <a href="https://abc.dotaddict.org/post/2009/07/08/13-Ma-premiere-sauvegarde">sauvegarder votre blog</a> dans le pas à pas, je reviens sur la théorie générale de la sauvegarde. C’est une chose de savoir sauvegarder son blog, mais finalement, il est bon d’apprendre que sauvegarder ne s’applique pas seulement à son blog, mais à tous ses fichiers.</p> <p>On a appris qu’il fallait sauvegarder et pourquoi <a href="https://abc.dotaddict.org/post/2009/05/22/Sauvegarder-sauvegardez-sauvegardons-I-Pourquoi">ici</a>, voyons maintenant où on peut sauvegarder et surtout comment.</p>
<h3>Où sauvegarder</h3>
<p>On en a déjà parlé, une sauvegarde n’est efficace que si elle est faite sur un support physique <strong>différent</strong> de celui qui contient l’original. Par exemple :</p>
<ul>
<li>Pour votre blog, l’original se trouve sur le serveur, il faut donc en faire une sauvegarde sur votre disque dur</li>
<li>Pour les fichiers de votre ordinateur (par exemple, les brouillons des billets que vous avez écrits dans le train – donc hors-ligne), on peut sauvegarder sur une clef usb ou sur un autre support amovible (disque dur externe, cd, dvd…). En effet, sauvegarder sur le même disque dur dans un autre dossier ne sert à rien, puisque si le disque dur craque, c’est mort pour le dossier original comme pour la sauvegarde.</li>
<li>Il existe des "espaces en ligne" qui vous permettent de sauvegarder hors de chez vous. L’offre est énorme, gratuite (par exemple les offres de votre hébergeur) ou payante (voir <a href="http://www.clubic.com/article-73299-5-sauvegarder-simplement-documents-ligne-guide.html" hreflang="fr">ce dossier</a>, malheureusement un peu daté pour quelques exemples). Ça, c’est pour ceux qui ont peur que leur maison brûle et que l’ordinateur comme les DVD de sauvegarde brûlent avec – ne riez pas, ça arrive plus souvent qu’on ne croit. Pour des données sensibles, cela peut être une vraie solution. Mais pour le coup, je préconiserais des offres payantes et sûres.</li>
</ul>
<h3>Comment sauvegarder</h3>
<p>Il y a probablement autant de façons de sauvegarder ses fichiers que d’utilisateurs d’ordinateurs, je vais essayer de traiter les plus communes.</p>
<h4>La copie simple, ou archive</h4>
<p>Comme son nom l’indique, la copie simple consiste à tout simplement copier un fichier (des fichiers, des dossiers…) vers un autre support que celui où sont stockées les données originales.</p>
<p>L’idée étant là d’avoir une image fidèle de ses fichiers à un instant T et de les garder en archives pour y revenir dans trois ans par exemple, la copie simple se fait simplement (merci Lapalisse) en copiant les fichiers d’un support vers l’autre.
Suivant le support que vous avez choisi, la copie simple se fera de deux façons différentes.</p>
<ul>
<li>par glisser-déposer d’un dossier de votre disque dur vers votre disque dur externe ou votre deuxième disque dur<sup>[<a href="https://abc.dotaddict.org/post/2009/07/24/Sauvegarder-sauvegardez-sauvegardons-II-Ou-et-comment#pnote-165-1" id="rev-pnote-165-1">1</a>]</sup> ou de votre ftp vers votre disque dur. Par défaut, sur la plupart des systèmes d’exploitation, lorsque vous glissez des fichiers d’un support physique vers un autre support physique, le système en fera une copie. Certains systèmes d’exploitation vous demanderont si vous souhaitez "déplacer" ou "copier". Comme leurs noms l’indiquent, le déplacement change les dossiers de place et la copie les copie. (Décidément, Lapalisse est mon ami). Vous pouvez effectuer cette copie simple avec votre explorateur de fichiers (ou votre logiciel ftp), sans programme subsidiaire. Lorsque vous copiez d’un support vers un autre, il se peut que votre explorateur vous demande si vous souhaitez "remplacer" un fichier par un autre si deux fichiers ont le même nom. Tout explorateur/logiciel ftp normalement constitué vous permettra de comparer les dates des fichiers portant le même nom et d’écraser (de remplacer) ou pas un fichier existant. A manipuler avec précaution.</li>
<li>en gravant un CD ou un DVD avec les données que vous voulez garder. Il faudra là pour le coup utiliser un logiciel spécialisé. Nero par exemple sous Windows (je crois aussi que Windows dispose d’un utilitaire de gravage intégré), Roxio Toast pour Mac, K3B pour Linux, j’en passe et des meilleurs. Le choix est grand. L’idée est là d’utiliser un CD ou un DVD comme un carton d’archives dans lequel on met ses dossiers que l’on ne touche plus jamais (sauf en cas de contrôle fiscal ;-)). Le gravage (sauf cas spécifiques de CD et DVD réinscriptibles) est définitif. Une fois que vous avez gravé, vous ne pourrez plus modifier les données sur le CD ou DVD.</li>
</ul>
<p>La copie simple est intéressante pour des fichiers que vous souhaitez par exemple supprimer de votre disque dur parce que vous n’en avez plus l’utilité quotidiennement, mais que vous souhaitez garder pour future référence.</p>
<h4>Sauvegardes différentielles et incrémentales (ou sauvegardes dynamiques)</h4>
<p>Cependant, si vous travaillez souvent sur vos dossiers, la copie simple est limitative en ce qu’elle garde une image figée de vos dossiers et fichiers. Il peut être intéressant de faire des sauvegardes plus dynamiques, qui vous permettent soit de rajouter des fichiers, soit de supprimer des fichiers n’existant plus et dont vous n’avez plus besoin.</p>
<ul>
<li>Sur un autre disque dur ou un disque dur externe, vous pouvez utiliser des logiciels (là aussi nombreux) qui à chaque sauvegarde vérifient quels fichiers ont été changés, ajoutés ou supprimés et qui archivent les nouvelles versions à côté des versions originales afin que vous puissiez avoir accès aux fichiers dans toutes leurs versions intermédiaires. L’intérêt étant que plutôt que d’écraser les fichiers en les remplaçant par une nouvelle version, le logiciel en gardera une copie datée à côté de la copie précédente.</li>
<li>Certains programmes de gravure (en tous cas les trois cités précédemment) vous permettent de faire la même chose sur des CD ou DVD, en gravant plusieurs "sessions" sur un même CD ou DVD. Le programme de gravage compare les dossiers de votre ordinateur et ceux sur votre DVD et ne copie que les nouveaux fichiers ou ceux qui ont été modifiés.</li>
</ul>
<p>La différence majeure entre la sauvegarde différentielle et la sauvegarde incrémentale est la sauvegarde prise comme référence lors de la restauration (quand on veut restaurer toutes ses données). Je ne vais pas entrer dans les détails ici, mais vous trouverez de bonnes explications <a href="http://www.commentcamarche.net/contents/surete-fonctionnement/sauvegarde.php3" hreflang="fr">sur cette page</a> et un peu moins claires (je trouve) sur <a href="http://fr.wikipedia.org/wiki/Sauvegarde" hreflang="fr">Wikipédia</a>.</p>
<h3>Quelques trucs à ne pas oublier</h3>
<h4>L’espace</h4>
<p>Non, nous n’allons pas sur la lune, il s’agit là de bien réfléchir à l’espace, la place que prennent vos données. Une sauvegarde prend autant de place que vous avez de données à sauvegarder. Prévoyez donc le support adéquat. Un DVD plutôt qu’un CD, un disque dur externe plutôt qu’une clef usb.</p>
<h4>La régularité</h4>
<p>Il ne sert à rien de sauvegarder, il faut sauvegarder à point. Sauvegarder touts les trente six du mois n’a pas de grand intérêt, sauf pour les archives que l’on ne touche plus. Pensez donc à sauvegarder souvent. Pour un ordinateur familial, une sauvegarde hebdomadaire est une bonne idée, pour une entreprise, ou si vous avez des projets en cours qui bougent quotidiennement, une sauvegarde quotidienne est une bonne idée.</p>
<h3>C’est bien compliqué tout ça.</h3>
<p>Oui, c’est assez compliqué (me rends-je compte en écrivant ces lignes). Vous trouverez pas mal de ressources, tutoriels et autres revues de programmes adéquats en googlant un peu. Chacun doit trouver la stratégie qui lui ressemble et sert ses besoins. La seule chose à retenir cependant, est : IL FAUT SAUVEGARDER (on ne vous le dira jamais assez). Le temps que vous passerez à trouver la meilleure stratégie de sauvegarde sera autant de temps gagné le jour où votre ordinateur vous lâche.</p>
<div class="footnotes"><h4>Notes</h4>
<p>[<a href="https://abc.dotaddict.org/post/2009/07/24/Sauvegarder-sauvegardez-sauvegardons-II-Ou-et-comment#rev-pnote-165-1" id="pnote-165-1">1</a>] Attention cependant, les "partitions", qui sont reconnues par le système comme des supports physique distincts, ne le sont pas vraiment. faire une copie d’une partition vers une autre sur le même disque dur ne vous met pas à l’abri d’une défaillance technique de votre disque dur qui vous priverait des originaux et de la copie.</p></div>https://abc.dotaddict.org/post/2009/07/24/Sauvegarder-sauvegardez-sauvegardons-II-Ou-et-comment#comment-formhttps://abc.dotaddict.org/feed/atom/comments/165#Hors-série - Mon premier tour de vélo sans les roulettesurn:md5:8981e9d26d3beae0f60ead43b46bfa302009-07-13T07:20:00+02:002009-07-13T07:20:00+02:00KozlikaHors-série<p>Les parents sont terribles, ils ont beau aimer leurs enfants, un jour où l’autre ils les envoient tout seuls chercher le pain… ou poser une question sur le <a href="http://www.dotclear.net/forum">forum de Dotclear</a>. Au secours !</p> <p>Eh oui, prendre son studio et même ses deux studios rien qu’à soi, ça fait rêver, mais ça comporte des obligations : le vrai passage à l’âge adulte c’est quand on devient au-to-nome. C’est la Françoise Dolto des blogs qui vous le dit : <em>apprenez à vous passer de nous</em>.</p>
<p>Oh ne vous inquiétez pas, on va continuer votre éducation ici, on va traficoter les thèmes, installer des plugins, bidouiller des trucs et des machins dans ce petit nid spécial débutants. Mais parallèlement, vous allez commencer à aller vous mêmes chercher l’information là où elle se trouve et poser des questions sur le forum. Vous allez vous en sortir comme des chefs, vous allez voir. Et donc cette semaine vous allez devoir :</p>
<h3>Chercher sur la documentation ou les tips</h3>
<p>Je vous rappelle leurs deux adresses :</p>
<ul>
<li><a href="http://fr.dotclear.org/documentation/2.0">la documentation</a></li>
<li><a href="http://tips.dotaddict.org/">les trucs et astuces</a></li>
</ul>
<p>Essayez de trouver d’ici lundi prochain au moins deux réponses pour ces trois questions :</p>
<ol>
<li>Comment créer un utilisateur et lui donner les autorisations nécessaires pour qu’il publie un billet sur votre bac à sable ?</li>
<li>Comment rendre la prévisualisation des commentaires facultative (c’est-à-dire que vos commentateurs puissent cliquer sur Envoyer directement depuis le formulaire des commentaires, sans passer par l’étape de prévisualisation) ?</li>
<li>Où se trouve l’index de toutes les <em>balises template</em> utilisées dans les fichiers html des thèmes ?</li>
</ol>
<h3>Poser une question sur le forum</h3>
<p>Il va s’agir ici de poser une question sur le forum concernant une personnalisation que vous souhaitez apporter à votre blog et pour laquelle ni la documentation ni le site des tips ne vous aura été d’aucune aide (ou incomplètement). Tâchez de formuler le plus clairement possible votre question (une seule à la fois), de la relire en vous demandant si elle est compréhensible pour qui n’est pas dans votre tête et de fournir toutes informations utiles pour qu’on puisse vous aider.</p>
<p>En haut de chaque section du forum, un message « épinglé » intitulé À LIRE AVANT DE POSTER vous indique les informations à fournir pour faciliter une aide rapide et efficace.</p>
<p>Allez hop, dehors ! et revenez avant minuit, faut pas exagérer non plus hein !</p>https://abc.dotaddict.org/post/2009/07/13/Hors-serie-Mon-premier-tour-de-velo-sans-les-roulettes#comment-formhttps://abc.dotaddict.org/feed/atom/comments/168Les widgets, ça se prend et puis ça se jetteurn:md5:a7eab03112d71add0c7b2b3e9f81a6902009-07-10T19:00:00+02:002009-07-10T19:00:00+02:00AgaaglaPersonnalisation<p>En vous <a href="https://abc.dotaddict.org/post/2009/05/08/8-Promnons-nous-dans-l-admin">promenant dans l’admin</a>, vous avez peut-être remarqué un lien intitulé <q>widgets de présentation</q>. De quoi s’agit-il ? D’un système qui vous permet de personnaliser très facilement les menus de votre blog. Allons voir ça de plus près.</p> <p>Les widgets sont donc de petits modules qui viennent s’ajouter dans les menus de votre blog. Dans le thème par défaut, ils forment la colonne de droite : moteur de recherche, liens de navigation (vers l’accueil et les archives), liste des catégories, des tags, liens d’abonnement (vous vous souvenez ? les fameux rss), etc. Tout ceci peut s’agencer et se configurer grâce aux widgets, et ce, sans toucher une ligne de code (que demande le peuple ?).</p>
<p>Avez-vous bien trouvé le lien ? Il est, côté admin, dans la colonne de gauche, dans le menu <q>blog</q>. Cliquons.</p>
<h3>La page des widgets</h3>
<p><a href="https://abc.dotaddict.org/public/tutoriels/personnalisation/widgets.jpg"><img src="https://abc.dotaddict.org/public/tutoriels/personnalisation/.widgets_m.jpg" alt="admin : la page des widgets" style="display:block; margin:0 auto;" title="admin : la page des widgets" /></a></p>
<p>Trois colonnes se déroulent sous vos yeux :
la première, comme son nom l’indique, présente les widgets disponibles. elle constitue une sorte de réserve à widgets.<br />
Les deux autres indiquent quels sont les widgets actuellement utilisés sur votre blog. Pourquoi deux colonnes pour ce faire ? parce qu’il y a en fait deux menus, l’un regroupant tout ce qui est <q>navigation</q>, c’est-à-dire qu’il permet d’aiguiller vos lecteurs vers les différentes parties du blog, l’autre, nommé <q>bandeau d’extra</q>, regroupant.. le reste !<br />
Dans le thème par défaut, on ne voit pas vraiment la différence entre ces deux menus, ils sont en fait l’un sous l’autre. Mais certains thèmes peuvent les différencier, voire les séparer.</p>
<h3>Personnaliser un widget</h3>
<p>Vous voudriez bien que votre blog parle français et ne dise pas <em>tags</em> mais <em>mots-clés</em> ? Repérez le widget intitulé <strong>Tags</strong> et dépliez le petit <q>+</q> bleu. Ici vous pouvez choisir comment va se comporter le widget : comment il s’intitulera, combien de tags (euh, non, <em>mots-clés</em>) il affichera, et dans quel ordre. Tous les widgets permettent au minimum de modifier leur titre, alors laissez parler votre inventivité (mais veillez tout de même à rester compréhensible !)</p>
<p>Vous êtes satisfait de vos modifications ? Cliquez sur <q>mettre à jour les bandeaux</q> pour enregistrer la nouvelle configuration. (N’hésitez pas à faire des essais, vous pourrez toujours revenir à la configuration d’origine grâce au bouton <q>réinitialiser les bandeaux</q>).</p>
<h3>Ajouter un widget</h3>
<p>Promenez votre souris dans la colonne de gauche : le curseur devient une petite main, grâce à laquelle vous allez pouvoir attraper le widget qui vous intéresse et le faire glisser jusqu’à l’une des deux autres colonnes. Par exemple, je mettrais bien le widget <strong>Texte</strong> tout en haut de mon bandeau d’extra. Reste à savoir ce que je vais y raconter : me présenter ? souhaiter la bienvenue à mes lecteurs ?</p>
<h3>Supprimer un widget</h3>
<p>Vous en avez marre de la voir, cette liste de tags ? Vous voudriez la faire disparaître ? Rien de plus simple : il faut la refaire glisser vers la colonne de gauche, et hop, au grenier ! Elle attendra sagement que vous décidiez finalement de la remettre en service.</p>
<p>Bien sûr, il ne faut pas oublier d’enregistrer (<q>mettre à jour</q>) avant de quitter la page.</p>
<p>Un dernier point pour finir : lorsque vous installerez des plugins, il se peut que certains ajoutent un widget à votre blog. Par exemple, le plugin <strong>Contactez-moi</strong> insère un lien vers un formulaire de contact, comme sur l’Abc. Cette page vous permettra alors de le personnaliser.</p>https://abc.dotaddict.org/post/2009/05/23/Les-widgets-ca-se-prend-et-puis-ca-se-jette#comment-formhttps://abc.dotaddict.org/feed/atom/comments/151#13 - Ma première sauvegardeurn:md5:49196701dfa65d2d25d50293ce30d8b52009-07-08T09:24:00+02:002009-07-08T20:23:49+02:00KozlikaMaintenance<p>Imaginons un scénario (pas si improbable) : et si vous faisiez une grosse bêtise sur votre blog ? Ou si votre hébergeur mettait la clé sous la porte ? Horreur et putréfaction ? Non, car vous aurez pris soin de sauvegarder à intervalles réguliers. Voyons quoi et comment.</p> <p>Sauvegarder, sauvegarder et sauvegarder encore, voici la clé de nuits paisibles et de journées radieuses. Vous avez des trucs chez votre hébergeur, il va s’agir d’en détenir une copie sur votre ordinateur. Ainsi si quelque malheur arrive vous pourrez <em>restaurer</em> votre blog. Autre utilité : le changement d’hébergeur, le retour en arrière après une fausse manip. Prêts ? En avant pour notre première sauvegarde.</p>
<h3>Que sauvegarder ?</h3>
<p>Si vous avez à peu près compris comment fonctionne Dotclear (<a href="http://fr.dotclear.org/documentation/2.0/overview/how-does-it">révisions ici</a>), vous aurez également compris que deux sauvegardes doivent être faites :</p>
<ul>
<li>les fichiers du FTP (c’est-à-dire les fichiers faisant tourner votre blog et réglant son affichage, vos médias…)</li>
<li>le contenu de la base de données (vos billets, les commentaires, les catégories, etc.)</li>
</ul>
<p>Nous ne sauvegarderons pas <em>tous</em> les fichiers du FTP : seuls ceux que nous avons personnalisés nous intéressent : le moteur proprement dit pourra toujours être réinstallé en le récupérant sur le site de Dotclear, inutile de vous encombrer avec ces fichiers ! (Notez que c’est l’une des raisons pour lesquelles nous avons séparé le répertoire du moteur et le répertoire de chaque blog : on s’y retrouve beaucoup plus facilement).</p>
<h3>Où sauvegarder ?</h3>
<p>Commencez déjà par créer sur votre ordinateur, dans votre répertoire <code>mon_blog</code>, un répertoire astucieusement nommé <code>sauvegardes</code>. Puis dans ce répertoire, on va créer un autre répertoire à chaque fois qu’on fera une nouvelle sauvegarde ; de façon toujours aussi astucieuse, on lui donnera un nom correspondant à la date pour l’identifier facilement : pour celle d’aujourd’hui, donc : <code>090708</code><sup>[<a href="https://abc.dotaddict.org/post/2009/07/08/13-Ma-premiere-sauvegarde#pnote-164-1" id="rev-pnote-164-1">1</a>]</sup> Et puisque nous avons deux blogs, créons encore un niveau avec un répertoire pour chaque blog.</p>
<p>Vous avez donc cette arborescence :</p>
<ul>
<li><code>mon-blog</code>
<ul>
<li>[…]</li>
<li><code>sauvegardes</code>
<ul>
<li><code>090708</code>
<ul>
<li><code>bacasable</code></li>
<li><code>initial</code></li>
</ul></li>
</ul></li>
</ul></li>
</ul>
<h3>Comment sauvegarder ?</h3>
<h4>Les fichiers du FTP</h4>
<p>Lancez votre client FTP (Filezilla ou Cyberduck).</p>
<h5>config.php</h5>
<p>Le premier fichier qu’on va sauvegarder, c’est le fichier de configuration de l’installation : il indique à Dotclear le nom de la base de données et autres infos s’y rapportant, et des trucs de geek. Rappelez-vous nous l’avons d’ailleurs modifié pour indiquer à Dotclear que les nouveaux plugins devraient se ranger dans <code>mes_plugins</code>.</p>
<p>Ce fichier est commun pour tous les blogs et constant tant que vous ne changerez pas d’hébergeur. On va donc le ranger au premier niveau de notre répertoire de sauvegardes une bonne fois pour toutes ; cette opération n’aura pas besoin d’être renouvelée.</p>
<p>Dans la partie gauche (aussi appelée "chez moi"), dépliez l’arborescence jusqu’à afficher le contenu de <code>/mon_blog/sauvegardes/</code>.</p>
<p>Dans la partie droite (aussi appelée "chez eux"), dépliez l’arborescence jusqu’à afficher le contenu de <code>/dotclear/inc/</code>.</p>
<p>Faites glisser <em>de la droite vers la gauche</em> le fichier nommé <code>config.php</code> (si un fichier <code>config.php.in</code> est également présent il ne nous intéresse pas, seul le <code>config.php</code> tout court est à sauvegarder).</p>
<h5>les fichiers du blog</h5>
<p>Dans la partie gauche (votre ordinateur), dépliez l’arborescence jusqu’à afficher le contenu (pour l’instant vide) de <code>/mon_blog/sauvegardes/090708/</code>.</p>
<p>Dans la partie droite (votre hébergement), afficher le niveau d’arborescence le plus haut (celui qui présente <code>dotclear</code>, <code>bacasable</code>, <code>carnet</code>, etc.)</p>
<p>Faites glisser <em>de la droite vers la gauche</em> tout le répertoire <code>bacasable</code>. Hop, d’un coup d’un seul vous venez de sauvegarder vos thèmes, vos images, sons, vidéos, le fichier index.php propre à ce blog.</p>
<p>Renouvelez l’opération pour chaque blog.</p>
<p>C’est fini pour le FTP.</p>
<h4>Les données</h4>
<p>Il faut maintenant sauvegarder le <strong>contenu</strong> de chaque blog. Pour ce faire, Dotclear propose un outil qui facilite bien la vie. Connectez-vous tout d’abord à l’administration de votre installation.</p>
<ol>
<li>Dans le menu tout en haut, sélectionnez le blog <em>bacasable</em>.</li>
<li>Dans la rubrique <em>Extensions</em> du menu d’administration, cliquez sur le lien <q>Import/Export</q></li>
<li>Dans la page qui s’affiche, choisissez le lien <q>Exporter un fichier texte</q></li>
<li>La nouvelle page qui s’affiche présente deux parties : <em>Exporter un blog</em> et <em>Exporter tout le contenu</em>. Cliquez sur le bouton <q>Exporter</q> de la première partie.</li>
</ol>
<p><em>Note : ce qui différencie ces deux types de sauvegardes c’est que la première sauvegarde blog par blog et la seconde sauvegarde tous les blogs d’un coup + les réglages faits dans l’interface d’administration ; nous n’aurons besoin d’utiliser celle-ci que dans le cadre d’un changement d’hébergeur, ce qui fera l’objet d’un autre tutoriel.</em></p>
<p>L’activation de ce bouton a déclenché la constitution d’un fichier et son téléchargement sur votre disque dur (généralement sur le bureau). Déplacez ce fichier dans <code>/mon_blog/sauvegardes/090708/bacasable/</code>.</p>
<p>Renouvelez l’opération à partir du point 1 pour chaque blog.</p>
<p>On a fini !</p>
<h3>A quelle fréquence faut-il sauvegarder ?</h3>
<p>Ce délai dépend beaucoup de la fréquence à laquelle vous publiez, d’une part, de l’importance que vous accordez à vos publications, d’autre part. Ayez en tête que si un malheur arrive vous pourrez restaurer (on dit aussi <em>remonter</em>) la version présente sur votre ordinateur ; si donc vous publiez un article qui vous a demandé du mal, faites aussitôt une sauvegarde via Import/Export. De la même façon, si vous avez procédé à des modifications importantes de votre thème que vous voulez conserver, sauvegardez le jour même le répertoire du thème en question.</p>
<p>De façon "courante", une sauvegarde hebdomadaire des données semble un bon rythme.</p>
<h3>Les sauvegardes suivantes</h3>
<p>Vous n’avez pas besoin de suivre ce processus complet toutes les semaines : par exemple si vous ne touchez plus à votre thème il est inutile de le sauvegarder de nouveau. De même, si vous ajoutez des médias une fois par trimestre,</p>
<p>On peut dire qu’il faut sauvegarder les données toutes les semaines et le reste en fonction des changements effectués ou non.</p>
<h3>Bonus abc</h3>
<p>Tant que vous y êtes, pensez à créer dans <code>sauvegardes</code> un répertoire <code>exercices</code> dans lequel vous glisserez les autres fichiers avec lesquels nous avons travaillé : le index.html, le test.html et le style.css.</p>
<div class="footnotes"><h4>Notes</h4>
<p>[<a href="https://abc.dotaddict.org/post/2009/07/08/13-Ma-premiere-sauvegarde#rev-pnote-164-1" id="pnote-164-1">1</a>] Le choix de placer dans l’ordre année/mois/jour permet que les éléments se "rangent" bien dans l’ordre quand il y en a plusieurs.</p></div>https://abc.dotaddict.org/post/2009/07/08/13-Ma-premiere-sauvegarde#comment-formhttps://abc.dotaddict.org/feed/atom/comments/164On t’a donné la permission ?urn:md5:90565171a9d15725312ac797b80095bb2009-07-03T12:00:00+02:002009-07-09T12:42:38+02:00LomalarchAller plus loin<p>Parmi les mystères de l’internet et des serveurs, il y a celui des <em>droits</em> sur les fichiers. Il arrive (et ça nous est arrivé à tous) que telle ou telle fonctionnalité, voire le site entier ne fonctionne pas du tout en raison de droits insuffisants. Comme dirait le capitaine Haddock, c’est à la fois très simple et très compliqué. Essayons de faire le point.</p> <h3>Les utilisateurs</h3>
<p>La majeure partie des serveurs sur internet utilisent des systèmes d’exploitation dérivés d’Unix, comme Linux ou FreeBSD. De ce système à la <a href="http://fr.wikipedia.org/wiki/UNIX#.C3.80_l.27heure_actuelle" hreflang="fr">riche descendance</a> retenons un principe qui nous intéresse pour le cas présent : il est à la fois multitâches et multi-utilisateurs. Cela signifie que plusieurs personnes à la fois peuvent faire plusieurs choses différentes sur la même machine<sup>[<a href="https://abc.dotaddict.org/post/2009/07/03/On-ta-donne-la-permission#pnote-153-1" id="rev-pnote-153-1">1</a>]</sup> et, par conséquent, ça suppose de bien « régler la circulation » pour que Paul ne puisse pas casser le travail de Jean-Louis tout en accédant aux photos de vacances de Raoul !</p>
<p>On trouvera donc des utilisateurs et des groupes ; chaque groupe contient plusieurs utilisateurs, chacun membre de plusieurs groupes<sup>[<a href="https://abc.dotaddict.org/post/2009/07/03/On-ta-donne-la-permission#pnote-153-2" id="rev-pnote-153-2">2</a>]</sup>. Par ailleurs chaque fichier, chaque dossier <em>appartient</em> à un utilisateur et groupe (et un seul) dont l’utilisateur est membre.</p>
<h3>Permissions</h3>
<p>Il existe quatre niveaux de permissions, repérées par les valeurs lettres ou chiffres suivantes :</p>
<ul>
<li>0- aucune (on ne peut même pas savoir que le fichier existe),</li>
<li>4-r lire (on peut voir le contenu du fichier, mais pas le modifier),</li>
<li>2-w écrire (on peut modifier et réenregistrer le fichier, voire le supprimer),</li>
<li>1-x exécution (on peut « faire agir » le fichier, lui permettant par exemple de lancer un programme ou d’agir sur le système) ;</li>
</ul>
<p>réparties entre trois catégories d’utilisateurs :</p>
<ul>
<li>le propriétaire,</li>
<li>le groupe,</li>
<li>les autres (qui ne sont, donc, ni le propriétaire, ni membres du groupe).</li>
</ul>
<p>Chaque fichier et dossier possède donc un « code » qui permet d’identifier les permissions, qu’on notera en lettres ou en chiffres. Pour la notation en lettres, on met le signe de chaque permission à la suite et un <code>-</code> quand la permission n’est pas disponible. On aura ainsi <code>rwx</code> pour lecture + écriture + exécution, ou <code>r-x</code> pour lecture + exécution. Pour obtenir la valeur chiffrée d’une permission spécifique, il faut additionner les valeurs indiquée ci-dessus, par exemple : 7 = 4 + 2 + 1 = lecture + écriture + exécution.</p>
<p>Le code de trois lettres ou un chiffre sera défini pour chaque catégorie d’utilisateur, on obtiendra donc neuf lettres ou trois chiffres. Tous les droits pour tout le monde pourra s’écrire 777<sup>[<a href="https://abc.dotaddict.org/post/2009/07/03/On-ta-donne-la-permission#pnote-153-3" id="rev-pnote-153-3">3</a>]</sup> et tous les droits pour le propriétaire mais uniquement lecture et exécution pour les membres du groupe et autres se notera 755. Ces deux valeurs étant celles qu’on est le plus souvent amené à utiliser en cas de « problèmes de droits » sur un fichier ou un dossier, je ne saurai trop vous suggérer d’en garder la référence dans un coin de cerveau<sup>[<a href="https://abc.dotaddict.org/post/2009/07/03/On-ta-donne-la-permission#pnote-153-4" id="rev-pnote-153-4">4</a>]</sup>.</p>
<h3>Tout cela est bel et bon, mais comment j’interviens sur ces permissions ?</h3>
<p>Quand vous envoyez des fichiers par FTP sur le serveur, ceux-ci appartiennent… à votre identifiant FTP. Il est important d’avoir en tête que <em>vous ne pouvez pas changer le propriétaire</em> (ce type de manipulation est réservé à l’administrateur du système). Or, Dotclear, lui, discute avec le serveur en tant qu’utilisateur « web »<sup>[<a href="https://abc.dotaddict.org/post/2009/07/03/On-ta-donne-la-permission#pnote-153-5" id="rev-pnote-153-5">5</a>]</sup>, qui possède ses propres droits, et qui va avoir besoin de pouvoir intervenir sur certains fichiers et dossiers de Dotclear, principalement dans les dossiers de thèmes, de plugins, de médias (le dossier public) et dans le dossier cache (si Dotclear ne peut pas y écrire, un message d’erreur extrêmement disgracieux s’affiche à la place du blog).</p>
<p>Grâce à votre client FTP, vous pouvez régler les permissions, en sélectionnant un fichier sur le serveur, puis, par clic-droit (ou ctrl-clic sur Mac) vous accéderez aux permissions des fichiers. N’oubliez pas, quand il s’agit d’un dossier, d’appliquer les modifications aux contenus (sous-dossiers et fichiers). On parle alors de « récursion » (le vocabulaire informatique est d’une poésie insoupçonnée).</p>
<p>Notez qu’il arrive aussi qu’on désigne les permissions par un mot un peu barbare : CHMOD. Il s’agit en fait de la <a href="http://fr.wikipedia.org/wiki/Chmod">commande</a> utilisée pour modifier les permissions en ligne de commande, que, par abus de langage, on étend à la désignation des permissions définies.</p>
<p>C’est tout pour aujourd’hui, vous n’aurez pas volé votre apéro… <a href="https://abc.dotaddict.org/post/2009/03/27/FTP-%3A-client-serveur-protocole-mais-de-quoi-tu-causes">Serveur</a> !</p>
<div class="more-posts">
<h3>Fiches pratiques</h3>
<ul>
<li><a href="https://abc.dotaddict.org/fiche/Modifier-les-permissions-avec-Cyberduck">Modifier les permissions avec Cyberduck</a></li>
<li><a href="https://abc.dotaddict.org/fiche/Modifier-les-permissions-avec-Filezilla">Modifier les permissions avec Filezilla</a></li>
</ul>
</div>
<div class="footnotes"><h4>Notes</h4>
<p>[<a href="https://abc.dotaddict.org/post/2009/07/03/On-ta-donne-la-permission#rev-pnote-153-1" id="pnote-153-1">1</a>] on pourrait être tenté d’objecter que sur mon ordinateur, quand j’occupe le clavier, il n’y a pas grand monde qui peut faire autre chose en même temps, mais ce serait oublier que le principe du <a href="https://abc.dotaddict.org/post/2009/03/27/FTP-%3A-client-serveur-protocole-mais-de-quoi-tu-causes">serveur</a>, c’est précisément que de nombreux utilisateurs peuvent s’y <em>connecter</em>, donc l’utiliser, en même temps, à travers le réseau</p>
<p>[<a href="https://abc.dotaddict.org/post/2009/07/03/On-ta-donne-la-permission#rev-pnote-153-2" id="pnote-153-2">2</a>] mais pas tous les utilisateurs dans tous les mêmes groupes, hein, sinon ça ne servirait à rien…</p>
<p>[<a href="https://abc.dotaddict.org/post/2009/07/03/On-ta-donne-la-permission#rev-pnote-153-3" id="pnote-153-3">3</a>] ou rwxrwxrwx mais cette notation, plus claire mais plus lourde, se rencontre moins souvent</p>
<p>[<a href="https://abc.dotaddict.org/post/2009/07/03/On-ta-donne-la-permission#rev-pnote-153-4" id="pnote-153-4">4</a>] c’est toujours ça qui ne sera pas disponible pour Coca-Cola :-D </p>
<p>[<a href="https://abc.dotaddict.org/post/2009/07/03/On-ta-donne-la-permission#rev-pnote-153-5" id="pnote-153-5">5</a>] le nom de cet utilisateur, lié au serveur web, varie selon les configurations, le nom « web » n’est pas à prendre au pied de la lettre</p></div>https://abc.dotaddict.org/post/2009/07/03/On-ta-donne-la-permission#comment-formhttps://abc.dotaddict.org/feed/atom/comments/153#12 annexe - C’est le bazar ? on fait le pointurn:md5:65941b5d8b481b2a19f546245585ba922009-07-02T17:26:00+02:002009-07-02T17:26:00+02:00KozlikaPersonnalisation<p>Associé au tutoriel de lundi, on fait le point sur les fichiers sur l’hébergement. Vous pourrez ainsi vérifier que tout va bien !</p> <div style="color:blue; font-size: .9em">
<p>Notes de lecture :<br />
– un slash / précédant le nom signifie que c’est un dossier (on dit aussi répertoire)<br />
– la mention […] signifie qu’il y a d’autres fichiers ou dossiers mais que nous ne les détaillons pas.<br />
- les liens sur les noms de fichier donnent accès au contenu qu’ils doivent avoir<br />
- attention : nous parlons des fichiers et dossiers <strong>sur votre hébergement</strong>, pas sur votre disque dur</p>
</div>
<p>Vous devez trouver, si vous avez suivi tous les tutos :</p>
<ul>
<li><strong>.htaccess</strong> (ce fichier n’est pas présent si PHP5 s’active depuis votre console client chez votre hébergeur, comme chez PHPnet par exemple)</li>
<li><strong>/bacasable</strong>
<ul>
<li><strong>index.php</strong> (<a href="https://abc.dotaddict.org/public/fichiers_types/index-bacasable.txt">index.php du blog bacasable</a>)</li>
<li><strong>/public</strong></li>
<li><strong>/themes</strong>
<ul>
<li><strong>/default</strong></li>
</ul></li>
</ul></li>
<li><strong>/carnet</strong>
<ul>
<li><strong>index.php</strong> <em>(si vous avez choisi le cas 3B)</em> (<a href="https://abc.dotaddict.org/public/fichiers_types/index-initial-3B.txt">index.php du blog initial (cas 3B)</a>)</li>
<li><strong>/public</strong></li>
<li><strong>/themes</strong>
<ul>
<li><strong>/default</strong></li>
</ul></li>
</ul></li>
<li><strong>/dotclear</strong>
<ul>
<li><strong>/inc</strong>
<ul>
<li><strong>config.php</strong> (<a href="https://abc.dotaddict.org/public/fichiers_types/config.txt">lignes 52 et 53 du fichier inc/config.php</a>) (le reste de ce fichier varie selon vos paramètres)</li>
</ul></li>
<li>index.php (<a href="https://abc.dotaddict.org/public/fichiers_types/index-dotclear.txt">index.php de dotclear</a>)</li>
<li>[…]</li>
</ul></li>
<li>index.html<sup>[<a href="https://abc.dotaddict.org/post/2009/07/02/12-annexe-Cest-le-bazar-on-fait-le-point#pnote-162-1" id="rev-pnote-162-1">1</a>]</sup></li>
<li><strong>index.php</strong> <em>(si vous avez choisi le cas 3A)</em> (<a href="https://abc.dotaddict.org/public/fichiers_types/index-initial-3A.txt">index.php du blog initial (cas 3A)</a>)</li>
<li><strong>mes_plugins</strong></li>
<li>test.html<sup>[<a href="https://abc.dotaddict.org/post/2009/07/02/12-annexe-Cest-le-bazar-on-fait-le-point#pnote-162-2" id="rev-pnote-162-2">2</a>]</sup></li>
<li>style.css<sup>[<a href="https://abc.dotaddict.org/post/2009/07/02/12-annexe-Cest-le-bazar-on-fait-le-point#pnote-162-3" id="rev-pnote-162-3">3</a>]</sup></li>
</ul>
<div class="footnotes"><h4>Notes</h4>
<p>[<a href="https://abc.dotaddict.org/post/2009/07/02/12-annexe-Cest-le-bazar-on-fait-le-point#rev-pnote-162-1" id="pnote-162-1">1</a>] Créé lors des premiers tutos.</p>
<p>[<a href="https://abc.dotaddict.org/post/2009/07/02/12-annexe-Cest-le-bazar-on-fait-le-point#rev-pnote-162-2" id="pnote-162-2">2</a>] Créé pour la première leçon de css.</p>
<p>[<a href="https://abc.dotaddict.org/post/2009/07/02/12-annexe-Cest-le-bazar-on-fait-le-point#rev-pnote-162-3" id="pnote-162-3">3</a>] Créé pour la première leçon de css.</p></div>https://abc.dotaddict.org/post/2009/07/02/12-annexe-Cest-le-bazar-on-fait-le-point#comment-formhttps://abc.dotaddict.org/feed/atom/comments/162#12 - The Ultimate and definitive vrai blogurn:md5:9371a755cdd50bae39d7d32bab9b61052009-06-29T14:04:00+02:002009-06-30T13:49:36+02:00KozlikaPersonnalisation<p>Assez joué, il est temps de créer le vrai blog, l’authentique, celui que le monde entier attendait jusqu’à aujourd’hui. Prêts ?</p> <p>À partir d’aujourd’hui, vous allez devenir le détenteur de deux blogs : votre bac à sable, que vous allez conserver afin d’y faire vos tests et essais tranquilles, et le blog public. Une fois ce blog créé, vous aurez compris la manip pour n’importe quel autre nouveau blog, il ne tiendra plus qu’à vous de décider combien vous en voulez !</p>
<h3>Deux adresses possibles, il faut choisir !</h3>
<p>Vous allez d’abord devoir décider à quelle adresse vous souhaitez que s’affiche votre blog. Deux solutions sont possibles :</p>
<ul>
<li>qu’il s’affiche directement quand on tape votre nom de domaine « tout court » (dans notre jargon on dit « un blog [qui répond] à la racine »), c’est-à-dire sur <code>http://example.com/</code> ;</li>
<li>qu’il s’affiche en « enfant » (dans notre jargon on dit un blog dans un dossier) de votre nom de domaine, par exemple sur <code>http://example.com/carnet/</code></li>
</ul>
<p>Je dis <strong>carnet</strong> pour simplifier les explications avec une seule appellation exemple, mais libre à vous de choisir un autre mot, pourvu qu’il ne comporte ni accents ni espaces : <code>http://example.com/toto/</code> ou <code>http://example.com/blog/</code> par exemple.</p>
<p>Réfléchissez deux minutes avant de trancher : on trouve souvent plus simple et plus élégant que le blog réponde « à la racine » mais si vous escomptez avoir plusieurs blogs d’importance hiérarchique égale il vaut mieux qu’ils soient tous « enfants ». Par ailleurs, placer un blog à la racine interdit aussi d’avoir une page « centre d’aiguillage » vers les différents lieux de votre domaine. Voyez par exemple <a href="http://mudry.org/">chez Julien</a> : ses blogs, son photoblog et d’autres pages lui appartenant sont des enfants de son domaine et l’url racine offre une page de présentation générale. Idem <a href="http://www.kozlika.org/">chez moi</a>.</p>
<p>En tout état de cause, une fois votre choix fait, vous suivrez la partie commune du tutoriel ci-dessous (étapes 1 et 2) puis celle qui concerne le cas que vous avez choisi (étapes 3, puis 3A ou 3B).</p>
<h3>Étape 1 - On crée un nouveau blog dans la base de données</h3>
<p>Depuis votre tableau de bord, choisissez le lien <q>Blogs</q> dans la rubrique <strong>Système</strong> du menu latéral. Puis cliquez sur le lien <q>Créer un nouveau blog</q>.</p>
<p>Dans le champ « Identifiant du blog », indiquez un mot simple sans accents ni espaces ; ce mot ne sera jamais rendu public, c’est juste un identifiant pour la base de données, inutile donc de vous casser la tête trois heures sur un joli nom. Pour ce tutoriel, nous l’appelerons <code>initial</code> (si vous comptez faire plusieurs blogs, un mot signifiant peut vous aider à retrouver vos petits en cas de soucis un jour demandant de vous rendre dans la base de données et y fourailler des trucs bizarres). Ensuite, <strong>n’y touchez plus jamais</strong>, Dotclear ne retrouverait plus ses petits.</p>
<p>Dans le champ « Nom du blog », inscrivez le nom de votre nouveau blog : c’est le titre qui apparaîtra en haut du blog, il est modifiable à tout instant sans que ça risque de compromettre quoi que ce soit.</p>
<p>Dans le champ « URL vers le blog », inscrivez, selon que vous aurez choisi un blog à la racine ou un blog enfant du domaine :</p>
<ul>
<li><code>http://example.com/?</code></li>
<li>ou <code>http://example.com/carnet/?</code></li>
</ul>
<p>(et n’oubliez pas le point d’interrogation à la fin !)</p>
<p>Dans le champ « Description du blog », mettez ce que vous voulez ou n’y mettez rien.</p>
<p><strong>Rappel :</strong> dans la suite de ce tutoriel, je partirai du principe que l’identifiant du nouveau blog est <code>initial</code> et que le répertoire propre à ce nouveau blog s’appellera <code>carnet</code>. Si vous en choisissez d’autres ou si vous créez un troisième blog, pensez à répercuter le changement.</p>
<p>Cliquez sur <q>Enregistrer</q>. Le blog est créé dans la base.</p>
<p>Tous ces paramètres seront accessibles et modifiables via le Tableau de bord puis <q>Paramètres du blog</q> (sauf l’identifiant du blog qu’il ne faudra plus changer comme je viens de vous le dire).</p>
<h3>Étape 2 - On dirige le moteur vers les bons répertoires</h3>
<p>Vérifiez que c’est bien le nouveau blog qui est actif : tout en haut de votre page d’administration, c’est lui qui doit s’afficher dans le champ « Blogs », à côté du bouton <q>Voir le site</q>. Si ça n’est pas le cas, sélectionnez-le dans le menu déroulant.</p>
<p>Dans le menu d’administration, choisissez le lien <q>about:config</q> dans la rubrique <strong>Extensions</strong>.</p>
<p>Remplacez les valeurs de ces quatre champs comme suit :</p>
<ul>
<li>public_path: <code>../carnet/public</code></li>
<li>public_url: <code>/carnet/public</code></li>
<li>themes_path: <code>../carnet/themes</code></li>
<li>themes_url: <code>/carnet/themes</code></li>
</ul>
<p>Ne négligez ni les slashes ni les points !</p>
<h3>Étape 2 - On crée le dossier correspondant à ce blog</h3>
<p>Sur votre ordinateur, créez un répertoire nommé <code>carnet</code> ou <code>toto</code> ou tout autre nom, que votre projet soit d’avoir un blog sur l’URL racine ou en « enfant ». Toutefois, si vous avez choisi d’avoir une adresse type <code>http://example.com/carnet/</code> il faut veiller à nommer le répertoire <code>carnet</code>, si vous avez choisi une adresse telle que <code>http://example.com/trucmachin/</code> il faut veiller à nommer le répertoire <code>trucmachin</code> etc., je pense que vous avez compris le principe.</p>
<p>Dans ce dossier, placez :</p>
<ul>
<li>un répertoire nommé <code>themes</code> : c’est là qu’iront se ranger tous les thèmes que vous installerez depuis ce blog
<ul>
<li>il faut impérativement y placer une copie du thème par défaut</li>
</ul></li>
<li>un répertoire nommé <code>public</code> : c’est là que viendront se placer les médias que vous diffuserez sur ce blog.</li>
</ul>
<p>À l’aide de votre client FTP, envoyez ce dossier au même niveau que <code>dotclear</code> et <code>bacasable</code> (rappel : au même niveau ça veut dire à côté : vous devez voir ces trois dossiers au même niveau d’arborescence).</p>
<h3>Étape 3 - On crée le fichier index.php du blog</h3>
<p>Dernière étape, la création du fichier index.php, le point névralgique d’entrée sur le blog.</p>
<h4>3A - Pour un blog qui répond à la racine</h4>
<p>À l’aide de votre éditeur de texte, créez un fichier nommé <code>index.php</code> et copiez-y les lignes suivantes :</p>
<pre class="brush: php"><?php
/**
placer le blog sur la racine :
l'identifiant du blog est "initial"
les fichiers du moteur sont dans /dotclear
*/
define('DC_BLOG_ID','initial'); # identifiant du blog
require dirname(__FILE__).'/dotclear/inc/public/prepend.php'; # chemin vers prepend.php
?></pre>
<p>Envoyez ce fichier <strong>au même niveau</strong> que <code>dotclear</code>, <code>bacasable</code>, <code>carnet</code>.</p>
<h4>3B - Pour un blog « enfant du domaine »</h4>
<p>À l’aide de votre éditeur de texte, créez un fichier nommé <code>index.php</code> et copiez-y les lignes suivantes :</p>
<pre class="brush: php"><?php
/**
placer le blog sur example.com/carnet :
l'identifiant du blog est "initial"
les fichiers du moteur sont dans /dotclear
*/
define('DC_BLOG_ID','initial'); # identifiant du blog
require dirname(__FILE__).'/../dotclear/inc/public/prepend.php'; # chemin vers prepend.php
?></pre>
<p>Envoyez ce fichier <strong>dans</strong> le dossier <code>carnet</code>.</p>
<h4>Note liminaire pour les curieux</h4>
<p>Les plus curieux d’entre vous auront noté que deux choses seulement distinguent les deux procédures, la seconde découlant de la première :</p>
<ol>
<li>l’endroit où on place le fichier <code>index.php</code></li>
<li>le chemin qu’on doit donner pour indiquer où se trouve le fichier prepend.php du moteur par rapport à l’index.php</li>
</ol>
<p>Ces trois caractères <code>/..</code> font toute la différence : ils signalent qu’il faut remonter d’un niveau dans l’arborescence avant de descendre dans dotclear (si vous voulez on vous fait un dessin ?). TROIS caractères, quand je vous dis que ça tient à un poil de c.. ces choses-là !</p>
<h3>Criez victoire !</h3>
<p>Si tout s’est bien passé, vous avez désormais un joli blog tout neuf qui répond à l’adresse que vous avez choisie. Il ne vous reste plus qu’à y placer le thème de votre choix (et le bac à sable vous servira à y tester des thèmes et leur personnalisation avant de le verser sur le "vrai blog" par exemple), à y activer les plugins pour les fonctions supplémentaires que vous souhaitez avoir. C’est sur ces personnalisations que nous reviendrons désormais, notamment les personnalisations d’apparence, car en suivant le présent tutoriel vous êtes désormais aptes à créer autant de blogs que le cœur vous en dira !</p>
<h3>Aller plus loin ?</h3>
<p>Deux cas n’ont pas été abordés dans ce tutoriel :</p>
<ul>
<li>le blog que vous voulez créer (ou un blog ultérieur) doit s’afficher <strong>sur un autre nom de domaine</strong> que votre installation Dotclear ;</li>
<li>vous ne souhaitez pas que chaque blog dispose de ses thèmes et/ou répertoire public propres mais communautariser les uns et/ou l’autre.</li>
</ul>
<p>Cela fera l’objet d’autres fiches, plutôt dans quelques semaines, sauf si vous en avez besoin tout de suite, auquel cas il faut vous manifester pour qu’un mono concocte ça rapidement.</p>https://abc.dotaddict.org/post/2009/06/29/12-The-Ultimate-and-definitive-vrai-blog#comment-formhttps://abc.dotaddict.org/feed/atom/comments/161Choisir un thèmeurn:md5:ecea664e44e85692d004fbfb96a47b4a2009-06-23T11:24:00+02:002009-06-23T11:24:00+02:00KozlikaUn peu de théorie<p>Quelques pistes et conseils pour choisir l’apparence (chez Dotclear on dit <em>thème</em>) de votre blog.</p> <p>Vous venez d’emménager dans votre maison et les murs offrent pour l’instant le papier peint du constructeur. Vous choisirez peut-être de le laisser ainsi, soit que l’habillage par défaut vous convienne, soit que vous ne vous attachez qu’au contenu et êtes parfaitement indifférent à sa présentation.</p>
<p>Mais dans la plupart des cas, l’une des premières préoccupations du blogueur nouveau est de choisir quel aspect revêtira son bébé du web. Voyons tout d’abord de quoi il s’agit :</p>
<h3>Qu’est-ce qu’un thème ?</h3>
<p>Comme vous le savez sans doute après la lecture du premier article sur les CSS, le contenu de votre blog est indépendant de sa présentation : un thème c’est l’ensemble des fichiers qui règlent la façon dont les contenus sont affichés pour vos visiteurs. Imaginons par exemple qu’afficher la date du billet ne vous convienne pas, c’est dans le thème que vous ferez des modifications. Dans votre base de données cette date sera toujours présente.</p>
<p>Dotclear dispose d’un thème par défaut qui comporte des fichiers types structurant l’affichage des contenus. Allez y faire un tour grâce à votre client FTP et explorez le répertoire <code>/bacasable/themes/default</code> : le sous-répertoire <code>tpl</code> est celui qui contient toutes les "carcasses" de présentation : <code>home.html</code> s’occupe de la page d’accueil, <code>post.html</code> de la page d’un billet affiché seul, etc. Tous ces fichiers et les <em>contextes</em> qu’ils gèrent sont expliqués <a href="http://fr.dotclear.org/documentation/2.0/resources/themes#guide-d-utilisation-des-themes">dans le guide d’utilisation des thèmes</a>.</p>
<p>A côté de ce répertoire comportant les fichiers de structure, on trouve la feuille de style (fichier <code>style.css</code>) : elle va indiquer le placement des contenus, la mise en couleurs, les dimensions, les familles de caractères (…) à appliquer aux éléments contenus dans la page. On trouvera également dans le répertoire du thème un autre sous-répertoire contenant les images servant à la présentation (sous-répertoire <code>img</code> dans le répertoire du thème par défaut). Si d’autres petits programmes sont mis en place pour gérer la présentation, ils seront également placés dans le répertoire du thème ainsi que sa "carte d’identité" (fichier <code>_define.php</code>) et éventuellement un lot de fonctions <em>ad hoc</em> (fichier <code>_public.php</code>).</p>
<p>On pourrait continuer à décrire ainsi la mécanique d’un thème mais ça n’est pas le propos du jour. Retenons donc que tous les fichiers gérant <strong>l’organisation et la présentation</strong> (et uniquement elles) de vos pages sont réunis dans un thème.</p>
<p>Retenons aussi, pour abaisser le niveau de pression qu’on peut changer de thème facilement et que le choix que vous ferez ne présente aucun caractère irrémédiable.</p>
<h3>Choisir un thème</h3>
<p>Les critères essentiels qui doivent présider au choix d’un thème s’articulent sur deux idées majeures :</p>
<ul>
<li>L’organisation d’une page est beaucoup plus difficile à modifier que sa décoration</li>
<li>Le choix du thème doit dépendre du contenu du blog</li>
</ul>
<h4>Mieux vaut une archi chouette avec une déco moche que l’inverse</h4>
<p>ça paraît évident si je vous dis qu’il est plus facile de changer de pantalon que de modifier son nombre de bras, n’est-ce pas ? Et pourtant, combien de gens installent un thème parce qu’ils aiment l’image de la bannière…</p>
<p>Je ne consacrerai pas ici de longs développements sur ce point, car il faut avoir mis les mains dans le CSS et s’être battu avec les positionnements de blocs pour en prendre toute la mesure. En attendant que les tutoriels CSS vous convainquent du bien-fondé de mon énoncé, croyez-moi sur parole : ne choisissez pas un thème parce que les zigouigouis dans la colonne de gauche sont bien jolis ou que la couleur du fond de page est tip top. Tâchez, autant que vous le pouvez, de vous abstraire de la décoration. Pensez organisation de la page, structure, architecture <strong>avant tout</strong>. Ajouter une colonne à un thème en comportant deux est biiiiiiiiiiien beaucoup sacrément plus compliqué que modifier les couleurs ou les images.</p>
<p>Vigilance donc, quand vous irez faire votre marché sur <a href="http://themes.dotaddict.org/galerie-dc2">DotAddict</a>. Si vous ne trouvez pas de thème qui présente à la fois la structure et la déco qui vous plaise, faites votre choix en fonction de la structure. Adapter la déco fait partie des premiers apprentissages en CSS, créer ou modifier une structure qui ne se casse la figure sur aucun navigateur demande nettement plus d’apprentissages.</p>
<h4>La forme au service du fond</h4>
<p>Vous vous étonnez peut-être que l’abc publie un article sur le choix d’un thème. Vous pourriez vous dire - et c’est ce que beaucoup font - que vous n’avez qu’à aller sur la galerie des thèmes et choisir le plus joli. Or sauf à imaginer que vous avez le goût du décalé, vous ne porteriez sans doute pas un bleu de chauffe pour aller aux dîners de l’ambassadeur ni une robe de soirée pour escalader l’Everest. L’habillage d’un blog doit également tenir compte du contenu qu’il présente. C’est la raison pour laquelle nous recommandions la rédaction d’un mini "cahier des charges" au tutoriel précédent.</p>
<p>Vos projets de blog bien en tête, voici maintenant quelques repères, en vrac, que vous enrichirez de vos propres réflexions :</p>
<h5>Combien de colonnes ?</h5>
<p>Une, deux, trois colonnes ? Ou encore une autre disposition originale ? Cela va dépendre en grande partie de ce que vous voulez mettre en valeur : une ou deux colonnes privilégient les parutions billets. Sur mon blog personnel par exemple j’ai choisi de mettre en avant l’aspect "journal de bord", un peu comme on ouvrirait un cahier ; le menu est en bas de la page pour qui voudrait feuilleter au-delà de la dernière parution. Les blogs photos optent aussi couramment pour une ou deux colonnes de façon à privilégier les images dans un environnement graphique dépouillé.</p>
<p>Le choix de trois colonnes répondra à un besoin de beaucoup de contenus en marge : outre le classique menu du blog, vous souhaitez afficher des encarts publicitaires, les derniers commentaires, une longue liste de liens, la météo, un lecteur de musique, votre dernière photo déposée sur un compte flickr, …</p>
<h5>Wha les thèmes magazines sont super beaux, j’en veux un !</h5>
<p>Et je vous comprends. Le thème <a href="http://themes.dotaddict.org/galerie-dc2/details/Zeitung">Noviny</a> et son petit frère <a href="http://themes.dotaddict.org/galerie-dc2/details/Zeitung">Zeitung</a> ont connu et connaissent encore un grand succès.</p>
<p>Mais ce type de thème est contraignant. Pour l’accueil, le thème prend la première image du billet et l’affiche en miniature ; si vous ne placez pas d’image dans le billet il prendra alors l’image située dans la description de la catégorie et s’il n’y en a pas, vous vous trouverez avec un espace vide patréjoli. Ces thèmes sont également conçus pour un contenu très structuré et varié : comme la première page offre le début du billet le plus récent de chaque catégorie, si vous publiez 10 billets à la suite dans la même catégorie les neuf premiers vont rapidement s’enfoncer dans les tréfonds des archives. Oh, bien sûr, la souplesse du système des thèmes vous permettrait de modifier ces comportements mais ça n’est pas à la portée d’un tout débutant, même en suivant les tutoriels publiés ici ou là au sujet de ce thème.</p>
<h5>Oooooh les jolies fleurs, oh le beau background écossais !</h5>
<p>Attention à l’effet paillettes ! Prenons un exemple : parmi les thèmes soulevant l’engouement des foules, le très joli <a href="http://themes.dotaddict.org/galerie-dc2/details/Notepad-Chaos">NotePad Chaos</a> présente un aspect chatoyant et décoratif fort séduisant. Mais ces qualités ont leur revers. La complexité de la décoration le rend peu adaptable : pas question ici de remplacer une image par une autre de votre cru, toute la composition est construite autour de la décoration. Cela signifie que vous ne pourrez y ajouter votre patte et que votre blog si personnel ressemblera à tous les autres blogs ayant adopté le même thème. Autre inconvénient : si vous publiez des photos elles vont être noyées par le "bruit" de la décoration.</p>
<p>Lorsqu’un thème très chargé attire votre oeil, posez-vous la question de sa facilité de personnalisation et ne l’adoptez que s’il vous convient très bien comme ça.</p>
<h5>Il n’est pas un peu nu celui-là ?</h5>
<p>Certains thèmes peuvent vous sembler un peu trop sobres : et si c’était un atout ? Celui de pouvoir facilement ajouter votre touche personnelle ? Choisissez un thème de ce type si vous avez envie de jouer à décorer votre intérieur. Les thèmes simples sont les plus faciles à personnaliser.</p>
<h5>Fond sombre, fond clair ?</h5>
<p>A vous de voir. Personnellement je déteste lire de longs textes en blanc sur fond noir mais j’apprécie les gris en fond de photoblogs. Si un thème vous séduit, promenez-vous dans sa démonstration (chaque fiche du <a href="http://themes.dotaddict.org/galerie-dc2/">site des thèmes</a> offre un lien de démonstration) ; placez-vous dans la position du lecteur. Est-ce confortable ? Agréable ?</p>
<h5>et autres critères</h5>
<p>On continue à en discuter dans les commentaires ?</p>https://abc.dotaddict.org/post/1970/01/01/Choisir-un-theme#comment-formhttps://abc.dotaddict.org/feed/atom/comments/158C’est aujourd’hui que ça se passe !urn:md5:21fde7be9691304fa90a28c3442699bc2009-06-20T08:55:00+02:002009-06-20T08:55:00+02:00LomalarchBavardages <p>Sur ce coup-là, on a raté un point sur la checklist, celui qui consistait à passer l’info par ici… Je vous glisse donc l’information avant de filer pour (peut-être) vous retrouver.</p>
<p>Ce samedi 20 juin, de 10 heures à 18 heures a lieu ce qu’on appelle une install-party Dotclear. Le principe en est simple : dans un bar wifi, vous venez avec votre ordinateur, vos accès hébergeur, vos questions ou votre envie de nous voir et on cause Dotclear, on accompagne les grands débutants (ou les moins débutants aussi, ne soyons pas sectaires) dans leur première installation ou dans leur personnalisation, autour d’un verre voire de mangeaille.</p>
<p>Bref, vous pouvez signaler votre venue <a href="http://fr.dotclear.org/blog/post/2009/06/10/Install-Party%2C-troisième-édition">ici</a>, ça se passe 7 rue Clisson, au Tamm Bara, dans le XIIIe arrondissement de Paris (M° Chevaleret), nous y serons, et espếrons avoir la chance d’y voir retrouver certains d’entre vous.</p>
<p>À très bientôt, ici ou là :-)</p>https://abc.dotaddict.org/post/2009/06/20/Cest-aujourdhui-que-ca-se-passe#comment-formhttps://abc.dotaddict.org/feed/atom/comments/157#11 - Réfléchir avant d’agirurn:md5:c94286398f447948691080251134d0fd2009-06-07T16:54:00+02:002009-06-07T22:09:55+02:00KozlikaPersonnalisation<p>Oui, ce billet est rangé dans les tutoriels « Pas à pas » et pourtant nous n’allons manipuler aucun fichier et aucun code. C’est parce que nous estimons que cette étape est indispensable.</p> <p>Revenons sur les pas accomplis.</p>
<p>Le gros des bases a été vu. Avec plus ou moins de difficultés, vous avez appris à vous servir d’un logiciel de transfert de fichiers (Filezilla ou Cyberduck), à modifier un fichier avec un éditeur, et vous distinguez à peu près la différence entre « sur mon ordinateur » et « chez mon hébergeur ».</p>
<p>Ces notions sont importantes et même si elles ne sont pas tout à fait acquises, ça en prend le chemin. Au fait, pour les notions peu claires, n’hésitez pas à revenir sur le(s) billet(s) les abordant et à demander des explications complémentaires. Il ne faut pas hésiter non plus, comme Lola vient de le faire par mail – et vous pouvez le faire directement dans les commentaires du billet concerné – à proposer des rédactions plus claires de tel ou tel point sur lequel vous avez achoppé.</p>
<p>L’étape de l’installation a été franchie, vous avez même préparé votre installation à recevoir plusieurs blogs (oui oui, c’est entre autres à ça que sert le dernier tuto. Nous y reviendrons d’ici une semaine ou deux) et votre bac à sable est prêt à recevoir vos tâtonnements et essais. Nous avons également installé la boîte à outils (le plugin daInstaller) qui vous permettra des installations de modules complémentaires.</p>
<p>Mais rappelez-vous, tout cela a une destination : créer <strong>votre</strong> blog. Dans les étapes que vous franchirez désormais il s’agira de personnaliser votre installation en fonction de <strong>vos</strong> besoins spécifiques.</p>
<p>Il est donc temps de faire le point sur votre « cahier des charges ». De même qu’on n’équipe pas une voiture de la même façon selon qu’on veut pouvoir la garer facilement en ville ou y accrocher une caravane, selon que cette voiture emportera 2 ou 20 personnes ou que votre véhicule doit avoir une conduite nerveuse, un confort luxueux, passer inaperçue ou faire se retourner les gens sur votre passage, selon ce que vous voudrez faire de votre blog vous ne choisirez pas les mêmes thèmes, vous n’aurez pas besoin des mêmes plugins.</p>
<p>L’exercice de cette semaine consistera donc à publier dans votre bac à sable votre projet de blog. Rassurez-vous, rien n’est immuable et vous pourrez changer votre fusil d’épaule dans trois jours ou dans trois ans ! Que comptez vous y mettre ? Surtout des textes, plutôt des photos, un peu des deux ? Des textes plutôt longs ou courts ? Votre blog sera-t-il de la tendance journal intime, magazine, portfolio, vrac de tout ? Un exemple pour que vous compreniez le but de cette étape : si par exemple vous comptez présenter des photos, il faudra choisir un thème sobre qui les mette bien en valeur, plutôt que tel thème très joli mais fort chargé qui noiera vos zimages dans un entrelacs de décorations.</p>
<p>Et tant que vous y êtes, profitez de l’occasion de la publication de ce billet pour vous exercer à utiliser les différents éléments de l’interface d’édition de vos billets en vous appuyant sur la documentation. <a href="http://fr.dotclear.org/documentation/2.0/usage">Tout est là</a> pour l’alimentation du blog et <a href="http://fr.dotclear.org/documentation/2.0/usage/entries">c’est ici</a> pour la rédaction des billets en particulier. Allez hop, au boulot !</p>https://abc.dotaddict.org/post/2009/06/07/Reflechir-avant-dagir#comment-formhttps://abc.dotaddict.org/feed/atom/comments/156Il y a quelqu’un ?urn:md5:2d25d15b055f95fb5d5f2b472e3f902d2009-05-28T10:23:00+02:002009-05-28T10:23:00+02:00KozlikaBavardages <p>Nous voici tout désemparés, nous n’avons plus de nouvelles de la plupart d’entre vous, ceux et celles qui étaient là dans les premières semaines.</p>
<p>Nous nous interrogeons : avez-vous pris une pause pour les ponts de mai ? Avançons-nous trop vite ? Tout se passe-t-il si bien que vous n’avez pas besoin d’aide ? ça ne vous amuse plus ?</p>
<p>Dites-nous où vous en êtes, discutons éventuellement tous ensemble des raisons qui vous font marquer cette pause. Et puis n’oubliez pas, outre les commentaires des billets, la <a href="http://abc.dotaddict.org/fiche/Boite-a-voeux">boîte à voeux</a> vous est ouverte pour passer commande d’un tutoriel spécifique, n’hésitez pas à vous en servir !</p>https://abc.dotaddict.org/post/2009/05/28/Il-y-a-quelquun#comment-formhttps://abc.dotaddict.org/feed/atom/comments/154#10 - Les thèmes et les plugins, c’est facile avec daInstallerurn:md5:e0223f3f7d82a3a5b884a2ed5dcc8e592009-05-25T21:25:00+02:002009-06-07T22:09:44+02:00MoePersonnalisationpluginthème<p>daInstaller, le plugin qui installe ce qu’on lui demande en un clic.</p> <p>Vous voulez un Dotclear à votre image ? Lorsque vous avez installé Dotclear, vous avez aussi installé plusieurs modules (les plugins et les thèmes) qui sont fournis avec, comme le thème par défaut Blowup où le plugin Metadata qui gère les tags des billets. Tous les utilisateurs de Dotclear ont ces mêmes modules. On peut en rajouter d’autres qu’on a choisis pour avoir un blog qui répond à <strong>nos</strong> besoins. Cela se fait grâce à de nouveaux plugins et thèmes, créés par les développeurs de Dotclear ou par d’autres bénévoles.</p>
<h3>Les thèmes</h3>
<p>Les thèmes sont les habillages du blog, ils utilisent des <a href="https://abc.dotaddict.org/post/2009/04/20/CSS-1-Un-peu-de-deco-sur-ma-page-de-test">feuilles de style CSS</a> et parfois des fichiers template spécifiques. En changeant de thème, on modifie l’affichage du blog sans modifier son contenu.</p>
<p>Sur le <strong>Tableau de bord</strong> de l’administration, cliquer sur <strong>Apparence du blog</strong> pour accéder à la page d’administration des thèmes :</p>
<p><a href="https://abc.dotaddict.org/public/tutoriels/personnalisation/admin_themes.png"><img src="https://abc.dotaddict.org/public/tutoriels/personnalisation/.admin_themes_m.jpg" alt="Admin : Thèmes" style="display:block; margin:0 auto;" title="Admin : Thèmes" /></a>
(cliquer sur l’image pour la voir en taille réelle)</p>
<p>Si vous avez plusieurs blogs, vous pouvez utiliser un thème différent pour chaque blog.</p>
<p>Ceux installés avec Dotclear sont :</p>
<ul>
<li>Blowup : c’est le thème par défaut de Dotclear</li>
<li>Blue Silence : l’ancien thème par défaut de Dotclear</li>
<li>Custom theme : une feuille de style CSS blanche, à modifier</li>
</ul>
<h3>Les plugins (ou greffons ou extensions)</h3>
<p>Les plugins sont chargés en même temps que Dotclear, ce sont des sortes de mini-applications qui étendent les capacités de Dotclear. En général, elles répondent à un besoin spécifique.</p>
<p>Pour accéder à la page d’administration des plugins, il faut dérouler le sous-menu <strong>SYSTÈME</strong> du menu de gauche de l’administration et cliquer sur <strong>Extensions</strong> :</p>
<p><a href="https://abc.dotaddict.org/public/tutoriels/personnalisation/admin_plugins.png"><img src="https://abc.dotaddict.org/public/tutoriels/personnalisation/.admin_plugins_m.jpg" alt="Admin : Plugins" style="display:block; margin:0 auto;" title="Admin : Plugins" /></a>
(cliquer sur l’image pour la voir en taille réelle)</p>
<p>La liste apparaît ainsi après qu’on ait suivi le tutoriel <a href="https://abc.dotaddict.org/post/2009/05/19/Chacun-chez-soi">Chacun chez soi</a>, pour l’exemple nous avons installé le plugin contactMe.</p>
<p>Dotclear est livré avec ces plugins :</p>
<ul>
<li>about:config : modifier les paramètres généraux et ceux du blog</li>
<li>Akismet : un filtre antispam</li>
<li>Antispam : identifier les commentaires indésirables</li>
<li>Blogroll : gérer une liste de liens</li>
<li>Blowup Config : configurer le thème par défaut (le thème Blowup)</li>
<li>External Media : inclure un média externe dans ses billets grâce à un bouton dans la barre d’édition</li>
<li>Fair Trackbacks : un filtre antispam</li>
<li>Import / Export : importer ou exporter un blog ou tous les blogs</li>
<li>Maintenance : réaliser des opérations de maintenance sur la base de données</li>
<li>Metadata : gèrer les tags</li>
<li>Pages : ajouter des pages au blog</li>
<li>Pings : prévenir les moteurs de recherche lorsque vous publiez un billet</li>
<li>themeEditor : éditer les thèmes depuis l’administration de Dotclear</li>
<li>Widgets : afficher des widgets sur le blog</li>
</ul>
<p>Vous pouvez désactiver les plugins dont vous ne vous servez pas, cela évitera de les charger pour rien. Vous pourrez toujours les réactiver ensuite.</p>
<p>Il existe d’autres plugins, créés par des utilisateurs de Dotclear, ils ajoutent de nouvelles fonctions à Dotclear :</p>
<ul>
<li>prévenir par email lorsqu’un nouveau commentaire est publié</li>
<li>permettre aux visiteurs de changer de thème</li>
<li>ajouter des syntaxes pour la rédaction de billets</li>
<li>etc.</li>
</ul>
<h3>Où trouver ces modules ?</h3>
<p>Outre l’abc que vous êtes en train de lire, DotAddict héberge d’autres sous-sites : un pour les <a href="http://plugins.dotaddict.org/dc2/" hreflang="fr" title="DotAddict.org : Plugins pour Dotclear 2">plugins</a> et un pour les <a href="http://themes.dotaddict.org/galerie-dc2/" hreflang="fr" title="DotAddict.org : Thèmes pour Dotclear 2">thèmes</a>.Ces sites sont des dépôts où de gentils contributeurs et de gentilles contributrices partagent leurs créations. En naviguant sur ces pages (ou fiches), on peut découvrir de jolis thèmes et des plugins utiles, qu’on peut installer en envoyant le fichier .zip sur son blog.</p>
<p>Mais il y a une méthode encore plus rapide, le plugin <strong>daInstaller</strong> permet d’installer des modules depuis son blog en quelques clics, c’est magique !</p>
<h3>Présentation d’une fiche</h3>
<p>Sur l’image suivante, les différentes zones qui constituent la fiche d’un plugin ont été mises en valeur. Les fiches des thèmes sont quasiment identiques, elles contiennent des captures d’écran.</p>
<p><a href="https://abc.dotaddict.org/public/tutoriels/personnalisation/dotaddict_plugin_daInstaller.png"><img src="https://abc.dotaddict.org/public/tutoriels/personnalisation/.dotaddict_plugin_daInstaller_m.jpg" alt="Dotaddict : le plugin daInstaller" style="display:block; margin:0 auto;" title="Dotaddict : le plugin daInstaller" /></a>
(cliquer sur l’image pour la voir en taille réelle)</p>
<p>On distingue les zones suivantes :</p>
<ol>
<li>le menu de navigation de DotAddict contient des liens pour naviguer sur les différents sous-sites de DotAddict</li>
<li>le menu de gauche contient un formulaire de recherche et des liens pour naviguer dans les listes de plugins de différentes façons</li>
<li>le titre du plugin et sa version surplombent une description succincte du plugin, affichée sur les listes de plugins</li>
<li>les informations du plugin sont issues des auteurs des plugins, elles peuvent décrire plus précisément comment utiliser le plugin, le personnaliser, le mettre à jour, etc.</li>
<li>les informations techniques indiquent :
<ul>
<li>la version du plugin</li>
<li>la version minimale de Dotclear nécessaire au fonctionnement du plugin</li>
<li>la licence, qui précise les droits d’utilisation de la création</li>
<li>le support : une adresse email ou un lien vers une page pour contacter l’auteur en cas de problème</li>
<li>le lien de téléchargement</li>
</ul></li>
<li>des informations sur l’auteur, les dates de dépôts sur DotAddict et la famille (la catégorie) du plugin</li>
</ol>
<h3>Installer l’installateur daInstaller</h3>
<p>Cliquez sur <a href="http://plugins.dotaddict.org/dc2/details/daInstaller" hreflang="fr">ce lien vers la fiche de daInstaller</a>. Placez votre curseur sur le lien de téléchargement qu’on a repéré précédemment. Faites apparaître le menu contextuel de votre navigateur :</p>
<ul>
<li>en faisant un clic droit si vous avez une souris ou un trackpad avec deux boutons</li>
<li>en maintenant la touche Ctrl appuyée tout en cliquant si vous êtes sur Mac</li>
</ul>
<p>Le menu s’ouvre, choissisez de copier l’adresse (l’URL) du plugin. Votre ordinateur va garder en mémoire l’adresse suivante : <code>http://plugins.dotaddict.org/dc2/download/202</code></p>
<p>Rendez-vous sur votre blog, cliquez sur <strong>Extensions</strong> dans le sous-menu <strong>SYSTÈME</strong> du menu de gauche, puis sélectionnez l’onglet <strong>Installer ou mettre à jour une extension</strong>. Vous voyez deux formulaires pour installer un plugin, le premier en envoyant un fichier zip et le second en utilisant l’URL d’un fichier zip, c’est ce formulaire que nous allons utiliser, il est noté <strong>1</strong> sur cette image :</p>
<p><a href="https://abc.dotaddict.org/public/tutoriels/personnalisation/admin_install_plugin.png"><img src="https://abc.dotaddict.org/public/tutoriels/personnalisation/.admin_install_plugin_m.jpg" alt="Admin : Installer un plugin" style="display:block; margin:0 auto;" title="Admin : Installer un plugin" /></a>
(cliquer sur l’image pour la voir en taille réelle)</p>
<p>Cliquez dans le champ <strong>URL du fichier zip de l’extension :</strong> en faisant un clic droit et collez l’adresse du plugin. Entrez votre mot de passe en-dessous puis cliquez sur <strong>Télécharger l’extension</strong>. Le plugin s’installe, un message de confirmation s’affiche en haut de la page. daInstaller est installé !</p>
<h3>Notes</h3>
<p>Les modules déjà installés n’apparaissent pas dans daInstaller.</p>
<p>Pour diverses raisons, les dépôts de DotAddict ne contiennent pas tous les plugins et thèmes sortis à ce jour. Vous devrez peut-être installer un plugin sans passer par daInstaller, cela fera peut-être l’objet d’un future fiche sur abc. En attendant vous pouvez vous fier à la <a href="http://fr.dotclear.org/documentation/2.0/admin/plugins#installer-une-extension" hreflang="fr">documentation de Dotclear</a>.</p>
<h3>Conclusion</h3>
<p>Vous pouvez installer tous les plugins avec daInstaller mais cela ne veut pas dire que vous devez tous les installer ! Nous verrons prochainement les critères pour choisir un thème un un plugin.</p>
<div class="more-posts">
<h3>Fiches pratiques</h3>
<ul>
<li><a href="https://abc.dotaddict.org/fiche/Installer-un-plugin-avec-daInstaller">Installer un plugin avec daInstaller</a></li>
<li><a href="https://abc.dotaddict.org/fiche/Installer-un-thème-avec-daInstaller">Installer un thème avec daInstaller</a></li>
</ul>
</div>https://abc.dotaddict.org/post/2009/05/25/Les-themes-et-les-plugins-cest-facile-avec-daInstaller#comment-formhttps://abc.dotaddict.org/feed/atom/comments/148Sauvegarder, sauvegardez, sauvegardons (I - Pourquoi)urn:md5:568d8e65a73f8d76e9a413fbefabf0362009-05-22T18:00:00+02:002009-05-22T18:00:00+02:00notafishRègles du jeub.a basauvegarde<p>Sauvegarder, sauvegardez, sauvegardons, il en restera toujours quelque chose…</p>
<p>On l’a dit, on l’a redit, on le redira, on ne le dira jamais assez. Sauvegardez. Toujours, souvent, même quand vous n’y pensez pas, surtout quand vous n’y pensez pas.</p> <h3>Sauvegarder, ça veut dire quoi ?</h3>
<p>Mon dictionnaire en ligne préféré en parle <a href="http://www.cnrtl.fr/lexicographie/sauvegarder" hreflang="fr">en ces termes</a> :
<code>A. − Assurer la protection, la défense de quelqu'un ou de quelque chose. Synon. protéger. Sauvegarder ses intérêts, son avenir. </code>
<code>B. − Conserver, maintenir intact quelque chose. </code></p>
<p>Dans le jargon informatique, sauvegarder veut dire : <code>garder une copie à jour, ainsi que des archives (une photo à un moment donné), de ses fichiers et de ses données, afin de pouvoir les restaurer si jamais l'original disparaissait</code>.</p>
<h3>Pourquoi sauvegarder</h3>
<p>La raison est simple. Personne n’est à l’abri d’un pétage de plombs de son ordinateur, d’une attaque de méchants pirates <sup>[<a href="https://abc.dotaddict.org/post/2009/05/22/Sauvegarder-sauvegardez-sauvegardons-I-Pourquoi#pnote-137-1" id="rev-pnote-137-1">1</a>]</sup>, pas même votre hébergeur (sur les ordinateurs duquel vos fichiers sont posés pour que le monde entier y ait accès). Et un pétage de plombs, qui attaquerait le disque dur (l’endroit où vos fichiers sont stockés), aurait pour conséquence la perte pure et simple de vos fichiers. Un fichier, ça peut représenter quelques heures (jours, mois, années) de travail, que vous n’avez pas forcément envie de recommencer. Je suis sûre que même les moins techos d’entre vous ont déjà vu Word ou Excel leur claquer entre les doigts avant d’avoir "enregistré" et ont vu leur travail tout simplement disparaître.</p>
<p>De la même façon que votre ordinateur n’est pas à l’abri d’une panne, il peut arriver que celui de votre hébergeur tombe en panne aussi et que vos données soient perdues. Et là, c’est le désastre.</p>
<p>Il arrive aussi que l’on aime bien bidouiller (après tout, c’est ce que nous tentons de vous apprendre sur l’abc ;-)). On va dans les fichiers, on change ici un bout de code, là une couleur, ailleurs un mot. Et puis on se rend compte que c’était bien mieux avant, ou que l’on a tout cassé, mais impossible de se souvenir de ce qu’on a changé exactement. Avoir une sauvegarde à jour juste avant de bidouiller, ça évite bien des tracas.</p>
<p>Donc, il faut sauvegarder. Par défaut et dans un monde idéal, il faudrait avoir à tout moment ses fichiers, ses données, dans (au moins) deux endroits <strong>physiquement différents</strong> et synchronisés (une copie carbone, exacte, à jour) afin de pouvoir survivre au crash de l’hébergeur ou du disque dur. Pour ce que nous faisons, on va dire qu’une sauvegarde hebdomadaire est déjà un excellent début.</p>
<p>Je reviens vers vous dans quelques jours avec la réponse aux questions clef "Comment sauvegarder" et "Quoi sauvegarder". Mais retenez déjà ça. IL FAUT SAUVEGARDER (on ne vous le dira jamais assez).</p>
<div class="footnotes"><h4>Notes</h4>
<p>[<a href="https://abc.dotaddict.org/post/2009/05/22/Sauvegarder-sauvegardez-sauvegardons-I-Pourquoi#rev-pnote-137-1" id="pnote-137-1">1</a>] ça c’est un bout écrit par Kozlika ;-)</p></div>https://abc.dotaddict.org/post/2009/05/22/Sauvegarder-sauvegardez-sauvegardons-I-Pourquoi#comment-formhttps://abc.dotaddict.org/feed/atom/comments/137Qu’est-ce qu’un logiciel libre ?urn:md5:9db32c21d0ad5f6d6366c9fdbb51dce22009-05-21T11:00:00+02:002009-05-21T11:00:00+02:00Tristan NitotRègles du jeu<p>« Dotclear est, parait-il, un logiciel libre. Mais qu’est-ce que ça peut bien vouloir dire ? En fait, ça n’est pas tant le logiciel qui est libre que son utilisateur. » Tristan Nitot nous l’explique.</p> <p>Dotclear est, parait-il, un logiciel libre. Mais qu’est-ce que ça peut bien vouloir dire ? En fait, ça n’est pas tant le logiciel qui est libre que son utilisateur. Voyons voir comment et pourquoi. L’inverse d’un logiciel libre, c’est un logiciel propriétaire. La plupart des logiciels commerciaux qu’on utilise sont propriétaires. Par exemple, Internet Explorer, Word ou Windows, tous les trois sont propriétaires. C’est à dire que vous avez payé pour avoir le droit de les utiliser, vous ne pouvez pas voir comment il est fait, vous ne pouvez pas le modifier (même si vous en avez les compétences) et vous n’avez pas le droit d’en redistribuer des copies.</p>
<p>Le logiciel libre, c’est tout le contraire ! On peut étudier comment il est fait car le "code source" – la "recette" écrite par les développeurs informatiques – est disponible. On a aussi le droit de l’utiliser comme on veut, de le modifier, et de redistribuer des copies.</p>
<p>Dotclear est l’un de ces logiciels libres. Il est écrit, maintenu et amélioré par une communauté de contributeurs, bénévoles pour la plupart, pour le simple plaisir de partager le fruit de leur labeur, tout en profitant des améliorations faites par d’autres.</p>
<p>Peut-être avez vous entendu parler de <a href="http://www.ubuntu-fr.org/">Linux</a>, d’<a href="http://fr.openoffice.org/">OpenOffice.org</a> (suite bureautique) et de <a href="http://getfirefox.com/">Firefox</a> (navigateur Web) ? Eux aussi sont des logiciels libres. Ils sont téléchargeables gratuitement et peuvent être redistribués… comme Dotclear !</p>
<p>Envie d’en savoir plus ? Une <a href="http://www.gnu.org/philosophy/free-sw.fr.html">définition officielle du logiciel libre</a> existe, et on peut <a href="http://fr.wikipedia.org/wiki/Logiciel_libre">en apprendre plus via Wikipedia</a>, une encyclopédie… libre !</p>
<p><em>Tristan Nitot</em><sup>[<a href="https://abc.dotaddict.org/post/2009/05/21/Quest-ce-quun-logiciel-libre#pnote-147-1" id="rev-pnote-147-1">1</a>]</sup></p>
<div class="footnotes"><h4>Notes</h4>
<p>[<a href="https://abc.dotaddict.org/post/2009/05/21/Quest-ce-quun-logiciel-libre#rev-pnote-147-1" id="pnote-147-1">1</a>] Tristan Nitot est le fondateur et actuel président de Mozilla Europe, association qui travaille notamment au développment du navigateur Web Firefox. Tristan contribue à ce projet depuis 2001. Il est également un des initiateurs du projet de documentation libre <a href="http://openweb.eu.org">Openweb.eu.org</a>, projet qui vise à promouvoir les standards du Web et l’accessibilité en vue de rendre le Web utilisable par tous. Il publie sur le web depuis 1996 et <a href="http://standblog.org">tient un blog</a> depuis 2002.</p></div>https://abc.dotaddict.org/post/2009/05/21/Quest-ce-quun-logiciel-libre#comment-formhttps://abc.dotaddict.org/feed/atom/comments/147