Le nouveau Blog "Corse sauvage" 2017
Par PhE le lundi 26 décembre 2016, 15:29 - General - Lien permanent
Il est certain que je n'ai pas eu trop de temps à consacrer au Blog en cette année 2016, avec un gros retard sur les articles qu'il va me falloir essayer de combler !
Pour commencer, il me fallait envisager de faire les mêmes modifications sur le Blog que sur le Site Web afin de le faire coller aux nouveaux objets connectés actuellement susceptibles de vouloir le consulter. Pas facile d'avoir une présentation full HD pour les écrans d'ordinateurs de 17" ou plus et une autre présentation pour les smartphones avec des écrans de 5" où l'affichage ne peut se faire de la même manière sans obliger les utilisateurs à un défilement horizontal permanent pour visualiser le site ou, pire encore, à zoomer désespérément pour voir le site en entier mais avec du texte illisible et des photos de la taille de vignettes !
La précédente version du site datait de la migration à Dotclear 2 en avril 2009 et montrait des limites vis-à-vis des nouvelles technologies accessibles...
Une possibilité était de migrer le Blog à Joomla 3, ce qui aurait apporté l'avantage de ne plus avoir qu'un seul CMS (gestionnaire de site/blog) à gérer pour site et blog tout en apportant la solution Purity 3/Bootstrap utilisée pour le site "Corse sauvage" pour gérer l'adaptation multi-équipements. Cette solution, certes idéale pour moi, demandait tellement de travail de migration pour un résultat difficile à mettre en oeuvre sans erreurs que j'ai préféré une solution restant sur Dotclear 2 mais avec un nouveau thème adapté à ce que je voulais faire. Ce thème, c'est dcBoostrap qui me l'a fourni en apportant toute la panoplie des outils Boostrap de l'équipe de Twitter autour du CMS Dotclear et en simplifiant la migration grâce à la conservation de la base de données et de la configuration du blog.
Même si l'adaptation au changement de thème n'était pas une sinécure, cette solution a minimisé le temps de migration à la nouvelle mouture du Blog... où vous trouverez encore certainement beaucour d'erreurs résiduelles qu'il faudrait essayer de me remonter pour correction dans les plus brefs délais...
Du fait de la solution adoptée précédemment exposée, vous ne devriez pas voir de différences importantes par rapport à la version précédente lors de l'utilisation du Blog sur un ordinateur standard (avec écran au-delà de 13"), mis à part le fait que le thème par défaut a changé de couleurs et n'a plus de bandeau de gauche, les widgets ayant tous été repris dans le bandeau de droite !
Résumé synthétique des nouveautés et différences à prendre en compte :
- Une largeur de site supérieure à l'ancien modèle : 1168 pixels au lieu de 920
- Un bandeau d'en-tête de page où seul le lecteur musical a été modifié (cf. plus bas) et la taille de la photo centrale révisée
- Un petit menu simplifié qui permet de revenir à la page Accueil et d'accéder aux articles archivés
- L'ajout d'une Webcam du port de Porto-Vecchio et des prévisions météo locales de l'Oficce de Tourisme
- La suite de la page Accueil est la même que dans la version précédente à la largeur près
- Idem pour les pages articles
- Le bandeau de droite regroupe les mêmes fonctions que les bandeaux latéraux de la version précédente :
- Lien vers le site Web, Contact, choix des thèmes de présentation avec 5 thèmes au lieu de 4 dorénavant, barre de Recherche sur le blog, Calendrier avec accès par date aux articles, flux RSS et abonnement Netvibes, vignette de prévisions Météo France, etc...
- Les widgets ont été un peu simplifiés et tous révisés et mis à jour. Quelques-uns ont été éliminés et les plus longs et compliqués nesont affichés qu'en page Accueil
- Les commentaires n'ont pas été modifiés et se comportent comme dans la version précédente avec le captcha récemment rajouté pour cause de spam intensif.
La page d'assistance pour commenter le Blog n'a pas été modifiée... - La barre d'icônes pour les partages sur les réseaux sociaux n'est désormais plus affichée que sur le bord gauche de la page
- Différence majeure, la technologie Flash n'est désormais plus utilisée car devenue obsolète ! Cette nouveauté se remarque facilement car, en conséquence, tous les lecteurs audios et vidéos de la version précédente ont été remplacés par un seul lecteur multi-usage. Seul inconvénient à l'heure actuelle, une présentation du lecteur audio pas très fun...
En conclusion :
Vous ne devriez donc pas souffrir de cette nouvelle version du Blog où vous allez même retrouver votre thème de présentation précédent (avec un seul bandeau, mais en gros les mêmes couleurs) et le même système de changement de thème dans le widget Contact/Choix Thème. Un thème supplémentaire a été ajouté et devient le thème par défaut : il correspond à un style harmonisé avec celui du site Web.
Et, donc, le mode d'emploi précédent (2009) reste toujours valide à quelques exceptions près !
Alors, en quoi cette nouvelle version était-elle nécessaire ? En fait, vous ne verrez les améliorations que si vous aviez essayé auparavant de visiter le Blog depuis un smartphone ou une tablette et que vous renouvelez l'expérience maintenant ! Dorénavant, vous devriez pouvoir voir le blog sur un smartphone ou une petite tablette : dans ce cas, une seule colonne où le bandeau de droite se retrouve sous le bandeau de gauche ; pour les plus petites largeurs, pas de bandeau de droite pour simplifier l'affichage. Depuis un ordinateur personnel, essayez donc de rétrécir petit à petit la largeur de la fenêtre de votre navigateur pour comprendre comment le blog s'adapte à la taille d'affichage.
Le dernier avantage est un peu plus visible car lié à l'évolution des technologies de lecture des médias audios et vidéos. La technologie Flash, largement utilisée dans la version précédente, a été remplacée par des technologies plus récentes et utilisables (normalement ?) sous Android et IOS en HTML 5. Le Flash est abandonné par Adobe, n'a jamais fonctionné sous IOS et n'est plus pris en compte dans les dernières versions Android.
De ce fait, vous remarquerez que les lecteurs précédents en Flash (audios avec dewplayer et mp3_player_gskin, vidéos avecJW Player) ont été remplacés par une seule version de lecteur combinant lecture audio et vidéo en HTML5 : c'est JW Player qui est utilisé avec une version audio à la présentation très rustique qui sera sans doute améliorée ultérieurement si sa version gratuite le permet...
Commentaires
Evidemment, si la fonction marchait effectivement très bien, il y avait des petits problèmes de couleurs de texte et de fond à modifier :!:
Bon, il faut bien que je teste les commentaires dans cette nouvelle version, même si la fonction n'a pas été modifiée ! ;-)
Surtout après avoir corrigé une erreur bizarre et difficile à résoudre concernant l'affichage de la Wikibarre qui ne s'affichait pas... :-(