Mode d'emploi synthétique Corse sauvage en Dotclear 2
Par PhE le dimanche 12 avril 2009, 15:33 - Lien permanent
Une nouvelle mouture du Blog "Corse sauvage" est en cours depuis le 12 avril 2009 avec la mise en œuvre d'une nouvelle version logicielle de Dotclear (Dotclear 2) remplaçant la version Dotclear 1 promise à l'obsolescence ! Le moins que l'on puisse dire est je n'étais pas en avance pour le faire puisque Dotclear 2 était déjà en version d'essai avant même que j'ai construit mon Blog en novembre 2006 sur la base de la version 1 et qu'il est sorti officiellement après de nombreux tests depuis août 2008 déjà ! Mais je n'ai jamais eu le loisir de pouvoir y consacrer un peu de temps personnel pour pouvoir procéder à la migration sur ce nouvel outil, car c'est un nouvel outil... Cette page va donc essayer de vous indiquer ce que vous allez trouver en plus avec cette évolution, en commençant par synthétiser les nouveautés, celles qui concernent l'administration du blog et que vous ne verrez pas et celles que vous utiliserez ou visualiserez sur le Blog et qui seront développées plus en détail dans la suite de l'article.
D'abord, tout un ensemble de fonctions nouvelles visibles ou utilisables par les visiteurs utilisateurs du Blog :
- Multi-blogs, multi-administrateurs et multi-rédacteurs (pas encore utilisées sur ce Blog)
- Outil anti-spam intégré
- Nombreuses personnalisations possibles avec une plus grande simplicité de mise en œuvre
- Pages statiques en standard (pages statiques = pages fixes, non chronologiques comme les pages articles) : cette page est une page statique (liste dans Pages spéciales) !
- 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 et des rédacteurs :
- 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 syntaxe 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.
1. La présentation :
Pas 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 l'objectif, mais vous remarquerez quelques petites différences : les bandeaux droite et gauche inversés (c'est le principal moyen de différencier les deux versions du Blog !) et légèrement remaniés, 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 (permet un affichage avec effet de lumière - sans quitter l'application ! - et des diaporamas sur l'ensemble des images de la page grâce aux flèches qui apparaissent de chaque côté en survolant les photos 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 ! Très simple à activer ou désactiver...
2. Les mots-clés ("tags") :
Une 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 :
Vous 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 "Liens de navigation" sur le bandeau de gauche.
4. Les autres fonctions du bandeau de gauche ("navbar") :
La plupart des autres fonctions étaient déjà présentes dans la version précédente : "Rechercher" sur le Blog, le calendrier avec les "Archives", "S'abonner" avec les fils RSS des articles et des commentaires du blog (aussi appelé "Syndication"), "Météo Corse/Paris", "Webcam Ajaccio", "Derniers articles", "Derniers commentaires", "Liens de navigation", "Pages spéciales" avec les pages statiques fixes du Blog, "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), l'affichage d'une image aléatoire et des dernières images du Blog, "Galeries Photos internes" avec la liste des galeries photos internes du Blog par catégories, "Galeries Photos flickr" avec le lien vers la page donnant la liste des galeries photos externes du Blog (espace "Corse sauvage" de flickr) par catégories, 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 la recherche de blogs, "Netvibes" pour ajouter le flux RSS de Corse sauvage à votre page Netvibes, etc...
Ces fonctions sont présentes sur toutes pages du Blog, à l'exception des Liens externes, Liens del.icio.us et le "Coin du Référenceur" qui n'apparaissent qu'en Page d'Accueil.
5. Les fonctions du bandeau de droite ("blogextra") :
Pas mal de modifications par rapport au précédent (qui était à gauche !) : le sélecteur de thèmes pour modifier vos couleurs, un module "Métadonnées" apparaissant uniquement pour donner les infos Exif des photos des Galeries et trois thèmes particuliers détaillés ci-dessous.
- "Le coin des photos", avec les liens vers les galeries photos flickr, quelques photos des galeries internes, éventuellement un "badge" de photos flickr (sera sans doute supprimé pour cause de code non valide W3C !) et un "badge" de photos d'un album sur flickr
- "Le coin des Infos", complètement remanié avec un récapitulatif d'informations insulaires recueillies dans la presse écrite (articles numérisés) ou à la TV corse (vidéos)
- "Le coin de la musique et de la culture corse", 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 !
Ces fonctions sont présentes uniquement en Page d'Accueil car lourdes à charger, à l'exception du "Coin des photos" qui apparaît sur toutes les pages du Blog.
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 (et pas l'ensemble du Blog !).
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 : - 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 : - 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 éventuellement ensuite, comme je l'ai fait jusqu'à présent, accéder à cette image pour la mettre dans le commentaire avec les bonnes dimensions.
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 :
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 difficilement de la version précédente du blog, car les deux plugins qui gèrent ces galeries en Dotclear 1 et 2 sont de conception assez différentes et il n'y avait pas de script ou de méthode de migration simple pour passer d'une version à l'autre.
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, donc comme des articles, 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 !
- Petit module "Métadonnées photos" 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 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) !
Derniers commentaires