Sticky header – la meilleure solution ? (Créer un compte)

  • WordPress :6.1
  • Statut : non résolu
6 sujets de 1 à 6 (sur un total de 6)
  • Auteur
    Messages
  • #2453502
    ricardo06
    Participant
    Initié WordPress
    8 contributions

    Bonjour,

    Ma configuration WP actuelle 6.2

    • Version de PHP/MySQL : 8.1
    • Thème utilisé : OceanWP
    • Extensions en place : ocenwp stick anything
    • Nom de l’hébergeur : ionos
    • Adresse du site : rolfing-is.fr

    Problème(s) rencontré(s) : j’ai deux sites réalisés avec oceanwp + elementor, les deux en version gratuite. Je souhaite implémenter des sticky headers de manière simple ( sans passer par le css proposé par le plugin « Ocean stick anything ». Trop compliqué,  et ne résiste probablement pas aux mises à jour. Les solutions que j’entrevois sont d’acheter la version pro de oceanwp ou d’acheter la version pro d’Elementor. Avez-vous des arguments en faveur de l’une ou l’autre solution ? Je ne suis pas un professionnel du dev.

    Merci pour vos avis avisés !

    Richard

    • Ce sujet a été modifié le il y a 1 année et 1 mois par ricardo06.
    #2453516
    Rock4Temps
    Participant
    Maître WordPress
    1039 contributions

    Bonjour,

    J’utilise cette Extension avec les thèmes OceanWP et Astra et cela fonctionne trés bien.

    Je ne suis pas sur que OceanWP pro  ou Elementor Pro vous apporte un plus car de toute manière le sticky header se fera par régles CSS.

    #2453538
    ricardo06
    Participant
    Initié WordPress
    8 contributions

    Bonjour, merci pour votre réponse. J’ai essayé. Je ne maîtrise pas la bête !

    #2453540
    Rock4Temps
    Participant
    Maître WordPress
    1039 contributions

    Vous avez d’abord définit un nom pour votre menu principal
    A partir du back office Apparence/menu
    soit par exemple:Menu principal  (photo ci -jointe)

    Ensuite vous sélectionner a partir de la page de réglages
    de l’extension myStickymenu pour l’option Épinglé – Classe
    votre nom de menu.
    Voir les photos-ci-jointe pour les autres réglages que vous personnaliser
    comme vous le souhaitez pour ma part j’ai choisi:
    – Un sticky header pour PC & Mobile
    – Un effet de fondu
    – Une opacité a 100% lors du défilement

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2453605
    ricardo06
    Participant
    Initié WordPress
    8 contributions

    Merci encore. Oui, j’ai essayé ça et ça marche … presque. En fait mon header comprend une top bar, une barre de menu ET une photo. Ce que j’essaye de rendre « sticky », c’est la top bar et la barre de menu, mais pas la photo (full width et environ 200px de hauteur). SI je veux conserver la photo, il faudrait que je puisse l’insérer en dessous du header, mais faisant partie de la zone de la Page hors header.
    J’espère que c’est clair …

    Bonne soirée

    #2453657
    ricardo06
    Participant
    Initié WordPress
    8 contributions

    ça y est j’ai réussi. Il me fallait trouver le bon CSS à indiquer. J’ai fait plusieurs essais et puis j’ai trouvé celui qui convient. On verra si ça résiste aux évolutions.
    Merci Rock4Temp pour ton aide

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