Avec les quelques mots-clés-couleurs apportés par défaut dans escal,
l’adresse URL d’un mot-clé-couleur se décline avec la couleur, par
exemple :
www.monbeausite.eu/red (http://www.monbeausite.eu/red)
Or si l’on attribue à cette couleur "red" tous les événements "au
jardin" de l’agenda, c’est plus logique que l’adresse URL spip du
mot-clé-couleur, devienne par exemple :
www.monbeausite.eu/au-jardin (http://www.monbeausite.eu/au-jardin)
Le texte de l’adresse sera référencé avec "au-jardin" par les moteurs
de recherche, et les personnes tapant "au jardin" dans la recherche auront
aussi plus de chance de tomber sur ces événements ...
Je n’imagine pas les personnes saisissant "red" en anglais pour obtenir
des evénements rouges ...
Comment améliorer l’affichage adaptatif de la « Pleine page Agenda » sur tablettes et smartphones ?Quand la « Pleine page Agenda » sous spip-escal s’affiche sur un écran de bureau, c’est parfait, avec de nombreuses possibilités de réglages qui existent. ( cf https://contrib.spip.net/Agenda-2-0 et https://fullcalendar.io/ )
Pour l’exemple concret j’utilise cet Agenda : https://www.lettonie-francija.fr/spip.php?page=agenda affiché sur une tablette samsung 7" de dimension physique 155mm x 90 mm dotée d’un écran de 1024 x 700 px de définition.
Quand cette « Pleine page-Agenda » s’affiche sur tablette ou smartphone, plusieurs difficultés d’accès aux événements sont constatées.
Pour afficher correctement des événements sur petits écrans de tablettes et smartphones, le bon usage suggère plutôt de les afficher en liste plutôt qu’en pleine page.
Sur petits écrans, l’agenda pleine page s’affiche comme ci-dessous sans aucune utilité réelle, car ni titre, ni couleur ne sont visibles pour les événements.
Dans cette situation d’affichage portrait en petits écrans, l’affichage d’une liste d’événements est vraiment préférable. Afficher telle une liste d’articles cliquables.
Les boutons de couleurs des types d’événements pourraient être cliquables afin de trier les événements affichés selon leur thématique.
Faut-il proposer ou automatiser un affichage des événements en liste quand la largeur de l’écran est en dessous de … ? (combien)
En affichage paysage :
Une première amélioration serait d’optimiser la surface de la page, en éliminant les marges à gauche et à droite de l’agenda.
Une seconde amélioration serait de pouvoir se déplacer par simple glissé avec le doigt, entre les mois, semaines et jours,
Une troisième amélioration : afficher au moins la couleur des événements disparus de la quatrième semaine remplacés par +1 en plus, +2 en plus, +1, …
Voilà quelques observations.
Avez-vous des liens d’exemples d’agendas flexibles existant autrement ?
Quand cette */"Pleine page-Agenda"/* s'affiche sur tablette ou smartphone, plusieurs difficultés d’accès aux événements sont constatées.
Pour afficher correctement des événements sur petits écrans de tablettes et smartphones, le bon usage suggère plutôt de les afficher en liste plutôt qu'en pleine page.
Ok je regarde comment faire ça.
Sur petits écrans, l'agenda pleine page s'affiche comme ci-dessous sans aucune utilité réelle, car ni titre, ni couleur ne sont visibles pour les événements.
Dans cette situation d'affichage portrait en petits écrans, l'affichage d'une liste d'événements est vraiment préférable. Afficher telle une liste d'articles cliquables.
Les boutons de couleurs des types d'événements pourraient être cliquables afin de trier les événements affichés selon leur thématique.
* Faut-il proposer ou automatiser un affichage des événements en
liste quand la largeur de l'écran est en dessous de .... ? (combien)
En affichage paysage :
* Une première amélioration serait d'optimiser la surface de la
page, en éliminant les marges à gauche et à droite de l'agenda.
ça c'est facile
* Une seconde amélioration serait de pouvoir se déplacer par simple
glissé avec le doigt, entre les mois, semaines et jours,
là par contre je ne pense pas que ce soit possible ou du moins je n'ai aucune idée du comment.
* Une troisième amélioration : afficher au moins la couleur des
événements disparus de la quatrième semaine remplacés par +1 en
plus, +2 en plus, +1, ...
Voilà quelques observations.
* *Avez-vous des liens d'exemples d'agendas flexibles existant
autrement ?*
Oui, s’émerveiller devant de superbes réalisations est une chose.
Les coder en est une autre.
Car là il faut récupérer les données dans la base et les afficher, ce que fait très bien le plugin agenda.
Mon souci est de proposer un affichage différent pour les écrans en dessous d’une certaine largeur.
Et d’après ce que j’en lit, il faut passer par du javascript et du php mais là, je n’ai vraiment pas les compétences.
Je viens de livrer une modif pour la V4 (version 4.0.39) qui affiche les événements en liste sur les écrans < ou = à 640px
J’en ai profité pour afficher les dates avec le mois en lettres dans les noisettes calendrier et événements
depuis la mise à jour, j'ai cette erreur : Aucun squelette *inclusions/inc-events_mobile* n’est disponible...
Le 2018-02-23 à 04:34, Jean Christophe Villeneuve a écrit :
Hello
Je viens de livrer une modif pour la V4 (version 4.0.39) qui affiche les événements en liste sur les écrans < ou = à 640px
J'en ai profité pour afficher les dates avec le mois en lettres dans les noisettes calendrier et événements
Le 22/02/2018 à 21:44, Jean Christophe Villeneuve a écrit :
Bon je suis une piste avec html et css ...
Le 22/02/2018 à 21:24, Jean Christophe Villeneuve a écrit :
Oui, s'émerveiller devant de superbes réalisations est une chose.
Les coder en est une autre.
Car là il faut récupérer les données dans la base et les afficher, ce que fait très bien le plugin agenda.
Mon souci est de proposer un affichage différent pour les écrans en dessous d'une certaine largeur.
Et d'après ce que j'en lit, il faut passer par du javascript et du php mais là, je n'ai vraiment pas les compétences.
Le 22/02/2018 à 21:14, JASEUR BOREAL a écrit :
*
Ici **un exemple excellent avec utilisation des fameuses flexbox ... ;-)*
ce systeme propose aux visiteurs *divers choix d'affichages des événements* :
Quand cette */"Pleine page-Agenda"/* s'affiche sur tablette ou smartphone, plusieurs difficultés d’accès aux événements sont constatées.
Pour afficher correctement des événements sur petits écrans de tablettes et smartphones, le bon usage suggère plutôt de les afficher en liste plutôt qu'en pleine page.
Ok je regarde comment faire ça.
Sur petits écrans, l'agenda pleine page s'affiche comme ci-dessous sans aucune utilité réelle, car ni titre, ni couleur ne sont visibles pour les événements.
Dans cette situation d'affichage portrait en petits écrans, l'affichage d'une liste d'événements est vraiment préférable. Afficher telle une liste d'articles cliquables.
Les boutons de couleurs des types d'événements pourraient être cliquables afin de trier les événements affichés selon leur thématique.
* Faut-il proposer ou automatiser un affichage des événements
en liste quand la largeur de l'écran est en dessous de ....
? (combien)
En affichage paysage :
* Une première amélioration serait d'optimiser la surface de
la page, en éliminant les marges à gauche et à droite de
l'agenda.
ça c'est facile
* Une seconde amélioration serait de pouvoir se déplacer par
simple glissé avec le doigt, entre les mois, semaines et jours,
là par contre je ne pense pas que ce soit possible ou du moins je n'ai aucune idée du comment.
* Une troisième amélioration : afficher au moins la couleur
des événements disparus de la quatrième semaine remplacés
par +1 en plus, +2 en plus, +1, ...
Voilà quelques observations.
* *Avez-vous des liens d'exemples d'agendas flexibles existant
autrement ?*
Le même événement qui se répète à plusieurs date - c’est aussi valable pour la noisette « événement à venir » - on pourrait ne l’afficher qu’une seule fois avec une petite liste des dates. J’ai vu un truc comme cela dans le forum AGENDA, mais faut le retrouver.
c’est aussi fait pour le minicalendrier et pour la noisette « événements à venir » - livré à l’instant
