Recherche theme (Créer un compte)

  • WordPress :6.7
  • Statut : non résolu
11 sujets de 1 à 11 (sur un total de 11)
  • Auteur
    Messages
  • #2485430
    foufouner
    Participant
    Chevalier WordPress
    105 contributions

    Bonjour,

    Je recherche un thème comme ce site c’est à dire où plusieurs images se trouvent en background quand on scroll.

    Avez vous des liens ?

    Merci

    • Ce sujet a été modifié le il y a 1 semaine et 3 jours par Li-An.
    • Ce sujet a été modifié il y a 1 semaine et 3 jours par Flobogo. Raison : déplacé en rubrique "thèmes"
    #2485440
    Li-An
    Participant
    Maître WordPress
    28996 contributions

    Bonjour, ce n’est pas propre à un thème mais une fonctionnalité de bloc. Ça doit être faisable avec Gutenberg ou un plugin ajoutant des fonctionnalités de bloc et sûrement avec un constructeur de pages.

    #2485442
    foufouner
    Participant
    Chevalier WordPress
    105 contributions
    #2485462
    Li-An
    Participant
    Maître WordPress
    28996 contributions

    Non, non, Gutenberg, c’est maintenant l’éditeur par défaut de WP – les vieux comme moi l’appellent comme ça parce qu’ils ont connu ce que l’on nomme désormais « Classic Editor ». L’extension en question est un outil de travail de choses qui seront ensuite implémentées dans le moteur WP, inutile de l’installer, ça coincerait au niveau de votre thème.

    J’ai essayé de bidouiller et je pense qu’il faut passer par le bloc Bannière. Vous lui collez une image en arrière plan avec le réglage « arrière plan fixe » et vous mettez du contenu dans la bannière. Rajoutez des blocs espacement pour créer des zones « transparentes ».

    #2485464
    foufouner
    Participant
    Chevalier WordPress
    105 contributions

    Il y a longtemps que j’ai pratiqué avec WP mais j’arrive plus à trouver « arrière plan fixe » !

    #2485465
    Li-An
    Participant
    Maître WordPress
    28996 contributions

    Vous utilisez quel éditeur ? Celui avec les blocs ? Vous sélectionnez votre bloc Bannière, vous regardez dans la sidebar au niveau de ses réglages – dans le menu « Réglages » d’ailleurs.

    #2485466
    foufouner
    Participant
    Chevalier WordPress
    105 contributions

    Voici ici une vidéo explicative de ce que j’essaye de faire

    #2485467
    foufouner
    Participant
    Chevalier WordPress
    105 contributions

    Bon c’est pas trop mal voilà ce que ça donne. Cependant, si on regarde l’affichage du premier site, on voit que la première image en background n’est pas bien sans entrée pareil. On aperçoit que le toit de la voiture, or, sur la première image, c’est le pare-chocs. On aperçoit que le toit de la voiture, or, sur la première image, c’est le pare-chocs.Comment je peux faire ?

    #2485468
    Li-An
    Participant
    Maître WordPress
    28996 contributions

    Bon, je ne vais pas vous aider plus, vous avez compris le principe. Après, vous pouvez redécouper l’image pour afficher les parties qui vous intéressent le plus aux endroits qui vous intéressent. Ce que l’on va voir dépend du contenu, c’est un peu une maquette de journal animée. Éventuellement, ouvrez un nouveau sujet.

    #2485482
    Flobogo
    Modérateur
    Maître WordPress
    20688 contributions

    Bonjour,

    Je complète juste la réponse de @li-an :

    → Éventuellement, ouvrez un nouveau sujet en rubrique Gutenberg, qui est spécifique pour l’aide concernant l’éditeur par blocs.

     

    #2485579
    Nant Aveyron
    Participant
    Initié WordPress
    35 contributions

    Bonjour,

    Si ce site vous intéresse pour le parallax en backround : https://millauvisite.fr/ ?

    Voilà le CSS à mettre dans apparence / personnaliser / css additionnel :

    .parallax {
    width: 2000px;
    margin-left: -360px;
    margin-right: 0px;
    min-height: 500px;
    padding: 0px;

    background-image: url("https://millauvisite.fr/wp-content/uploads/2023/01/visite-pont-lerouge-millau.webp");

    height: 20vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    }

    Ensuite à l’endroit où vous voulez l’affichage du parallax vous mettez le code suivant :

    <div class="parallax"></div>

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