- WordPress :6.1
- Statut : non résolu
- Ce sujet contient 21 réponses, 3 participants et a été mis à jour pour la dernière fois par ferman, le il y a 2 années.
-
AuteurMessages
-
16 janvier 2023 à 15 h 21 min #2440325
Bonjour,
J’ai un souci que je n’avais pas vu de suite depuis la mise en place du code. En fait, en base de la Home, il y a des flèches qui permettent de charger du contenu supplémentaire. Mais lorsqu’on clique dessus, la mise en forme disparaît. Comment faire pour que la mise en forme soit appliquée quand même ?
Pour rappel, le site est celui-ci : https://www.rse-responsables.com/
Merci par avance de m’aider car j’ai beau chercher, je suis bloqué.
16 janvier 2023 à 17 h 21 min #2440340Précision, on dirait que quand on clique sur les flèches, ça charge en JS.
16 janvier 2023 à 19 h 38 min #2440355Bonjour,
Le problème est détaillé ICI. Pour le moment je ne vois pas de solution. Je vais regarder encore.
17 janvier 2023 à 10 h 44 min #2440451J’ai regardé d’un peu plus près. Le problème est celui mentionné dans le lien que je vous avais passé: votre liste d’articles est paginée en utilisant Ajax ce qui fait qu’à chaque changement d’écran la page n’est pas rechargée et donc la fonction js n’est pas relancée. Elle ne se relance que si vous rafraîchissez la page mais dans ce cas vous revenez au premier écran. Pour que le code fonctionne, il faudrait une seule page avec tous les articles (visibles par défilement) ce serait assez pénible. Ou alors il faudrait paginer autrement qu’en Ajax mais ça dépend du thème. Bref la solution ne passe pas dans ce cas par du js.
Je pense qu’il y a une solution simple évitant le javascript. Actuellement, pour l’extrait, vous prenez les premières lignes de l’article et ajoutez manuellement « POINT DE VUE » ou « ACADEMIQUE ». C’est bien ça? Si oui, il vous suffit alors de ne pas ajouter simplement ces termes mais de les encadrer dans des balises <span>. Par exemple, au lieu de:
« POINT DE VUE – Quel rapport entre ces deux concepts que n’existaient pas dans le monde des cadres il y a encore quelques mois ? A priori deux idées qui ne vont pas ensemble, voire que tout oppose ! »
vous faites:
« <span class = « point de vue »>POINT DE VUE </span> – Quel rapport entre ces deux concepts que n’existaient pas dans le monde des cadres il y a encore quelques mois ? A priori deux idées qui ne vont pas ensemble, voire que tout oppose ! »
Ça ne vous fera pas perdre beaucoup de temps par rapport à ce que vous faites actuellement.
Alternativement, il y a encore plus simple et automatique, basé sur ce que vous proposait Mathieu42. Le code CSS suivant,
#tdi_49 .td-cpt-academique h3 a{color:red;}
#tdi_49 .td-cpt-post h3 a{color:blue;}fera apparaître le titre de l’excerpt en rouge ou bleu suivant le post-type.
17 janvier 2023 à 11 h 20 min #2440473Aussi simple, se rapprochant de l’idée initiale mais automatique. Le code suivant:
#tdi_49 .td-cpt-academique .td-excerpt:before{content:"ACADEMIQUE";
color:red}
#tdi_49 .td-cpt-post .td-excerpt:before{content:"POINT DE VUE -";
color:blue;}Ajoutera automatiquement en tête d’excerpt le mot et la couleur qui conviennent.
Vous avez le choix.
17 janvier 2023 à 14 h 48 min #2440507Super, merci Ferman pour ces deux propositions. Franchement, c’est vraiment top d’avoir de l’aide aussi efficace. Je viens de mettre en place le 2e code. Du coup, on est d’accord que le CSS que j’avais mis initialement, je peux le virer ?
C’était celui-là :
.pointdevue{
color:#81d742;font-weight: 700;
}
.academique{
color:#dda552;font-weight: 700;
}
.partenaires{
color:#222E44;font-weight: 700;
}17 janvier 2023 à 15 h 02 min #2440509Du coup, on est d’accord que le CSS que j’avais mis initialement, je peux le virer ?
Oui, et aussi le javascript et les premiers mots de l’excerpt que vous introduisiez manuellement, autrement vous aurez des doublons (comme c’est le cas actuellement). Bon, non, je vois que vous avez rectifié.
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.