Mettre le titre d’une page sur une photo (Créer un compte)

  • WordPress :6.5
  • Statut : non résolu
3 sujets de 1 à 3 (sur un total de 3)
  • Auteur
    Messages
  • #2479469
    chvxrouge@gmail.com
    Participant
    Initié WordPress
    49 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL :
    • Thème utilisé : Accelerate
    • Extensions en place :
    • Nom de l’hébergeur : OVH
    • Adresse du site : https://vertige-evasion.com

    Problème(s) rencontré(s) : Bonjour, je voulais savoir comment mettre une image derrière le titre de chaque pages (idéalement une photo différentes pour chaque page). Il n’y a pas (en tout cas je ne trouve pas) d’option clef en main sur ce thème pour le faire. Existe il un code css pour le faire? Et comment dimensionner les images?

    Sinon, comment remplir par une couleur la zone de titre?

    merci pour vos réponses,

    seb

    #2479571
    momofr@free.fr
    Modérateur
    Maître WordPress
    7347 contributions

    Salut, effectivement ce thème ne propose pas d’option pour ça (OceanWP oui).

    Tu peux le faire via CSS avec une base comme ceci :

    #header-text-nav-wrap {
    background: url(https://wordpress.local/wp-content/uploads/2020/03/cropped-wallpaper-267-e1590568996169.jpg) 50% 50% no-repeat;
    background-size: cover;
    padding: 20px;
    min-height: 200px;
    }
    h1#site-title a, h3#site-title a, #site-description {
    color: #fff;
    }
    .category-sports #header-text-nav-wrap {
    background: url(https://wordpress.local/wp-content/uploads/2020/12/cropped-cropped-xnsoee9y4ng-scaled-1.jpg);
    }

    Explications des 3 règles (tu en ajouteras selon tes besoins) :

    • Première règle, pour le bandeau Titre (réglage générique sur <span class= »customize-inside-control-row »>Position un</span>), on détermine l’image en arrière-plan, pas de répétition et taille en cover (pour remplir tout le bloc).
    • Seconde règle pour la couleur du titre  du site et slogan en blanc ici.
    • Troisième règle pour l’image dédiée à la page de catégorie « sports« , tu en ajoutera en modifiant la première classe qui correspond à ce que trouvera dans la balise body.
    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2479576
    chvxrouge@gmail.com
    Participant
    Initié WordPress
    49 contributions

    Bonjour Momo,

    Merci pour ta réponse. Mais quand je colle le code que tu m’as donné (pour faire un essaie)  dans mon css il ne se passe rien. Aussi, j’ai vu dans l’image en pièce jointe que c’est le bandeau d’en tête qui change? Ce que j’aimerais s’est avoir le titre des pages dans une image différente pour chaque page.

    merci,

    seb

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