Modifications à prévoir
- peux tu faire un code admin pour Gilles (ou il utilise le mien, qu’en penses tu?)
- le jingle de ligne16 n’apparait plus sur le site (à un moment tu l’avais mis en bas de page quelque part), éventuellement peux tu le remettre en bas de la page « devenez le média »
- il y a un problème podcast par année, car l’année correspond pas à celle que tu cliques (ex 2024, sort les podcasts de 2017) j’ai l’impression que c’est toujours la même page.
- pb événement à venir, quand il n’y en a pas, ya une phrase bizarre « No upcoming events scheduled yet. Stay tuned! »
ok pour le bandeau, excuse j’avais pas compris car j’étais resté sur l’avion et avec tous les éléments dedans je me demandais,
maintenant c’est plus clair dans ma tête,
il faut du coup qu’il contienne une information actuelle par exemple :
« mercredi 19 mars à 14H projection de cours métrages dans le cadre du festival du cinéma des droits humains dans la salle d’accueil de l’Entre-Pont »
d’ailleurs c’est demain, si tu veux venir (à 12h30 apéro c’est trop court et à 14h projection des 5 courts métrages dans la salle d’accueil)
enlever News si c’est possibleet au dessus il y a une ligne orange qui s’est mise, cela doit être une erreuret si possible mettre Lecture aléatoire un peu plus gros à la place de « Écoute aléatoire » (ça c’est au-dessus la fameuse ligne orange qui s’est mise)page « tous les podcasts » : un bouton « filter all » apparaît en haut et donc l’enlever !- mettre reportage précédent et reportage avant quand on lit un reportage (navigation entre les podcasts pour inciter à voir les autres sujets)
podcast par année : présentation trop MOCHEJ’aimerai revoir aussi la présentation des pages PAR RUBRIQUE et PAR QUARTIER (l’idée est de voir un post environnement, un post sport, un post art, etc. Là, ça bouge tout le temps, on ne dissocie pas les différentes rubriques donc ça sert à rien / pareil pour les quartiers…Je viens de tester le formulaire de CONTACT ; ça marche pas, je ne reçois aucun message, SNIFFFdéplacer la section » un media de proximité » en bas de la page d’accueil, intervertir les sections quartier et rubrique (par rapport au fond, afin que tout soit alterné)- mettre la possibilité de faire un commentaire après chaque reportage (extension, catchpa, validation des commentaires)
- voir un news defilement bandeau (petit avion) pour une info à mettre en avant,
classement des reportages par annéeLogo cafMise en page des résultats de rechercheSuppression defilement automatique
En cours
- Problème quand on va sur ligne16, les images par rubrique et quartier ne s’affichent que si on recharge la page
- statistique écoute d’un podcast ?
Extensions
Ajax Search Lite
- Est utilisé dans le header du site pour la recherche (ajax)
LoginPress
- Permet de modifier le rôle « contributeur » afin d’autoriser l’upload de fichier média pour les Podcast, podcast gérer par Sonaar…
Happy Elementor Addon
- Horizontal timeline > page un media citoeyn
- Mini galerie logo partenaires > page un media citoyen
Royal Elementor Addons
- Post Grid/slider/carousel > page accueil, section en ce moment / focus
- Menu de navigation
Code boutons play / pause essential grid
<!– Conteneur pour les lecteurs –>
<div id= »players-container »>
<div class= »player » data-post-id= »{ id:%post_id% } »>
<a class= »link play podcast-btn » href= »javascript:IRON.sonaar.player.setPlayerAndPlay({ id:%post_id% }) » onclick= »togglePlayPause(event) »>
<i class= »fa-solid fa-circle-play »></i> <!– Icône de lecture –>
Lecture
</a>
<a class= »link pause podcast-btn » href= »javascript:IRON.sonaar.player.pause({ id:%post_id% }) » style= »display:none; » onclick= »togglePlayPause(event) »>
<i class= »fa-solid fa-circle-pause »></i> <!– Icône de pause –>
Pause
</a>
</div>
</div>
<script>
// Sélectionne tous les éléments avec la classe .player
const players = document.querySelectorAll(‘.player’);
// Parcours chaque lecteur et attache les événements
players.forEach(player => {
const playButton = player.querySelector(‘.play’);
const pauseButton = player.querySelector(‘.pause’);
const postId = player.getAttribute(‘data-post-id’);
playButton.addEventListener(‘click’, function(event) {
event.preventDefault();
togglePlayPause(event, postId);
});
pauseButton.addEventListener(‘click’, function(event) {
event.preventDefault();
togglePlayPause(event, postId);
});
});
// Fonction pour basculer entre les boutons PLAY et PAUSE pour un lecteur donné
function togglePlayPause(event, postId) {
const clickedButton = event.currentTarget; // Bouton sur lequel on a cliqué
const parentPlayer = clickedButton.parentNode; // Parent de l’élément cliqué
const playButton = parentPlayer.querySelector(‘.play’);
const pauseButton = parentPlayer.querySelector(‘.pause’);
if (clickedButton.classList.contains(‘play’)) {
playButton.style.display = ‘none’;
pauseButton.style.display = ‘inline-block’;
IRON.sonaar.player.pause({ id: postId });
// Exécuter l’action de lecture avec postId
IRON.sonaar.player.setPlayerAndPlay({ id: postId });
} else if (clickedButton.classList.contains(‘pause’)) {
playButton.style.display = ‘inline-block’;
pauseButton.style.display = ‘none’;
// Exécuter l’action de pause avec postId
IRON.sonaar.player.pause({ id: postId });
}
}
</script>