Mise en place de la rubrique Vidéos sur le site

[Rouergue]

1. Ajout d'un bouton supplémentaire dans les menus du haut, entre "agenda" et "fabrique"

2. Le lien renverrait ensuite sur une page semblable à celle qui récapitule les posts de la Fabrique (avec les vidéos par ordre chronologique inversé, du plus récent au plus ancien).

3. Sur la page accueil du site, une « bande-vidéos » avec les dernières vidéos en date (ou plutôt, si possible, une sélection ciblée), sur le même principe que la « bande-agenda » (avec un bouton en bas à droite "voir toutes les vidéos").

Je suis à ta dispo si tu as besoin de précisions !

[Rouergue]

Pour le bandeau vidéos présent sur la page d'accueil, l'idéal serait d'avoir une interface similaire à ce qui avait été mis en place pour le bandeau Nouveautés (sans le rond rouge) qui permet de choisir exactement ce qu'on veut faire apparaître et dans l'ordre souhaité :

[Fchallier]

Bonjour Mathilde,

Comme indiqué la semaine dernière j'ai commencé à avancer sur ce sujet.

Pour le moment :

• [x] Création d'un nouveau type de contenu 'Vidéos' avec ces champs
• [x] Création des différent displays
• [x] Création de la vue https://www.lerouergue.com/videos

Il reste à faire :

• [x] Création de la vue pour la page d'accueil
• [x] Création de la vue pour gérer l'ordre de l'affichage
• [x] Ajout du lien vidéos dans le menu Principal

[Rouergue]

Super 👍

[Fchallier]

Petite question, tu souhaites que le bloc apparaisse à quel niveau sur la page d'accueil ? En dessous d'Agenda ?

[Rouergue]

Oui, entre l'Agenda et la Fabrique, stp ? Est-ce que c'est possible de mettre en place une sélection ciblée (sur le même principe que la « bande-agenda » avec un bouton en bas à droite "voir toutes les vidéos") ou bien seules les dernières vidéos mises en ligne apparaîtront sur ce bandeau ?

[Fchallier]

Bonjour Mathilde,

Désolé je galère à trouver le moyen de positionner le bloc au bon endroit. Le thème du site est construit différemment que ce que j'ai l'habitude de faire...

Pour la sélection ciblée, la vue est normalement déjà en place, tu peux retrouver cela via le menu admin (ROUERGUE ADMIN -> Tri bloc Vidéo) : https://www.lerouergue.com/admin/tri-videos

[Rouergue]

Bonjour François, Après réflexion, je me disais qu'on pouvait peut-être se passer d'avoir une bande "vidéos" sur la page accueil dans l'immédiat. Je pense d'ailleurs que ce n'est pas forcément une bonne idée si ça oblige à beaucoup scroller pour atteindre le bas de la page. J'ai peur que plus personne n'accède à la rubrique "fabrique". Bref, peut-être que, dans un premier temps tu peux juste mettre en place le nom de la rubrique en haut avec un lien qui renvoie vers la page que tu as déjà réalisée. Qu'en penses-tu ?

[Fchallier]

Hello Mathilde,

Sans soucis et même ça m'arrange car je n'ai toujours pas trouvé la solution pour ajouter un bloc sur la page d'accueil... Le module des features permettant de faire cela semble complétement cassé lorsque je rajoute des éléments.

Je viens de rajouter le lien de le menu pour permettre aux utilisateurs de visualiser vos vidéos, avec la même structure que la fabrique.

Tu peux déjà ajouter des vidéo via le menu du "Ajouter du contenu" et dans le menu admin tu as normalement un lien pour réordonner l’ordre des vidéos.

Je reste à disposition si tu as besoin d'aide et si tu rencontre le moindre soucis.

[Fchallier]

Ah oui pour information, le contenu vidéo se compose des champs suivants :

• D'un titre
• D'une vignette avec les mêmes dimensions que la fabrique
• Un champs texte "Code Embed vidéo" ou ici tu dois cliquer sur "Source" et copier coller ton code embed de Viméo, Youtube ou autre

[Rouergue]

Je ne vois pas le menu "ajouter du contenu" et je n'ai pas de bouton "modifier" quand je suis sur la rubrique VIDÉO pour pouvoir en rajouter.

[Fchallier]

Ah, effectivement un petit soucis au niveau des droits, c'est normalement bon

[Rouergue]

Oui, je peux maintenant ajouter des vidéos. Par contre, la page récap' n'arrive pas à se rafraîchir et je ne peux donc pas changer l'ordre des vidéos que je viens d'importer.

[Rouergue]

Et, du coup, je ne peux pas donc vérifier la mise en ligne que j'ai faite puisque les nouvelles vidéos ne s'affichent pas.

Je suis en congés à partir de ce soir, de retour le lundi 25 avril. En attendant, si tu vois que ça cafouille et que ce que j'ai mis en ligne ne fonctionne pas où s'affiche mal, est-ce que tu peux suspendre cette rubrique jusqu'à mon retour, stp ? Je regarderai ça plus en détail début mai.

En tous cas, c'est bien cool d'avoir cette rubrique supplémentaire, merci ! Je me demandais juste si c'était possible d'ajouter un champ avec (en petit) une ou plusieurs vignettes des livres auxquelle la vidéo se rattache à chaque fois ? Est-ce que c'est long et compliqué à mettre en place ?

[Rouergue]

Je viens de voir que les nouvelles vignettes se sont enfin affichées dans le récap'. Mais par contre, je ne vois pas le bouton pour changer l'ordre d'apparition...

[Fchallier]

Il devait y avoir un souci hier avec le cache du site...je vais vérifier cela plus en détail quand même.

Pour réorganiser les vignettes tu as normalement accès dans la partie admin à la page suivante : https://www.lerouergue.com/admin/tri-videos

Sinon c'est dans ton menu admin

Et sans soucis pour rajouter les couverture qui sont associées à la vidéo. Je regarde pour mettre cela en place avant ton retour.

Bien à toi,

[Rouergue]

Je suis en train de me replonger un peu dans la rubrique "Vidéos" pour y ajouter des éléments. En ce qui concerne la visibilité de ce que je viens de mettre en ligne, effectivement, cela ne se fait pas de manière automatique. Je suis obligée d'aller dans "tri bloc vidéos" comme sur ton exemple ci-dessus et les vidéos nouvellement importées se retrouvent tout en bas. Les vignettes ainsi affichées pour faire le tri sont énormes et je dois beaucoup scroller pour déplacer les vidéos et les réorganiser.

Serait-il possible de prévoir un système de glissement des vidéos présentées en lignes et colonnes comme sur le récap ?

[Rouergue]

Par ailleurs, quel est la taille exacte du bloc pour les vidéos que je dois importer ? Serait-il possible qu'elles se mettent automatiquement à la même largeur par exemple, pour qu'il y ait une homogénéisation entre toutes ?

Pour l'exemple ci-dessus, j'ai repris exactement le code source de la vidéo contenue dans la page livre. Mais, du coup, la vidéo apparaît en petit. Peut-être que ce n'est pas comme ça qu'il faut faire...

[Rouergue]

Autre question (j'en profite) : y aurait-il un moyen de récupérer automatiquement ou facilement la vignette vidéo (sélection proposée comme dans youtube ou vimeo) ?

[Rouergue]

Enfin, serait-t-il envisageable à terme (pour un développement futur !) de prévoir une hiérarchisation ou une possibilité de filtre / classement des vidéos (comme des posts de la Fabrique) par collection ou par date ? Je te propose qu'on se fasse une visio la semaine prochaine (mercredi 4 mai ?) pour faire un petit point sur toutes ces questions... D'ici-là, bon week-end !

[Fchallier]

• [x] Les nouvelles vidéos ajoutées seront automatiquement misent en première position. Il sera possible ensuite de les repositionner
• [x] Modification de l'affichage dans la page de tri afin que cela soit un peu plus facile à ordonner
• [x] Momification de la page Vidéos afin de respecter l'ordre

[Rouergue]

Ok, merci. Mais lorsque je viens de mettre une vidéo en ligne dans cette rubrique, celle-ci n'apparaît pas immédiatement sur la page récap' et quand je veux vider le cache, un message d'erreur s'affiche.

[Rouergue]

Pour un classement par catalogue, pourrait-on imaginer quelque chose comme ce qui est fait sur Vimeo ?

[Rouergue]

Dans l'idéal, voici les champs dont j'aurais besoin pour chaque vidéo :

• titre
• auteur
• type (liste déroulante avec possibilité de la compléter > interview / reportage / teaser / tuto / feuilletage animé / recette / galerie / présentation / extrait / bande-annonce / entretien / rétrospective / podcast / lecture / émission / replay / portrait / boîte à questions)
• date (à compléter manuellement pour pouvoir jouer dessus en fonction de la date de MEV du livre ou de la date de mise en ligne de la vidéo suivant les besoins).
• catalogue (comme sur le découpage VIMEO ci-dessus, à savoir : Littérature La brune / Polars Rouergue Noir / Beaux-livres et témoignages / Romans jeunesse / Albums jeunesse)

Tu penses que ce serait possible sans que ce soit trop long à mettre en place ? Ce qui serait cool, c'est de pouvoir ensuite faire des filtres / classements par date, catalogue, type, auteur... (mais peut-être que j'en demande trop, là 😬 !)

[Fchallier]

• [x] Ajout Auteur
• [x] Ajout taxonomie TYPE
• [x] Ajout taxonomie Catalogue
• [ ] Ajout un système de filtre (mixit up)

[Fchallier]

L'ensemble des nouveaux champs sont ajoutés pour les vidéos.

Il restera simplement à les afficher sur les page Vidéos et mettre en place le système de filtre.

[Rouergue]

Ok, merci. Est-il possible de mettre un 2e champ "auteur" ? Certains livres illustrés ont plusieurs auteurs (c'est le cas pour La biodynamie qui a deux auteurs) et les albums ont en général un auteur et un illustrateur.

[Rouergue]

Il manque le "n" dans la liste déroulante à "présentation".

[Rouergue]

Et pourrais-tu rajouter "spot" dans la liste déroulante, stp ?

[Rouergue]

Certaines vidéos que je mets à jour (notamment avec changement de vignette) ne s'affichent plus correctement ensuite sur la page récap', y compris sur chrome.

Est-ce parce qu'il faut un temps de "digestion" pour la prise en charge des nouveaux visuels ? Lorsque je vide le cache des images (dans firefox), ça ne change rien...

[Rouergue]

Je vois aussi que, sur chrome, le type, catalogue et auteur s'affichent déjà (et pas sur firefox). Est-ce possible de ne garder que le titre et éventuellement le type (reportage, teaser, etc.) en-dessous en attendant de revoir la mise en forme à la rentrée ?

[Rouergue]

Changement à l'instant : le type, catalogue et auteur s'affichent également sur firefox maintenant !

[Fchallier]

• [x] Ajout de "spot"
• [x] Ajout du "n"
• [x] Ajout d'un champs multiple pour les auteurs

[Fchallier]

Concernant l'affichage des catégories et des auteurs, il est nécessaire de mettre en place quelques règle en CSS je finalise cela d'ici demain.

[Rouergue]

Ok, super ! Merci pour tout. Au niveau du nom de l'auteur, sera-t-il possible de l'afficher dans l'ordre Prénom + Nom ?

[Rouergue]

Dans l'interface, serait-il possible de rajouter un 2e champ "Code Embed Vidéo" pour ajouter des liens vers d'autres vidéos sur le même titre ou le même auteur ? Quand j'essaie d'ajouter ces mentions (avec liens) en-dessous du code des vidéos importées, ça cafouille ! J'essaie d'ajouter des espaces dans le code en html mais soit le saut de ligne est trop petit, soit il est trop grand, soit ça fait sauter le lien. Bref, je galère pas mal (il faut dire que je ne suis pas très douée en langage html).

S'il y avait deux champs séparés (comme pour les fiches livres), ça résoudrait tous mes problèmes !

[Rouergue]

Pour le bouton du bas, je le mettrais en un peu plus petit si possible. Et, au niveau du texte, est-ce qu'on pourrait mettre plutôt "Découvrez l'ensemble de nos vidéos en cliquant ici" sans forcément reprendre le logo de Vimeo ? Ou bien tu penses au contraire que c'est bien de citer Vimeo ?

Et, je pense que je vais avoir quand même pas mal de vidéos par catalogue (sans aller jusqu'à 250 !) car certaines vidéos pour des livres du fonds sont importantes pour l'image de la maison. Du coup, je me demande s'il ne faudrait pas mettre (en plus ou à la place du bouton tout en bas) une mention simple en haut à droite du genre "voir toutes nos vidéos" et renvoyant également vers la page récap' vimeo. Ton avis ?

[Rouergue]

Juste pour info :

[Fchallier]

• [x] Tri des Actualités -> Tri des Vidéos
• [x] Ajout d'un lien "voir toutes nos vidéos" en haut à droite
• [x] Mise à jour de votre éditeur de Texte, mais cela ne corrige pas le problème d'espace. Car le code d'intégration de Vimeo contient des balises avec des grosses marges....

[Fchallier]

• [x] Modification du champs Embed en champs multiple, afin de pouvoir ajouter du texte en dessous de vidéos

[Fchallier]

• [x] Mise à jour effectué pour les nom des auteurs

[Rouergue]

Nickel, merci pour tout ça ! J'ai remarqué que les caractères de l'interface administrateur avaient changé de police. Est-ce dû à la mise à jour de l'éditeur de Texte que tu as faite ? Est-ce possible de revenir à une police plus simple comme avant avec moins d'empattement ? Cela ne change rien à l'affichage final pour l'internaute mais c'est plus confort pour moi que la police soit identique à la version en ligne (tu vas dire que je chipote...).

[Rouergue]

À propos de :

"Modification du champs Embed en champs multiple, afin de pouvoir ajouter du texte en dessous de vidéos"

Le 2e champs Embed n'apparaît que sur le mode "modification" d'une fiche déjà créée mais n'apparaît pas au moment de la création d'une nouvelle fiche.

[Fchallier]

Concernant le problème du second champs embed, normalement tu un bouton en dessous "Ajouter un autre élément" et normalement lors du clic cela ajoute un nouveau champs.

Et pour le design de l'éditeur c'est normalement corrigé ;)