Liste à puce par ordre alphabétique (Créer un compte)

  • WordPress :5.8
  • Statut : non résolu
11 sujets de 1 à 11 (sur un total de 11)
  • Auteur
    Messages
  • #2385507
    BourrinOman
    Participant
    Chevalier WordPress
    213 contributions

    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 ?

    #2385517
    ferman
    Modérateur
    Maître WordPress
    7294 contributions

    Bonjour

    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.
    #2385530
    BourrinOman
    Participant
    Chevalier WordPress
    213 contributions

    OK.

    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).

    #2385532
    ferman
    Modérateur
    Maître WordPress
    7294 contributions

    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

    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.
    #2385536
    BourrinOman
    Participant
    Chevalier WordPress
    213 contributions

    Pour que ce soit plus simple, vous devriez donner une identité à votre liste

    Ou se passe ces ajouts d’identité ?

    #2385539
    ferman
    Modérateur
    Maître WordPress
    7294 contributions

    Je 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.
    #2385544
    BourrinOman
    Participant
    Chevalier WordPress
    213 contributions

    Je 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.

    #2385546
    ferman
    Modérateur
    Maître WordPress
    7294 contributions

    Donc, la méthode que je vous ai donnée devrait être adaptée. Edit article-> mode texte -> ajouter l’ID.

    #2385550
    BourrinOman
    Participant
    Chevalier WordPress
    213 contributions

    OK.

    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 ?

    #2385552
    ferman
    Modérateur
    Maître WordPress
    7294 contributions

    Exemple: 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>

    • Cette réponse a été modifiée le il y a 3 années et 2 mois par ferman.
    • Cette réponse a été modifiée le il y a 3 années et 2 mois par ferman.
    • Cette réponse a été modifiée le il y a 3 années et 2 mois par ferman.
    #2385572
    audrasjb
    Participant
    Chevalier WordPress
    103 contributions

    Je 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.
11 sujets de 1 à 11 (sur un total de 11)
  • Vous devez être connecté pour répondre à ce sujet.