top

Aller au contenu | Aller au menu | Aller à la recherche

mardi 11 novembre 2008

Dotclear 2.1 : freshyOne et tabsOne, possibilité d'ajouter un widget hors de la barre de navigation

Depuis Dotclear 2.1, il est possible d'inclure un widget particulier à n'importe quel endroit d'une page d'un blog. Donc, il est maintenant possible d'ajouter un widget au menu de navigation de freshyOne et tabsOne.

Pour ce faire, il faut modifier le fichier _menu.html qui est dans le dossier tpl de chacun des deux thèmes. Il est d'abord nécessaire d'ajouter un lien dans le menu de navigation. Chaque élément du menu est encadré par la balise html li. Il suffit d'ajouter le code suivant à l'endroit où vous voulez positionner ce nouvel élément mais en dehors du premier et dernier élément. Le code est, ici, différent selon les thèmes. L'exemple repose sur le widget Derniers commentaires. Je m'appuie sur le template de localisation multilingue. Il est possible d'écrire directement les termes mais il faudra veiller à utiliser du code html pour les caractères accentués.

Pour freshyOne

<li class="page_item"><a href="#tablastconmments">{{tpl:lang Last comments}}</a></li>

Pour tabsOne

<li><a href="#tablastconmments">{{tpl:lang Last comments}}</a></li>

Après avoir nommé l'élément de menu, voici le code pour afficher le widget. Il n'est pas obligatoire de positionner le code dans le même ordre que pour le menu mais cela est plus pour s'y retrouver. Le code est commun aux deux thèmes.

<div id="tablastcomments" class="fragment">
    <tpl:Widget id="lastcomments">
          <setting name="homeonly">0</setting>
     </tpl:Widget>
</div>

Il est obligatoire de définir au moins un paramètre pour que template widget fonctionne, ici l'affichage pour toutes les pages du blog. Ce paramètre doit rester à 0.

La feuille de style a été modifiée pour que le titre du widget - balise html h2 - ne s'affiche pas. De fait, le paramètre - <setting name="title"> ne s'affichera donc pas s'il est défini. Pour un widget texte contenant une balise html h2, il faudra ajuster la feuille de style en conséquence.

Mise à jour des thèmes pour Dotclear 2.1.1 et le plug-in ContactMe

Pour Dotclear 2.1.1, j'ai mis à jour les styles pour coller avec l'arrivée des sous-catégories. Cela concerne tous les thèmes. Pour les thèmes ayant des fichiers templates .html, j'ai mis à jour category.html ainsi que les diverses modifications apportées depuis DC 2.0.

Pour prendre en compte les plug-in Contact Me, j'ai modifié certaines règles de styles et ajouté un fichier contactme.html si nécessaire.

Blog

123 - 123 Blue - 123 Ice - altowithjquery - bredrerode - Cinema - Chocolate & biscuit - DoTunes - doublOrange - freshyOne - Lueurs - monsterinlove - One - Orangeworld - Pastel - Pastel light - Pastel large - slottbacken - Sober - tabsOne - thamesstreet

mardi 26 août 2008

Mise à jour des thèmes photoblog

o-140x30.png

Je pensais qu'il y avait des problèmes entre mes thèmes photoblog et lightbox. En fait, ce n'était que problèmes de cache... Donc, voici les versions pour Dotclear 2.0 :

greyOne - ornamentals

jeudi 21 août 2008

Version finale de Dotclear 2.0 : mise à jours des thèmes

o-140x30.png

Après plusieurs mois de lourd travail, l'équipe de Dotclear et Olivier Meunier, son géniteur, ont sorti la version finale de dotclear 2.0 après de nombreuses mais toujours fonctionnelles bêtas et autres RC.

J'ai donc mis à jour mes différents thèmes pour qu'ils adoptent les dernières modifications des templates - et elles sont nombreuse ! - entre la RC1 et la version finale. Pour le moment, les mises à jour pour les thèmes pour photoblog sont en attente.

Blog

123 - 123 Blue - 123 Ice - Absolut - altowithjquery - bredrerode - Cinema - Chocolate & biscuit - DoTunes - doublOrange - freshyOne - Lueurs - monsterinlove - One - Orangeworld - Palissade - Pastel - Pastel light - Pastel large - RedSky - slottbacken - Sober - tabsOne - thamesstreet

mardi 1 juillet 2008

Configurer le thème : freshyOne, sober et tabsOne

Depuis la RC1 de dotclear 2, il est possible de définir des préférences pour des thèmes. J'ai utilisé cette possibilité pour trois thèmes freshyOne, sober et tabsOne. Pour configurer les thèmes, je suis parti du travail de dsls et du portage du thème Freshy 2.

sober

sober.jpg sober2.jpg

Ce thème a été créé dans l'optique d'avoir plusieurs variations chromatiques : blanc/rouge, blanc/bleu/orange, noir, orange, olive et ciel. Il fallait modifier à la main le fichier style.css pour choisir la couleur ou prendre un thème particulier. Maintenant, il suffit de choisir sa variation.

freshyOne

freshyOne
Ce portage de thème Wordpress contient à l'origine la possibilité de choisir l'image d'en-tête ainsi que la couleur de fond lors du choix d'un élément. Ces deux paramètres sont accessible à partir de l'administration de DC2.

tabsOne

tabsOne.jpg
Ce thème contenait deux fichiers de style - bleu et magenta -, il suffit de choisir maintenant classique, bleu ou magenta.

samedi 28 juin 2008

YASH, le code !

J'ai mis à jour les différents billets contenant du code html, javascript ou css en utilisant le plug-in YASH de pep, la présentation des billets est donc plus lisible et plus facile à copier.

Quelques amusements dans les jours qui viennent…

mardi 27 mai 2008

Retour d'un _head.html pour les thèmes altowithjQuery, freshyOne, tabsOne, greyOne et ornamentals

Suite au problème dû à l'utilisation d'un user_head.html, tous les thèmes l'utilisant ont à nouveau un _head.html. Par la même, le plug-in lightbox utilisant jQuery, les appels jQuery n'utilisent plus jQuery.noconflict - le code javascript Lightbox original repose une autre libraire javascript - et ne génère plus de conflit avec lightbox. Comme quoi…

Pour ornamentals, j'ai abandonné la librairie imagebox. C'est un peu contraire à la démarche initiale du thème mais la maintenance est plus simple et le code plus léger.

altowithjquery freshyOne tabsOne.jpg greyOne.jpg ornamentals.jpg

jeudi 1 mai 2008

Arrivée de Dotclear 2 RC1, mise à jour des thèmes

dotclear.png

Dotclear vient - enfin ! - de passer en Release Candidate. Avec cette version, les fonctionnalités sont gelées jusqu'à l'éradication des derniers bugs avant l'arrivée de la première version de DC2. Les nouveautés ont été apportées jusqu'aux dernières heures avant la sortie officielle. DC2 RC1 est même arrivée dés les premières secondes de ce premier mai 2008. Chapeau à toute l'équipe !

Pour les thèmes, la modularité de DC2 a été augmentée et l'organisation est plus cadrée. Les plug-ins pourront maintenant fonctionner sans modification de fichiers. Les fichiers templates html sont maintenant rangés dans un dossier tpl. Sinon, il n'y a pas de changement profond dans les styles.

Mes thèmes sont déjà fonctionnels pour les plug-ins Pages - inclus dans DC2 - et dayMode - créé par Pep.

123.jpg 123blue.jpg 123Ice.jpg Absolut.jpg  brederode.jpg Chocolatandbiscuit.jpg  Cinema.jpg  DoTunes.jpg DoublOrange.jpg  Lueurs.jpg monsterinlove.jpg One.jpg Orangewolrd.jpg Palissade.jpg Pastel.jpg Pastellarge.jpg Pastellight.jpg RedSky.jpg slottsbacken.jpg sober.jpg

 altowithjquery.jpg  freshyOne.jpg  tabsOne.jpg

 greyOne.jpg ornamentals.jpg

mardi 15 avril 2008

Mes thèmes et la future RC de Dotclear 2

Actuellement avec les nigthly builds de DC2, les thèmes utilisant des templates spécifiques ont des problèmes dus au changement de noms des fonctions pour la gestion des rétroliens - modifier le mot trackback par ping - sinon ils sont fonctionnels.

Les modifications pour mettre à niveau mes thèmes sont déjà effectuées. J'attendrai la sortie officielle de Dotclear 2 RC pour les mettre en ligne car :

  • les thèmes ne fonctionnent pas correctement avec la beta 7
  • des améliorations peuvent encore survenir d'ici le 1er mai 2008

vendredi 14 décembre 2007

Tester et développer ses thèmes Dotclear sous mac intel : vérifier la compatiblité avec Internet Explorer

Depuis qu'Apple a sorti Safari, Microsoft a arrêté le développement d'IE sur Mac. Du moins, Microsoft a suspendu tout développement de ses navigateurs web pendant de longues années... Pour rappel, IE 5 pour Mac était le seul navigateur à la sortie de Mac OS X.
A présent pour les différentes versions d'IE, plusieurs choix sont ouverts : l'utilisation de site web faisant des captures de votre site ou la virtualisation.

Capture d'écrans

Le plus simple est l'utilisation de site prenant des captures d'écrans comme Total Validator - merci Kozlika. Ce site permet la vérification xhtml & css ainsi que la capture d'écran pour différents navigateurs.
Un point négatif apparaît, c'est plutôt statique. Il est lent de vérifier toutes les pages et les différents éléments. Ensuite, la moindre correction demande une capture.

Bootcamp et virtualisation

bootcamp.png Parallels.png fusion.png

Avec l'arrivée des Mac intel et de Bootcamp, il est facile de créer une partition Windows et d'installer le nécessaire (serveur web, dotclear). Mais comme IE 6 et IE 7 réagissent différemment - ont des bugs différents, c'est selon - et ne peuvent installer en même temps, le problème n'est régler qu'à moitié. De plus, il faut redémarrer... Mais bon, pour les feuilles de styles, il faut utiliser les règles standards puis adaptés le code à IE.
Une solution de virtualisation est obligatoire. De fait, il est nécessaire d'avoir deux systèmes. Comme VMWare et Parallels peuvent utiliser la partition Bootcamp, il faut juste une deuxième partition. Cela reste lourd et long mais cela fonctionne parfaitement ! Et il possible de trifouiller les règles css tout en vérifiant que cela ne casse pas la compatibilité avec les navigateurs modernes sur mac.

Bientôt tout en local ou presque : Wine et IEs4mac

ies4linux.png Une troisième solution de virtualisation existe, c'est wine. Et il existe des projets qui porte IE sous linux, IEs4linux, et par extension sous mac, IEs4mac. Mais malheureusement, si IE 6 for mac fonctionne, IE 7 for mac est trop lent et l'affichage n'est pas toujours fait dans sa totalité. Le support d'IE 7 n'est encore qu'en beta et n'est pas utilisable actuellement en état.
Le plus simple est d'avoir Bootcamp avec IE 7 et d'utiliser IE 6 for mac.

- page 1 de 6