Créer son blog - ThèmesSur ce site : créez votre blog en 5 minutes et publiez, échangez !2021-09-16T13:34:03+02:00Académie de Versaillesurn:md5:671e46fe7e5c5df2a8ca7402e4e0dda8DotclearLes nouveaux thèmesurn:md5:ca2200839b3357a6b31ac94dad30f40e2016-03-21T08:59:00+01:002016-03-28T12:01:26+02:00Johan PustochThèmesDémarrerThèmes<p>Nouveaux habillages proposés avec la mise à jour</p> <p>Avec le passage à la version 2.9 de dotclear de nouveaux thèmes ont été ajoutés à la plateforme de blogs.</p>
<p>Certains de ces thèmes sont « responsives » : ils s'adaptent aux différentes largeurs d'écran pour un affichage optimisé sur sur les tablettes ou écrans de téléphone.</p>
<h2>Ductile</h2>
<p>Thème personnalisable.</p>
<p>Ce thème est compatible avec « Menu Simple » permettant de construire un menu horizontal.</p>
<h3>Onglet « Contenu »</h3>
<p>Choisissez votre logo : le placer au préalable dans votre médiathèque (ex gestionnaire de médias), coller l'adresse URL de l'image.</p>
<p>Personnalisez des « Étiquettes », le nombre de billets et leur type d'affichage dans les différents type de page.</p>
<h3>Onglet « Présentation »</h3>
<p>Choisissez les couleurs des liens, des titres, les polices à utiliser.</p>
<p>Voir l'aide contextuelle quand vous aurez activé le thème ou voir <a href="http://ductile.dotaddict.org/pages/Aide-du-configurateur" hreflang="fr">l'aide du configurateur</a>.</p>
<h2>Ductile Focus</h2>
<p>Thème issu du précédent. Pas autant de réglages mais un thème adapté à la fois au textes et aux images (pour un blog de journal par exemple).</p>
<p>Ce thème est compatible avec « Menu Simple »</p>
<p>Dans Ductile Focus : précisez quels catégories utiliser pour les billets « Images » ou les billets « Textes ».</p>
<p>Voir <a href="http://ductile.dotaddict.org/focus/" hreflang="fr">le blog de présentation de ce thème</a>.</p>
<h2>Berlin</h2>
<p>Un très beau thème moderne et sobre, compatible avec « Menu Simple ».</p>
<p>Malheurement, le thème n'est pas personnalisable.</p>
<h3>Également</h3>
<p>D'autres thèmes « responsive » : Grayscale et Simple Grayscale, dcBootstrap, Tablet theme, Time Flies, Fjalla, zh2 et zh2-dark.</p>
<p class="module-name">Et aussi : Dust To Dawn, Tabloid, Terra Firma, dcChristmas.</p>
<h4 class="module-name"> </h4>Personnaliser son blogurn:md5:f3df4dcc6ebba6be927e3c804ad3d20e2012-09-03T11:28:00+02:002016-05-02T15:32:20+02:00Johan PustochThèmesAideThèmes<p>Choix du thème, des fonctionnalités et de leur disposition.</p> <h3>Thèmes disponibles</h3>
<p>Le paramétrage des thèmes s'effectue à partir du tableau de bord en cliquant sur le lien <strong>Paramètres des thèmes</strong>.</p>
<p>Le premier onglet, <strong>Themes</strong>, vous permet de choisir un thème parmi ceux disponibles dans notre bibliothèque des thèmes. Pour choisir un thème cliquer sur le bouton radio correspondant à votre choix puis sur <strong>Enregistrer</strong>. Il est conseillé, si on souhaite personnaliser son blog d'utiliser le thème par défaut qui est entièrement paramétrable (couleurs, disposition, hauteurs, polices, etc.).</p>
<p>Il n'est pas possible d'installer soi-même un thème. Mais si vous trouvez un thème intéressant (ou si vous le construisez vous même), vous pouvez <a href="mailto:%62%6c%6f%67%6d%61%73%74%65%72%40%61%63%2d%76%65%72%73%61%69%6c%6c%65%73%2e%66%72">proposer au blogmaster</a> de l'ajouter à la bibliothèque des thèmes .</p>
<p>Le thème par défaut, nommé « Blow Up » est <strong>entièrement et très simplement paramétrable</strong> : avec des style prédéfinis et/ou en choisissant soi-même les couleurs, images, espacement, polices, etc.</p>
<p>Pour les experts des feuilles de style et du html, il est aussi possible de construire son propre thème « Custum Theme » (voir ci-dessous).</p>
<h3>Les Widgets de présentation</h3>
<p>Ils permettent d'afficher seulement les blocs de fonctionnalités ou de liens que vous souhaitez faire apparaître dans votre blog.</p>
<p>Les widgets de Dotclear sont extrêmement pratiques pour personnaliser l’apparence d’un blog. Il vous suffit de « faire glisser » les widgets dans la fenêtre de gestion du blog pour qu’ils apparaissent ou disparaissent de la barre de navigation ou du bandeau d'extra.</p>
<p>Il est possible de personnaliser l'ordre des widgets, les termes utilisés, les options des widgets.
<br />
Pensez à cliquer sur « mettre à jour les bandeaux » pour que vos modifications soient prises en compte.</p>
<h3>Utiliser son thème personnalisé « Custom Theme »</h3>
<p>Ce thème permet d'habiller un blog. Il faut connaître le langage CSS et ce thème est donc pour les utilisateurs avancés.</p>
<p>Grâce au « Custom Theme », vous pouvez créer ou modifier un thème existant.</p>
<h4>Créer nouveau thème avec « Custom Theme »</h4>
<p>Depuis l'interface d'administration, choisissez sur le tableau de bord le lien « Paramètres des thèmes » puis sélectionnez le thème <strong>Custom Theme</strong> et validez ce choix. Un deuxième onglet, intitulé Configuration du thème apparaît alors dans le panneau. Il offre un champ d'édition d'une feuille de style, vide pour le moment. Vous pouvez y placer toutes les règles css de votre choix.</p>
<p>Si vous souhaitez utiliser des images pour ce thème, vous pouvez créez un répertoire (par exemple « images_theme ») depuis le gestionnaire de médias. Placez-y les éléments graphiques qui vous seront nécessaires. Il ne vous restera plus qu'à indiquer le chemin (relatif) vers ces images dans votre feuille de style.</p>
<h4>Modifier un thème existant avec « Custom Theme »</h4>
<p>Repérer le nom du répertoire du thème que vous souhaitez utiliser comme base de personnalisation (par exemple le thème Blue Silence se situe dans le répertoire /themes/default).</p>
<p><strong>Astuce</strong> :
Si vous ne connaissez pas le nom du répertoire de ce thème, sélectionnez-le tout d'abord comme thème de votre blog puis affichez la source de la page. La section <style type="text/css" media="screen"> placée dans le <head> le mentionne.</p>
<p>Sélectionnez comme indiqué plus haut le thème « Custom Theme » comme thème actif sur votre blog.</p>
<p>Dans l'onglet Configuration du thème, écrivez une première ligne :</p>
<blockquote><p>@import "/all-blogs/themes/nom-du-repertoire-du-theme-base/style.css";</p></blockquote>
<p>Le thème personnalisé comprend désormais tout le style du thème choisi. Il ne vous restera plus qu'à y ajouter toutes les règles différentes ou supplémentaires au thème choisi pour base. La lecture des css donnant la priorité au « dernier-disant », les règles que vous y inscrirez seront prioritaires sur les règles du thème de base.</p>
<p>Exemple de code à intégrer :</p>
<code>
/* on importe la feuille de style du thème Berlin */<br/>
@import url(/all-blogs/themes/berlin/style.css);<br/>
/* on personnalise avec quelques règles */<br/>
/* Taille et espacement des intertitres */<br/>
h2{font-size:1.5em;padding-top:.5em;}<br/>
/* bandeau (image de fond à droite, hauteur minimum)*/<br/>
#top h1{background:url(/default/public/themes/dane.png) no-repeat 90% 10px ;min-height:110px;}<br/>
#top h1 span{display:block;}<br/>
#top h1 span a{display:block;min-height:110px;}<br/></code>
Thème journal de classeurn:md5:a18556d216b631292a6197f308ef223e2010-11-28T14:51:00+01:002016-10-05T08:08:08+02:00Johan PustochThèmesThèmes<p>Un nouveau thème configurable « <strong>Blog Journal</strong> » est en place et vous permet de configurer votre blog comme vous le souhaitez (couleurs, bandeau, polices, menus, etc.)</p> <p>Ce thème format magazine est basé sur le thème par défaut (« Blow Up ») et est entièrement configurable.<br />
<br />
Vous pouvez le découvrir et l'utiliser pour votre blog dans la partie « Apparence du blog » dans la partie administration.<br />
<br />
Pour ce thème, il est souhaitable d'avoir des visuels (images) dans chaque billet (la page d'accueil et les pages de catégories présentent des accroches de vos billets associées à leur visuel).<br />
Les billets sélectionnés apparaissent en haut de page (3 maximum).<br />
<br />
Ce thème est particulièrement adapté au blogs de journaux (mais pas seulement !).</p>
<p>Exemple de blogs utilisant ce thème :</p>
<ul>
<li><a href="http://blog.ac-versailles.fr/ecolochasles/">http://blog.ac-versailles.fr/ecolochasles/</a></li>
<li><a href="http://blog.ac-versailles.fr/moulinblog/">http://blog.ac-versailles.fr/moulinblog/</a></li>
</ul>Nouveaux thèmes pour vos blogsurn:md5:f7b4c3bae6e9c76a25f6bd0cb0f562782009-03-22T17:59:00+01:002016-03-14T15:08:40+01:00Johan PustochThèmesThèmes<p>De nouveaux thèmes ont été ajoutés à la plateforme</p> <p>Comme d'habitude, ces thèmes sont plus ou moins adaptés à vos contenus et peuvent dépendre de différents éléments (billets sélectionnés, widgets présents dans les différents menus,...).</p>
<p>Pour vos blogs, vous avez le choix entre plus de quarante thèmes proposés. Il ne faut pas oublier le thème « Blow Up » qui est entièrement personnalisable et pour les spécialistes, le thème « Custom CSS».</p>
<h2>Les thèmes ajoutés fin mars 2009</h2>
<h4><strong>Woof</strong></h4>
<p>« Un thème aux couleurs des seventies pour égayer ce monde de brutes. »</p>
<h4><strong>Don Carlo</strong></h4>
<p>Très beau thème en rouge et noir sur fond blanc. Les menus sont en bas de page.</p>
<h4><strong>Green</strong></h4>
<p>Thème tout vert et fleuri en 2 colonnes.</p>
<h4><strong>Blue</strong></h4>
<p>Thème « mer », idéal pour les classes de mer !</p>
<h4><strong>page-style</strong></h4>
<p>Thème en 3 colonnes.</p>
<h4><strong>Zeitung</strong></h4>
<p>Ce thème est hérité de Noviny et permet donc d'afficher son blog de façon « journal ».</p>
<h2>Les thèmes ajoutés précédemment</h2>
<h4>Noviny : un thème « magazine »</h4>
<p><a href="http://blog.ac-versailles.fr/default/public/images/noviny.jpg"><img alt="" src="http://blog.ac-versailles.fr/default/public/images/.noviny_t.jpg" style="margin: 0 0 1em 1em; float: right;" title="noviny.jpg, janv. 2009" /></a><br />
Ce thème change complètement de l'approche habituelle des blogs. C'est le premier thème distribué permettant de donner une structure de type magazine faisant de nombreux appels aux rubriques (et sous rubriques). Pour être du meilleur effet l'ordre des catégories est important. Le menu horizontal du thème est paramétrable.<br />
<br />
L'aperçu est issu du site du créateur du thème (et de Dotclear). Les couleurs du thème original sont différentes (marron).</p>
<p> </p>
<p> </p>
<h4>Coal Dust</h4>
<p><a href="http://blog.ac-versailles.fr/default/public/images/coal.jpg"><img alt="" src="http://blog.ac-versailles.fr/default/public/images/.coal_t.jpg" style="margin: 0 0 1em 1em; float: right;" title="coal.jpg, janv. 2009" /></a><br />
Un thème sombre, élégant avec des menus masqués qui apparaissent lorsqu'on les clique.</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<h4>Graylvetica</h4>
<p><a href="http://blog.ac-versailles.fr/default/public/images/helvetica.jpg"><img alt="" src="http://blog.ac-versailles.fr/default/public/images/.helvetica_t.jpg" style="margin: 0 0 1em 1em; float: right;" title="helvetica.jpg, janv. 2009" /></a><br />
Un thème rouge et noir sur fond blanc, à trois colonnes.</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<h4>Plop</h4>
<p><a href="http://blog.ac-versailles.fr/default/public/images/plop.jpg"><img alt="" src="http://blog.ac-versailles.fr/default/public/images/.plop_t.jpg" style="margin: 0 0 1em 1em; float: right;" title="plop.jpg, janv. 2009" /></a><br />
Un thème sobre et très élégant.</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<h4>Notepad Chaos</h4>
<p><a href="http://blog.ac-versailles.fr/default/public/images/chaos.jpg"><img alt="" src="http://blog.ac-versailles.fr/default/public/images/.chaos_t.jpg" style="margin: 0 0 1em 1em; float: right;" title="chaos.jpg, janv. 2009" /></a><br />
Très beau, exubérant, différent !</p>