- Messages
- 23 085
- Réactions
- 3 321
- Points
- 3 519
L'aperçu est une nouvelle option d'affichage pour le forums des petites annonces.
Il affiche les blocs d'articles dans une grille réactive, le premier article de la page occupe toute la largeur de la page, les suivants étant en demi-largeur et les blocs suivants occupant un quart de largeur. La grille est entièrement pilotée par CSS, mon but étant que chaque bloc occupe un quart de largeur.
Le mode Aperçu est destiné à être utilisé avec un extrait du texte de l'article et comprend la possibilité d'afficher une image de couverture , qui récupère actuellement la première image intégrée de la discussion, qu'elle soit liée à chaud avec une balise ou directement attaché. Si aucune image n'est trouvée, la mise en page omettra gracieusement l'image de couverture. Il faudra donc à l'avenir pour les liens Leboncoin ou ebay de mettre au moins une image avec le lien pour que l'ensemble reste cohérent, on en reparlera le moment venu.
Les informations les plus importantes sur la discussion compre le nom et l'avatar de l'auteur, un lien vers les commentaires et des indicateurs pour afficher les commentaires non lus. Un balisage de métadonnées schema.org est également présent dans les aperçus.
Il convient de noter que l'image de couverture ne doit être que la première intégration dans la discussion pour être utilisée comme couverture, mais elle ne doit pas être nécessairement être visible. Une astuce sournoise pour obtenir une image de couverture distincte du contenu de l'article consiste à définir sa largeur et sa hauteur sur 0, ce qui la rend invisible dans le corps de l'article réel.
Il affiche les blocs d'articles dans une grille réactive, le premier article de la page occupe toute la largeur de la page, les suivants étant en demi-largeur et les blocs suivants occupant un quart de largeur. La grille est entièrement pilotée par CSS, mon but étant que chaque bloc occupe un quart de largeur.
Le mode Aperçu est destiné à être utilisé avec un extrait du texte de l'article et comprend la possibilité d'afficher une image de couverture , qui récupère actuellement la première image intégrée de la discussion, qu'elle soit liée à chaud avec une balise ou directement attaché. Si aucune image n'est trouvée, la mise en page omettra gracieusement l'image de couverture. Il faudra donc à l'avenir pour les liens Leboncoin ou ebay de mettre au moins une image avec le lien pour que l'ensemble reste cohérent, on en reparlera le moment venu.
Les informations les plus importantes sur la discussion compre le nom et l'avatar de l'auteur, un lien vers les commentaires et des indicateurs pour afficher les commentaires non lus. Un balisage de métadonnées schema.org est également présent dans les aperçus.
Il convient de noter que l'image de couverture ne doit être que la première intégration dans la discussion pour être utilisée comme couverture, mais elle ne doit pas être nécessairement être visible. Une astuce sournoise pour obtenir une image de couverture distincte du contenu de l'article consiste à définir sa largeur et sa hauteur sur 0, ce qui la rend invisible dans le corps de l'article réel.
