D'abord, tout un ensemble de fonctions nouvelles visibles ou utilisables par les visiteurs utilisateurs du Blog :

  • Fonctions multi-blogs, multi-administrateurs et multi-rédacteurs (pas encore utilisées pour ma part)
  • Outil anti-spam intégré (quand on voit le nombre de spams en commentaires chaque jour, cela aide bien !)
  • Nombreuses personnalisations possibles avec une plus grande simplicité de mise en oeuvre
  • Gestion de pages statiques en standard (pages statiques = pages fixes, non chronologiques comme les pages articles)
  • Utilisation des mots-clés ("tags") pour marquer et repérer les articles avec possibilités de recherche associées
  • Nombreux plugins complémentaires permettant d'enrichir le Blog à sa convenance : réponse à un commentaire spécifique, assistance à la rédaction des commentaires (barre de présentation, wiki, ...), galeries photos, effet de lumière en agrandissement de photos, liens externes en boîtes modales, intégration avec flickr, ...

Ensuite, tout un ensemble de fonctions nouvelles simplifiant la vie de l'administrateur du Blog (moi-même en l'occurrence...) et des rédacteurs (toujours moi en l'occurrence..., mais cela pourrait changer !) :

  • Installation automatisée du logiciel, des plugins et des versions ultérieures
  • Les nombreuses possibilités d'apparence configurables
  • Les nombreux outils de support à la rédaction des billets/articles : gestionnaire de médias, intégration de photos sur flickr, formats de présentation et wiki, ...
  • L'interface multilingue
  • ...Et, bien sûr, la licence libre et gratuite !

Pour ceux qui veulent se documenter plus avant sur Dotclear, se référer au site officiel.

Allons-y pour les précisions qui concernent les visiteurs de Corse sauvage !!

1. La présentation :

Apparence générale du Blog en Dotclear 2Pas beaucoup de changements en ce qui concerne la présentation générale puisqu'un des atouts de Dotclear 2 est de pouvoir personnaliser facilement son blog et, en cas de migration depuis un autre outil de pouvoir récupérer aisément son apparence antérieure. Peu de nouveautés donc, puisque ce n'était pas mon objectif, mais vous remarquerez quelques petites différences : les colonnes droite et gauche inversées (c'est le principal moyen de différencier les deux versions !) et légèrement remaniées, le bandeau du haut en fond blanc et non plus bleu, le choix du Thème (ou Style) en haut à droite par menu complet au lieu de liste déroulante et... quelques pixels de plus en largeur !
Quelques changements esthétiques avec l'utilisation de deux effets spéciaux sur les liens dans les articles, commentaires et photos : l'effet "lightbox" sur les agrandissements d'images qui permet aussi un affichage avec effet et des diaporamas sur l'ensemble des images (grâce aux flèches qui apparaissent de chaque côté des images en survolant avec la souris ou l'activation des touches Suivant - N -, Précédent -P - et Arrêt - Esc -) et "modal box" sur les liens externes ! Vous me direz ce que vous en pensez et c'est très simple à activer ou désactiver...

2. Les mots-clés ("tags") :

Tags du Blog en Dotclear 2Une des principales nouveautés de cette version est l'apparition de mots-clés associés aux articles et permettant de les qualifier puis de les retrouver : c'est devenu suffisamment classique sur le Web 2.0 pour que je n'ai pas besoin de donner beaucoup plus de détails. A savoir : les principaux tags apparaissent par ordre d'importance (taille de la fonte) dans le bandeau de gauche (vers le milieu, juste après les catégories) . Un clic sur un quelconque de ces tags fait apparaître tous les articles associés et on peut les visualiser tous sur une page spéciale en cliquant sur "Tous les tags". Évidemment cela suppose que les mots-clés ont été choisis avec soin et permettent bien de qualifier les articles... et comme c'est moi-même qui organise ces mots-clés, je serai réceptif à toute suggestion de votre part sur ce sujet si mes choix ne conviennent pas bien ! A noter aussi que chaque mot-clé a son "fil RSS (ou Atom)" des billets associés et des commentaires associés : pour ceux qui ne savent pas à quoi cela sert, rappelons que les fils RSS servent à surveiller les nouveautés sans avoir à consulter un site. En l'occurrence, plus besoin de venir visiter Corse sauvage tous les jours, il suffit d'attendre que son lecteur RSS ou sa page Netvibes vous signale qu'il y a un nouveau billet, un nouveau commentaire, une nouvelle image sur le Blog et, dorénavant, sur le Blog pour un mot-clé précis.

3. Les archives :

Archives du Blog en Dotclear 2Vous retrouverez toutes les archives, les anciens articles et commentaires, d'une part par le biais du Calendrier qui affiche les articles et leurs dates mois par mois et, d'autre part, par le biais de la page Archives obtenue en cliquant sur "Archives" dans "Pages spéciales" sur le bandeau de gauche.

4. Les autres fonctions du bandeau de gauche ("navbar") :

Bandeau gauche du Blog en Dotclear 2La plupart des autres fonctions étaient déjà présentes dans la version précédente : "Rechercher" sur le Blog, "S'abonner" avec les fils RSS des articles et des commentaires du blog (c'est ce qui est aussi appelé "Syndication"), "Météo Corse/Paris", "Webcam Ajaccio", "Derniers articles", "Derniers commentaires", "Pages spéciales" avec les pages statiques fixes du Blog et les pages Accueil/Archives, "A retenir" avec les principaux articles recommandés, "Catégories" listant les catégories du Blog et permettant la recherche par catégorie, "Tags" (voir plus haut), "Derniers commentaires images", l'affichage d'une image aléatoire et des dernières images du Blog, "Galeries Photos" avec la liste des galeries du Blog, et un vaste ensemble de liens externes concernant la Corse relevés à partir du Blog ("Web", Blogs", "RSS/Atom") et du site Del.icio.us, "Recherche Technorati" pour de la recherche de blogs, "Netvibes" pour ajouter le flux RSS de Corse sauvage à votre page Netvibes, etc...

5. Les fonctions du bandeau de droite ("blogextra") :

Bandeau droit du Blog en Dotclear 2Peu de modifications par rapport au précédent (qui était à gauche !) : "Le coin des Infos" avec quelques précisions sur des parcours corses sortant de l'ordinaire, "Le coin des photos" avec affichage de photos des galeries du Blog ou de mes albums flickr, "Le coin de la musique et de la culture corses" avec les coups de cœur du moment dans ce domaine, ... Tout ce qui est référencement (partenaires, annonceurs, ...) est resté dans le bandeau de gauche !

6. Les articles :

Rien de bien visible pour vous dans la nouvelle présentation des articles : toutes les nouvelles fonctions dans ce domaine visent à assister l'administrateur et les rédacteurs, avec beaucoup de nouveaux outils et aides dans ce domaine. A noter simplement (elle sera sans doute utilisée !) la nouvelle possibilité d'attacher des pièces jointes à l'article qui viennent se positionner en fichiers téléchargeables dans un sous-chapitre "Annexes" en fin d'article. Voir les exemples de tous types (document pdf, image, podcast vidéo, podcast mp3) pour cet article.

A noter l'existence d'un fil RSS des commentaires de chaque article (adresse et abonnement en bas de la page de l'article considéré) : il vous permet de surveiller, sans visiter le Blog, les nouveaux commentaires apparaissant sur cet article !

7. Les commentaires :

Beaucoup de nouveautés sur cette fonction importante du Blog avec les principaux points suivants :

  • Possibilité de répondre à un commentaire particulier en cliquant sur la "flèche rouge" ajoutée à droite de chaque commentaire. Le commentaire en réponse fait référence au pseudo du commentateur et donne le lien avec le commentaire de départ...
    Illustration en deux images avec réponse à un commentaire particulier et résultat, ci-dessous :

    Réponse à commentaire ciblé via flèche rouge du commentaire Résultat de la réponse à commentaire ciblé

  • Possibilité d'utilisation de la syntaxe wiki dans les commentaires : consulter l'article "Wiki et syntaxe wiki" de Dotclear pour en savoir plus à ce sujet et bien comprendre que cette syntaxe est complètement utilisable pour rédiger les articles ("billets") et partiellement pour les commentaires pour lesquels les créateurs de Dotclear ont jugé préférable d'empêcher les visiteurs d'utiliser certains formats, de manière compréhensible pour certains (insertion d'images et de titres, insertion de XHTML,...) et moins pour d'autres (Trait horizontal, bloc de citation, ...). De toute manière, vous avez la Wikibarre pour vous aider, comme indiqué ci-dessous
  • Assistance Wikibarre pour formater le texte en syntaxe wiki avec des boutons (utilité indiquée au passage de la souris) : vous saisissez du texte au kilomètre, puis, ensuite, vous formatez en sélectionnant des morceaux avec la souris puis en cliquant sur les boutons voulus et, enfin, vous regardez ce que cela donne avec "prévisualiser" avant d'"envoyer"
    Illustration en quatre images avec 1°) Commentaire brut 2°) Commentaire traité via Wikibarre 3°) Commentaire prévisualisé 4°) Commentaire final :

     Commentaire brut     Commentaire traité via wikibarre     Commentaire prévisualisé     Commentaire final

  • Jeux de couleurs pour différencier les commentaires pair/impair avec couleurs spécifiques pour les commentaires du WebMaestru...
  • Insertion d'Emoticones (Smileys) autorisée selon une dizaine de modèles indiqués plus loin
  • Attention de ne pas commencer une ligne par un espace (blanc) en syntaxe wiki, car on a alors du texte pré-formaté par défaut !
  • Toujours pas de possibilité pour les visiteurs d'insérer une image dans le commentaire : on ne peut que mettre un lien vers une page contenant l'image (imageshack, flickr, ... ou l'adresse - URL - directe de l'image). L'administrateur peut ensuite, comme je l'ai fait jusqu'à présent, accédé à cette image pour la mettre dans le commentaire avec les bonnes dimensions. C'est pour des raisons de sécurité que cette fonction n'est pas accessible, car les concepteurs de Dotclear ont dû considérer que le visiteur "lambda" d'un blog était incapable de manipuler une image en étant conscient qu'il y avait derrière cette image un fichier avec un volume d'octets, des dimensions d'affichage à gérer (essayer d'afficher mes images natives 2272 x 1704 pixels de flickr sur mon Blog : vous verrez l'effet !), des risques d'insécurité (fichiers malveillants, etc...

8. Les Emoticones intégrés

On peut créer des "Emoticones" ("smileys") dans les commentaires en insérant des chaînes de caractères particulières les représentant comme indiqué dans le tableau suivant :

Correspondance emoticones - texte Blog Corse sauvage

Pour qu'ils soient pris en compte par le le blog pour la construction du commentaire, il faut que chaque Emoticone soit précédé et suivi d'un "espace" (blanc) et, dans ce cas, il sera transformé en image selon la correspondance du tableau précédent.

9. Les galeries photos :

Elles ont été récupérées vite fait de la version précédente du blog, mais il y a encore pas mal de travail à faire pour récupérer les descriptions, le nombre de visualisations, les commentaires, etc... Les deux plugins qui gèrent ces galeries en Dotclear 1 et 2 sont de conception assez différentes et il n'y a pas de script ou de méthode de migration simple pour passer d'une version à l'autre. Dans l'état actuel, cela a l'air déjà correct et on verra ultérieurement comment améliorer tout cela !
A noter quelques nouveautés :

  • La possibilité de mettre des commentaires sur toutes les images comme dans la version précédente, mais aussi des commentaires concernant chaque Galerie Photos (ensemble d'images)
  • Des fils RSS pour chaque Galerie photo (images ET commentaires), pour chaque photo (commentaires) : les adresses des fils et le moyen de s'abonner sont sur les pages correspondantes du Blog (page d'une Galerie ou page d'une image = billet-image)
  • Les images (ou photos) sont traitées comme des billets (billets-articles et billets-images) dans le Blog et les commentaires des images sont donc traités globalement dans le fil RSS des commentaires (mélange commentaires articles et commentaires images)
  • Les dernières images sont dans un flux RSS particulier sous forme d'un badge des 12 dernières photos créées sur le Blog, avec possibilité d'aller voir chacune d'entre elles : ce badge est dans le bandeau de gauche sous "l'image aléatoire". Pour le moment, cela ne sert pas à grand chose car toutes les photos du Blog précédent ont été recréées pratiquement à la même date du 12 avril 2009 !

Prière de me signaler tout ce qui cloche dans cette nouvelle version, via les commentaires du Blog, y compris en m'indiquant s'il y avait des problèmes liés aux navigateurs et versions de navigateurs : je n'ai testé qu'en Firefox 3.0.8 et IE 7.0 !

Compléments divers notés depuis la diffusion de cet article :

  • Essai de simplification des adresses le 16/04/09 en enlevant le peu esthétique "index.php?" des adresses du Blog : cela fonctionne très bien mais est incompatible avec les effets "Lightbox" et "Modal Box" qui eux ne fonctionnent plus. En final, retour à Lightbox/Modal box et conservation "index.php?" dans les adresses ! A moins de trouver une solution ultérieurement...
  • Petit module d'affichage des données Exif des photos des Galeries en haut du bandeau de gauche sous les thèmes : il ne s'affiche que quand on visualise individuellement les photos d'une galerie et vous donne les principales informations de la photo (exposition, date, heure, ...), si elles existent !
  • Mise en place de tags (mots-clés) sur les Galeries, mais pas encore sur les images : les recherches sur des mots-clés prendront en compte les Galeries dorénavant
  • Utilisation de 4 thèmes d'affichage des Galeries, avec possibilité de diaporama via des lecteurs en Flash de différents types : JW FLV Player, Rotator, Flash Gallery, TiltViewer
    Pour le moment, les 4 lecteurs Flash ont été distribués un peu au hasard des Galeries ! Regardez ce que cela donne, je ne garderai que le(s) lecteur(s) les plus intéressant(s)... Ces lecteurs sont normalement auto-utilisables en apprenant à se servir de leurs fonctions (?). Certains permettent d'accéder directement aux photos individuelles et leurs commentaires en cliquant où il faut : JW FLV Player sur la petite flèche à droite des noms de photos dans la playlist, rotator sur le nom de la photo, TiltViewer sur View (à l'envers de la photo !) mais on ne fait qu'afficher la photo et pas la page des commentaires, rien vu sur Flash Gallery... Tous peuvent être contemplés en mode Plein Ecran et revenir au mode normal (clic droit + Go Full Screen sur TiltViewer) !

Enfin, j'ai utilisé le nouveau système des pièces jointes, annexées automatiquement à cet article :