- WordPress :5.8
- Statut : non résolu
- Ce sujet contient 10 réponses, 3 participants et a été mis à jour pour la dernière fois par audrasjb, le il y a 3 années et 2 mois.
-
AuteurMessages
-
18 septembre 2021 à 10 h 05 min #2385507
Bonjour,
Ma configuration WP actuelle
- Version de PHP/MySQL : <span id= »wp-version »>5.4.7</span>
- Thème utilisé : Flat
- Extensions en place : Ajax Search Lite, Akismet Anti-Spam, Crop Thumbnails, List Custom Taxonomy Widget, MetaSlider, Simple Image Sizes, Tooltips, WP Maintenance
- Nom de l’hébergeur : Scaleway
- Adresse du site : http://www.natureprovencale.fr/wp/
Problème(s) rencontré(s) : Est-il possible d’afficher par ordre alphabétique une liste à puce en particulier ?
18 septembre 2021 à 11 h 14 min #2385517Bonjour
Vous pouvez essayer ça. C’est la forme la plus simple tirée d’ICI mais ça risque de ne pas marcher (si votre liste n’a pas de classe ou id, s’il y a plusieurs listes par page etc.). Essayez d’adapter; autrement, pour être plus précis il faudra voir cette liste sur votre site . N’oubliez pas de remplacer XXXX par la valeur correcte dans votre cas. A mettre dans functions.php du thème enfant.
function maul(){
// mettre liste par ordre alphabétique
?>
<script type="text/javascript">
$=jQuery;
$("#post-XXXX ul li").sort(function(a, b){return ($(b).text()) < ($(a).text());}).appendTo('#post-XXXX ul');
</script>
<?php
}
add_filter('wp_footer','maul');- Cette réponse a été modifiée le il y a 3 années et 2 mois par ferman.
18 septembre 2021 à 14 h 16 min #2385530OK.
Dans mon cas, ça risque d’être compliqué (il y aura plusieurs listes dans un seul article).
pour être plus précis il faudra voir cette liste sur votre site
Je n’ai pas de liste précise en tête. Je me demandais juste si l’on pouvais facilement effectuer cette action sur une seule liste (même si plusieurs autres listes sont présentes dans les même article).
18 septembre 2021 à 15 h 12 min #2385532Je n’ai pas de liste précise en tête. Je me demandais juste si l’on pouvais facilement effectuer cette action sur une seule liste
Oui ce n’est pas un problème; il faut simplement distinguer les listes. Pour que ce soit plus simple, vous devriez donner une identité à votre liste (par exemple « ma_liste ») et dans ce cas il faudra remplacer:
"#post-XXXX ul li"
/*par*/
"#post-XXXX ul#ma_liste li"
/*et*/
"#post-XXXX ul "
/*par*/
"#post-XXXX ul#ma_liste "- Cette réponse a été modifiée le il y a 3 années et 2 mois par ferman.
18 septembre 2021 à 16 h 05 min #2385536Pour que ce soit plus simple, vous devriez donner une identité à votre liste
Ou se passe ces ajouts d’identité ?
18 septembre 2021 à 16 h 33 min #2385539Je ne sais plus comment sont créées vos listes: directement dans wordpress? via une extension?. Si c’est vous qui l’avez créée dans une page , dans cette page et en mode texte , il suffit simplement de modifier comme indiqué ci-dessous. Autrement il faudra voir le moment venu. Vous pouvez déjà regarder ICI. On peut aussi certainement sélectionner une liste particulière purement en CSS sans rien ajouter mais c’est plus compliqué (également à voir directement sur le site pour trouver les bons sélecteurs).
<ul>......<li>...</li>......</ul>
<ul id="ma_liste">......<li>...</li>......</ul>- Cette réponse a été modifiée le il y a 3 années et 2 mois par ferman.
18 septembre 2021 à 17 h 10 min #2385544Je ne sais plus comment sont créées vos listes: directement dans wordpress? via une extension?
Via une option présente dans le bloc d’édition des articles.
18 septembre 2021 à 17 h 13 min #2385546Donc, la méthode que je vous ai donnée devrait être adaptée. Edit article-> mode texte -> ajouter l’ID.
18 septembre 2021 à 18 h 12 min #2385550OK.
Dernières question.
Où dois-entrer le code que vous m’avez indiqué juste avant ?
Que dois-je faire des points de suspension présent dans le code en question ?
18 septembre 2021 à 18 h 35 min #2385552Exemple: Dans une de mes pages j’ai une liste de 3 éléments (voir code lignes 1 à 5 ). Pour ajouter une identité à cette liste il suffit de modifier comme indiqué dans les lignes inférieures. Ceci se fait simplement en mode texte en éditant la page où se trouve cette liste. Oubliez les …..Il n’y a aucun code à écrire. Cela ne vaut que si vous avez écrit cette liste directement dans la page.
<ul>
<li>premier élément</li>
<li>2é élément</li>
<li>3é élément</li>
</ul>
<ul id="riquiqui">
<li>premier élément</li>
<li>2é élément</li>
<li>3é élément</li>
</ul>19 septembre 2021 à 7 h 18 min #2385572Je complète la réponse de @ferman : dans l’éditeur natif de WordPress, le bloc liste dispose d’un champ « Avancé » permettant de donner une ancre à ton bloc liste (voir pièce jointe). C’est ici que tu pourrais mettre l’identifiant qui sera utilisé par le code JavaScript que Ferman t’a fourni.
Fichiers joints :
Vous devez être connecté pour voir les fichiers joints. -
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.