Je souhaite obtenir des informations sur une formation complète concernant le thème DIVI dispensé
par un organisme de formation certifié par l’état.
Que la formation soit finançable par mon CPF (idéalement) ou autre


Divi est idéal pour créer des pages sur nous et les membres de l’équipe pour les sites Web de votre entreprise. Heureusement, vous n’êtes pas obligé de partir de zéro. Dans cet article, nous examinerons 13 mises en page, plugins et didacticiels qui vous aideront à créer vos propres pages À propos de nous et Équipe et à faire en sorte que les membres de votre équipe se démarquent.

Vous êtes sûr de trouver quelque chose ici pour créer tout type d’informations ou de page d’équipe dont vous avez besoin. Je les ai ventilés par catégorie, mais sinon, ils ne sont pas dans un ordre particulier. J’espère que tu les aimes!

Remarque: Nous recherchons et examinons les produits afin que vous puissiez prendre de meilleures décisions lors de l’achat des produits que vous souhaitez. Nos opinions sont les nôtres et ne sont en aucun cas influencées par une commission d’affiliation. Si vous utilisez l’un de nos liens d’affiliation répertoriés ci-dessous, nous pouvons gagner une petite partie des ventes. Merci pour votre soutien. Faites-nous savoir si vous avez des questions.

Divi À propos de nous Mises en page et pages

1. Disposition de la section équipe

Cette mise en page de coéquipier comprend un en-tête de parallaxe avec du texte qui révèle l’arrière-plan et des modules de personnes qui chevauchent l’en-tête. CSS comprend des instructions sur la façon de le placer.

  • En-tête de parallaxe
  • Module de personne stylée
  • Fichier JSON
  • CSS

Plus d’information

2. Présentation de la page à propos de moi

Cette mise en page sur moi a une zone d’en-tête plus grande avec du style et de l’espace pour une grande photo. Il contient de nombreux modules conçus avec des éléments qui se chevauchent et une courte section de curriculum vitae. Les effets de survol transforment les photos du projet en noir et blanc en couleur.

  • Distances diagonales
  • Effets de survol
  • Entête
  • Citation
  • Blurb
  • Projets avec texte superposé
  • crédits
  • Bas de page

Plus d’information

3. Accédez à la page de l’équipe bio

Cette page d’équipe contient des modules de personnes avec un bouton « Rencontrer une personne » qui dirige le visiteur vers la section de cette personne au bas de la page, qui contient une photo et un texte plus grands pour chaque personne dans une seule colonne.

  • JSON
  • CSS
  • Modules de personne
  • Bouton « Rencontrer une personne » qui redirige le visiteur vers les informations de cette personne
  • Une ligne pour chaque personne montrant une image et du texte

Plus d’information

4. Page personnelle

Cette mise en page crée une page à propos qui se concentre sur la conversion. Vous verrez une boîte avec des boutons d’image, de nom, de titre, de texte et de courrier électronique qui se chevauchent, ainsi que des boutons de séquence sociale, le tout avec des effets d’ombre sur un arrière-plan en plein écran.

  • CSS
  • photo
  • texte
  • Bouton e-mail
  • Boutons de suivi social

Plus d’information

5. Nettoyez la zone Divi Team

Cette mise en page d’équipe comprend une grande zone d’en-tête avec plein écran, titre et texte, une zone de membre de l’équipe avec des zones de membre de l’équipe conçues et une zone de contact avec un formulaire de contact et des boutons pour les contacts sociaux.

  • Grand en-tête avec image et texte
  • Espace membre de l’équipe avec photo, texte, e-mail
  • Formulaire de contact

Plus d’information

6. Modèle 1 du module Divi Person

Il s’agit du premier des 20 modèles de modules de personnes et est idéal pour créer des pages pour les membres de l’équipe. Les modules contiennent des effets de survol pour afficher le titre, la description et les boutons de suivi social. Il dispose de 7 mises en page différentes avec des superpositions, des boutons et des mises en page différents.

  • Module de personne stylée
  • Les superpositions affichent le titre, la description et les boutons de suivi social
  • 7 mises en page:
    • défaut
    • brève description
    • Clés
    • Couleurs différentes
    • Vue horizontale
    • Vue de liste

Plus d’information

Divi à propos de nous plugins

7. 44 effets de carré de survol

Ce plugin propose 44 effets de survol différents pour les images carrées. Le survol ajoute un titre et une description qui couvrent généralement une partie de l’image. Ceci est idéal pour créer des pages de membres d’équipe ou afficher les informations des membres de votre équipe.

  • 44 effets flottants
  • Titre
  • la description

Plus d’information

8. Membres de l’équipe Divi

Ce plugin vous permet de visualiser les membres de votre équipe avec de nombreux styles de mise en page différents, des styles de boutons de filtre et de nombreuses options d’affichage, notamment la grille, l’horizontale, le tableau, le curseur, la liste, la page de détail, etc. Les effets de survol indiquent les boutons de suivi social.

  • 56 mises en page
  • 20 boutons de filtre
  • 9 mises en page de liste
  • 6 mises en page de détail
  • Module de grille
  • Module horizontal
  • Glissière
  • tableau
  • Intégré dans Caldera Forms
  • Effets de survol

Plus d’information

9. 54 effets de survol d’image

Ce plugin applique 44 effets de survol différents aux images rondes. Le survol ajoute un titre et une description tout en remplaçant l’image, en plaçant une superposition sur l’image ou en déplaçant l’image sur le côté. C’est idéal pour créer des pages de membres d’équipe et afficher les informations des membres de votre équipe.

  • 44 effets flottants
  • Titre
  • la description

Plus d’information

Divi À propos de nous Tutoriels

10. Effet de survol du module Divi Person

Ce tutoriel montre comment personnaliser le module Personnes à l’aide de CSS pour le faire ressortir. Il ajoute des effets de survol à la photo de profil et aux liens de médias sociaux, et ajoute un séparateur sous le titre. La photo de profil est agrandie et les boutons sociaux sont masqués jusqu’à ce que la souris passe au-dessus du module.

  • CSS
  • La photo de profil fait un zoom avant en survol
  • Les boutons sociaux se déplacent vers le haut pour être affichés pendant le survol
  • Un séparateur est ajouté sous le titre

Plus d’information

11. Comment concevoir le module de curseurs de Divi pour un espace membre d’équipe audacieux

Ce didacticiel créera un curseur qui inclut les membres de l’équipe dans un curseur au lieu d’une carte. Il utilise une image d’arrière-plan avec une superposition, une image d’une personne créée dans une forme circulaire en utilisant CSS, titre, texte et un bouton.

  • Glissière
  • CSS pour arrondir l’image
  • Fond avec superposition
  • Titre
  • texte
  • bouton

Plus d’information

12. Comment utiliser la nouvelle option de filtre d’opacité de Divi pour créer une section d’équipe époustouflante

Ce didacticiel montre comment utiliser le filtre d’opacité en conjonction avec les modules Image et Texte pour créer une section d’équipe en alternance élégante. Il place les membres de l’équipe avec un arrière-plan subtil sur un arrière-plan qui remplit toute la ligne.

  • Filtre d’opacité
  • Modules d’image
  • Modules de texte
  • Changement de section

Plus d’information

13. Ajout d’un effet de survol biologique aux photos des membres de l’équipe dans Divi

Ce didacticiel montre comment ajouter un effet de survol aux membres de l’équipe qui montre une brève biographie avec un titre et un texte. Cela se fait avec CSS et un module de texte.

  • CSS
  • Afficher la bio en survol
  • Module de texte

Plus d’information

Quitter les pensées

Voici notre aperçu de 13 mises en page, plugins et tutoriels pour vous aider à créer des pages incroyables sur nous et les membres de l’équipe pour votre site Web Divi. Quel que soit le type de conception À propos de nous ou des membres de l’équipe que vous souhaitez créer, il y aura certainement quelque chose ici pour vous.

Nous voulons de vos nouvelles. Avez-vous essayé l’une de ces mises en page, plugins ou tutoriels sur nous ou les membres de l’équipe? Faites-nous part de votre expérience dans les commentaires.





Source link

Recent Posts