[Résolu] Page active dans le menu et sous-catégories (Créer un compte)

  • WordPress :5.8
  • Statut : résolu
  • Ce sujet contient 9 réponses, 3 participants et a été mis à jour pour la dernière fois par ferman, le il y a 19 secondes.
10 sujets de 1 à 10 (sur un total de 10)
  • Auteur
    Messages
  • #2386501
    camillebeurton
    Participant
    Initié WordPress
    5 contributions

    Bonjour à tous,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : PHP Version 7.4.23
    • Thème utilisé : Hello theme
    • Extensions en place : Elementor, Elementor Pro, Advanced Custom Fields, DynamicConditions
    • Nom de l’hébergeur : O2switch
    • Adresse du site : http://www.camillebeurton.com

    Problème(s) rencontré(s) :

    Je suis en train de créer mon site internet qui est un portfolio grâce au Theme Builder Elementor.

    J’ai classé mes travaux par catégorie (certains appartenant à plusieurs catégories), on peut les filtrer sur la page Portfolio, qui est aussi ma page d’accueil.

    Je souhaite garder la page active soulignée dans le menu, ça fonctionne parfaitement pour les pages “À propos” et “Contact”, mais quand on passe dans le second menu par catégorie de la page “Portfolio”, celle-ci n’est plus considérée comme active…

    Pour contourner ce problème, j’envisageais de créer moi-même mon menu avec 3 boutons que je pourrais styliser sur chaque page, mais je ne peux pas appliquer l’effet “Drop out” que j’aimais bien.

    Quelqu’un aurait-il une idée pour contourner le problème ?

    Merci beaucoup !

    • Ce sujet a été modifié le il y a 1 jour et 20 heures par camillebeurton.
    #2386503
    Lumiere de Lune
    Participant
    Maître WordPress
    19592 contributions

    C’est “normal”, car ce sont tes catégories qui sont considérées comme actives. Tu peux t’en tirer avec le css en utilisant les classes générées par body class (regarde le tag html body) pour déterminer si tu es dans une archive portfolio

    Ou, solution peut être plus simple 😀 😀 😀 mettre en css le lien portfolio actif par défaut, puisque c’est là où tu as le plus de contenu, et désactiver ce css sur les pages simples et l’accueil (toujours en t’aidant de body class)

    #2386537
    camillebeurton
    Participant
    Initié WordPress
    5 contributions

    Merci beaucoup pour ta réactivité !

    “mettre en css le lien portfolio actif par défaut”, ça me paraît très bien comme solution, je vais essayer de trouver comment faire.

    #2386565
    camillebeurton
    Participant
    Initié WordPress
    5 contributions

    Finalement, j’ai reconstruit le menu en html/CSS sans passer par le widget menu navigation ! A vrai dire 3 headers, un pour chaque “page”.

    J’ai plus bidouillé qu’autre chose (le code ne doit pas être académique) mais ça fonctionne comme je voulais !

     

    #2386620
    ferman
    Participant
    Maître WordPress
    4485 contributions

    Bonjour,

    …mais ça fonctionne comme je voulais !

    Vous êtes sûre? Chez moi votre menu ne fonctionne pas correctement.

    #2386621
    camillebeurton
    Participant
    Initié WordPress
    5 contributions

    Aïe… Pourriez-vous me préciser le problème ?

    #2386625
    ferman
    Participant
    Maître WordPress
    4485 contributions

    Vous êtes réactive! Ce que je vois:

    Si vous partez de la page d’accueil, vous pouvez bien aller sur  les pages portfolio,  à propos et contact. Si vous cliquez sur portfolio, vous pouvez atteindre les pages infographie, cartographie, etc…, avec le “double souligné” comme vous souhaitez. Par contre vous ne pouvez plus atteindre  ni portfolio, ni à propos, ni contact (page n’existe pas).

    Quand on part de la page d’accueil, l’url de portfolio est la même que celle de la page d’accueil mais quand on essaie d’y revenir depuis l’une des pages du menu inférieur l’url devient  http : //www.camillebeurton. com/category/cartographie/Portfolio.

    Il y a une erreur quelque part.

    Note: A partir de votre premier menu (avec les widgets) il était possible avec un peu de code jQuery d’obtenir ce que vous voulez.

    • Cette réponse a été modifiée le il y a 1 heure et 14 minutes par ferman.
    #2386627
    ferman
    Participant
    Maître WordPress
    4485 contributions

    Voila, là c’est bon 🙂

     

    #2386628
    camillebeurton
    Participant
    Initié WordPress
    5 contributions

    Merci pour votre vigilance ! Effectivement, les liens étaient en local, donc ça ne pouvait pas fonctionner (ahlala, je n’avais pas testé toutes les configurations, erreur de débutante).

    J’aurais bien tenté le JQuery pour avoir une structure plus propre mais je suis novice en la matière…

    N’hésitez pas à préciser votre idée si ça n’est pas trop compliqué, ça pourra surement aider d’autres néophytes comme moi !

    Encore merci !

    #2386630
    ferman
    Participant
    Maître WordPress
    4485 contributions

    J’aurais bien tenté le JQuery pour avoir une structure plus propre mais je suis novice en la matière…

    Non, la méthode html/css est la meilleure. JQuery permet beaucoup de choses mais dans votre cas ce n’est pas le premier choix.

    N’hésitez pas à préciser votre idée si ça n’est pas trop compliqué, ça pourra surement aider d’autres néophytes comme moi !

    Ce n’est pas compliqué mais ça ne servirait à rien; c’est comme les CSS, toujours au cas par cas. Mieux vaut ne pas encombrer le forum avec du code inutile.

10 sujets de 1 à 10 (sur un total de 10)
  • Vous devez être connecté pour répondre à ce sujet.