Avec le design de bo?te Bento dans Elementor, vous pouvez créer une grille élégante, moderne et organisée pour présenter votre contenu. Ce design ne donne pas seulement à votre site un aspect plus professionnel, mais il améliore également l'expérience de l'utilisateur d'une manière propre et intuitive. Vous êtes libre d'intégrer des vidéos, des images ou d'autres contenus dans la grille Bento, ce qui apporte un sentiment d'interactivité en affichant des informations plus détaillées lorsque la souris de l'utilisateur passe dessus. Le design est à la fois simple et puissant, ce qui le rend idéal pour un large éventail de besoins en matière de sites web.
Scénarios d'application :
Présentation du produit : Adapté aux sites de commerce électronique, Bento Grid peut être utilisé pour afficher différents types de produits. Les utilisateurs peuvent consulter les détails des produits ou parcourir rapidement d'autres images lorsqu'ils les survolent, afin d'améliorer l'expérience d'achat.
Présentation d'un projet ou d'un cas : Les entreprises et les agences de création peuvent utiliser la grille Bento pour présenter des projets antérieurs ou des cas clients. Des informations détaillées sur chaque projet peuvent être affichées au survol, ce qui ajoute de l'interactivité et une touche professionnelle à la page.
Présentation des membres de l'équipe : Présentez les images ou les CV des membres de l'équipe dans une bo?te Bento qui affiche leur r?le, leur expérience et leurs coordonnées lorsqu'elle est survolée. Cette approche permet d'accro?tre la visibilité et l'accessibilité de l'équipe.
Démonstration d'un service ou d'une fonction : Les sites web des entreprises peuvent utiliser la grille Bento pour présenter chaque service ou fonctionnalité offert, et les utilisateurs peuvent survoler les détails du service pour mieux comprendre la valeur du produit ou du service.
Les travaux créatifs sont exposés : Les artistes, les designers et les photographes peuvent présenter leurs ?uvres dans des cadres Bento, chaque pièce étant survolée pour montrer le contexte, la technique ou plus de détails, ce qui offre au spectateur une expérience de navigation immersive.
Présentation de contenu multimédia : Les bo?tes Bento sont idéales pour afficher des vidéos, des images ou d'autres contenus multimédias, et peuvent être survolées pour révéler différentes informations contextuelles ou pour lire des vidéos connexes, ce qui rend le contenu plus interactif.
Adresse de démonstration :https://demo-show.361sale.com/elementor-effects-7
Adresse de téléchargement du fichier ↓
Après avoir cliqué sur Get Download File, vous obtiendrez un fichier.
![Image [1]-Elementor Bento Grid Design : Créez facilement des grilles d'affichage de contenu interactives et élégantes](http://gqxi.cn/wp-content/uploads/2024/12/20241204171948402-image.png)
Veillez à ce quemontageIl est déjà installé.Elementor Free Edition et Elementor Pro Edition. SeulementVersion Pro d'Elementoralors seulementImportation de modèlesFonction.
![Image [2] - Elementor FX Template 2 - Photon Flux | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide !](http://gqxi.cn/wp-content/uploads/2024/12/20241204105446497-image.png)
![Image [3] - Elementor FX Template 1 - Photon Flux | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide !](http://gqxi.cn/wp-content/uploads/2024/12/20241203162515250-image.png)
La partie arrière du site trouvepage webCliquez pour ajouternouvelle page. Comme illustré ci-dessus :
![Image [4] - Elementor FX Template 1 - Photon Flux Network | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide !](http://gqxi.cn/wp-content/uploads/2024/12/20241203162704190-image.png)
commencer à utiliseréditeur Elementor. Comme illustré ci-dessus :
![Image [5] - Elementor FX Template 1 - Photon Flux | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide !](http://gqxi.cn/wp-content/uploads/2024/12/20241203162820150-image.png)
Cliquez sur pour ajouter le fichier à c?té duic?ne (informatique)C'est-à-dire.pochoir. Comme illustré ci-dessus :
![Image [6]-Elementor FX Template 1 - Photon Flux Network | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](http://gqxi.cn/wp-content/uploads/2024/12/20241203163025214-image.png)
Cliquez sur le coin supérieur droit de l'écrantéléchargerpuis cliquez sur le boutonSélectionnez un fichierSélectionnez ensuite le fichier local que vous venez deFichiers téléchargés. Comme illustré ci-dessus :
![Image [7] - Elementor Bento Grid Design : Créez facilement des grilles d'affichage de contenu interactives et élégantes.](http://gqxi.cn/wp-content/uploads/2024/12/20241204172212337-image.png)
Retournez ensuite dans Mes modèles pour voir le modèle que nous venons d'importer et cliquez sur le boutonavant-premièresVisualisez l'effet, puis sélectionnezbaton. Comme illustré ci-dessus :
Visualisez les résultats une fois l'importation terminée, il est possible que l'importation ne soit pas terminée.pied de pagerépondre en chantantpieds de pageIl est alors nécessaire de choisir lepochoirEn haut.
![Image [8] - Elementor FX Template 1 - Photon Flux | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide !](http://gqxi.cn/wp-content/uploads/2024/12/20241203165642489-image.png)
Cliquez sur le modèle que nous venons d'importer dans la fenêtrepage webpuis cliquez surcompilateur. Comme illustré ci-dessus :
![Image [9] - Elementor FX Template 1 - Photon Flux Network | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](http://gqxi.cn/wp-content/uploads/2024/12/20241203170156167-image.png)
Sélectionnez le modèle et choisissezélémentaire toileJ'ai choisi celui-ci parce queL'en-tête et le pied de page ne s'affichent pasL'écran n'affiche que leContenu du modèle. Comme indiqué ci-dessus.
![Image [10]-Elementor FX Template 2 - Photon Flux Network | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide !](http://gqxi.cn/wp-content/uploads/2024/12/20241204111245847-image.png)
en même tempsModifier des pages avec elmentorSélectionParamètres du siteDans la sélection desouverture (jargon des échecs). Comme illustré ci-dessus :
![Image [11] - Elementor FX Template 2 - Photon Flux Network | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide !](http://gqxi.cn/wp-content/uploads/2024/12/20241204111351718-image.png)
Veillez également à ce que la même chose soitElementorModèle de toile. De cette manière, il n'y aura pas dele resteContenu. Comme ci-dessus :
![Image [12] - Elementor FX Template 2 - Photon Flux Network | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide !](http://gqxi.cn/wp-content/uploads/2024/12/20241204111422999-image.png)
![Image [13] - Elementor FX Template 2 - Photon Flux Network | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](http://gqxi.cn/wp-content/uploads/2024/12/20241204111449899-image.png)
![Image [14]-Elementor FX Template 2 - Photon Flux Network | Professional WordPress Repair Service, Global Reach, Fast Response](http://gqxi.cn/wp-content/uploads/2024/12/20241204111524836-image.png)
Veuillez fermerEn-têtes et pieds de pageà l'intérieur, après avoir cliqué surnestleL'intérieur est illustré ci-dessus :
Enfin, vérifiez l'exactitude de la page d'accueil du site.
Lien vers cet article :http://gqxi.cn/fr/29016L'article est protégé par le droit d'auteur et doit être reproduit avec mention.
Pas de commentaires