[Résolu] Personnaliser un thème: déplacer le fil d’ariane (Créer un compte)

  • WordPress :5.4
  • Statut : résolu
3 sujets de 1 à 3 (sur un total de 3)
  • Auteur
    Messages
  • #2349089
    Xt0f
    Participant
    Padawan WordPress
    59 contributions

    Bonjour,

    J’utilise ce thème https://travel.oceanwp.org/blog/

    Dans le header class=”page-header”, vous voyez qu’il y a un div class=”container clr page-header-inner”, et à l’intérieur de celui-ci, un h1 et un nav. Le h1 contient naturellement le titre et le nav contient le fil d’ariane.

    Je souhaiterais que le div class”container clr page-header-inner” ne contienne que le h1, et que ce h1 soit centré, tandis que qu’il y aurait un second div dans le header, qui contiendrait le nav (fil d’ariane).

    J’ai créé un thème enfant, et pour les petites bricoles en css, je surcharge la feuille de style, mais là, concrètement… comment dois je faire pour faire ce que j’ai décrit? Quel(s) fichier(s) dois-je modifier pour personnaliser mon header?

    #2349151
    momofr@free.fr
    Modérateur
    Maître WordPress
    3404 contributions

    Salut, avec OceanWP c’est plutôt facile. Tu peux régler la barre de titre pour n’afficher que le titre centré (couleur d’arrière-plan et typo à ta guise).

    Pour le fil d’Ariane tu as un code court, proposé dans la documentation d’OceanWP, qu tu peux placer où tu veux. Dans un modèle de page, d’entête ou de pied de page par exemple. Bref tu fais ce que tu veux avec.

    #2349236
    Xt0f
    Participant
    Padawan WordPress
    59 contributions

    Hello!

    Merci Momofr pour ta réponse.

    Finalement effectivement avec un modèle d’entête, j’ai réussi à faire à peu près ce que je souhaitais, sans avoir besoin de rentrer dans le code.

    Il me reste quelques problèmes mais je vais poster une nouvelle conversation, car les problèmes restants ne sont plus en lien avec le déplacement du fil d’ariane.

    Pour info, si quelqu’un tombe plus tard sur cette discussion à la recherche de solution, le modèle d’entête est donc efficace, et la vidéo suivante montre comment en réaliser un: https://www.youtube.com/watch?v=Rxjw_vkSBck

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