Présentation de la Flip Box et de 3 autres nouvelles fonctionnalités Pro
Publié: 2017-02-21Aujourd'hui, nous vous présentons 4 nouvelles fonctionnalités Pro : Flip Box, Masonry, Blog Pagination et Ken Burns Effect.
Le design interactif est à la mode maintenant. Chez Elementor, nous nous sommes toujours efforcés de vous offrir un large éventail de fonctionnalités qui ajoutent de l'interactivité à votre site. Les animations de survol et d'entrée, les carrousels, les diapositives et les bascules ne sont que quelques exemples de widgets qui impliquent une interaction avec les visiteurs. Maintenant, vient un nouveau widget, qui ajoute un autre niveau d'interactivité - le widget Flip Box.
Oubliez tout ce que vous pensiez savoir sur les flipbox. La Flipbox d'Elementor Pro vous offre plus de possibilités de conception, comme vous le verrez dans les exemples ci-dessous.
Qu'est-ce qu'une Flip Box ?
Une boîte à bascule est une boîte qui se retourne lorsque vous la survolez. Vous pouvez choisir parmi différentes animations et personnaliser l'apparence et le comportement de chaque flip box. Les boîtes à rabat peuvent aider à rendre votre contenu plus intéressant, améliorent l'expérience utilisateur et vous permettent également d'accentuer les fonctionnalités, produits et services de votre entreprise.

Effets de retournement
Avec le nouveau widget Flip Box d'Elementor, vous obtenez tous les effets de retournement de base, y compris le retournement, la poussée, le glissement, le fondu, le zoom avant et le zoom arrière. Les effets d'animation flip fonctionnent de manière transparente, sans hoquet ni blocage.

Effet 3D
Vous pouvez ajouter un effet 3D captivant à vos zones de contenu et les rendre vraiment uniques. L'option 3D est disponible pour toutes les directions de flip et peut être utilisée pour faire ressortir encore plus vos flip boxes.

Alignement du contenu
Le contenu peut être aligné séparément au centre, à droite ou à gauche pour l'avant et l'arrière de la boîte à rabat. Les bannières ci-dessus ont été entièrement créées à l'aide du widget Flip Box et illustrent l'alignement du contenu à gauche.

Retourner les bordures de la boîte
Personnalisez vos boîtes à rabat avec différentes options de bordure : ovale, bords arrondis, rectangles, bords pointillés ou bords doubles. Vous pouvez utiliser des bordures pour atteindre des conceptions de boîtes uniques comme celles de l'image ci-dessus.

Options d'arrière-plan
Ajoutez un arrière-plan uni, dégradé ou image à vos boîtes à rabat. Des arrière-plans distincts peuvent être ajoutés de chaque côté de la boîte à rabat, vous donnant la possibilité de différencier complètement les deux côtés.

Élément graphique
Rendre le flip box plus riche, en incorporant une image ou une icône à l'intérieur du flip box. Cela peut être utilisé pour créer des boîtes visuelles et interactives qui renvoient à vos publications, ou des boîtes intéressantes pour les membres de l'équipe. Les possibilités sont à vous d'explorer.

Explorez d'autres idées créatives
Expérimentez avec des boîtes à rabat pour créer des designs encore plus imaginatifs. Nous avons essayé de rendre ce widget simple, mais plus flexible et robuste pour vous permettre de créer des boîtes à rabat sophistiquées.

Améliorations des widgets des publications
Combien de temps vous faut-il pour concevoir une page de blog, de haut en bas ?
Aujourd'hui, nous sommes heureux de vous présenter une amélioration de widget qui vous permet d'obtenir les mêmes résultats en quelques minutes au lieu de plusieurs heures. Avec cette amélioration, la conception du blog peut être réalisée de manière amusante, en direct et visuelle.
L'une des fonctionnalités les plus étonnantes incluses dans Elementor Pro est le widget Publications. La possibilité de concevoir visuellement votre page de blog, sans aucun codage, change vraiment la donne. Le problème avec ce widget était que vous ne pouviez toujours pas créer de mises en page de maçonnerie de blog et que les articles n'incluaient pas de pagination.
Maintenant, nous introduisons à la fois les mises en page et la pagination de Masonry, faisant du widget Articles le créateur de blog visuel ultime pour WordPress.

Disposition de maçonnerie pour le widget Elementor Posts
Vous pouvez désormais afficher vos publications dans une grille de maçonnerie, à l'aide du widget Publications. Cela signifie que vous pouvez présenter vos publications avec une grille de type Pinterest. Dans la prochaine version, nous ajouterons la fonctionnalité Maçonnerie au widget Portfolio.

Widget Publications Pagination
L'option Pagination permet de jouer très facilement avec la conception de votre blog. Vous avez maintenant le contrôle sur l'ensemble de la conception du blog, y compris les éléments de pagination, tels que le style précédent/suivant.
Nous avons également veillé à ce que notre pagination soit optimisée pour le référencement. La pagination d'Elementor fonctionne exactement comme la pagination WordPress classique en termes d'URL, vous obtenez donc toujours les mêmes liens optimisés pour le référencement pour chaque lien de pagination créé.
Améliorations des diapositives
Slides est une autre fonctionnalité Pro très utile. Cette semaine, nous ajoutons deux ajustements à ce widget, qui proviennent directement de nos demandes d'utilisateurs.
Images de diapositives affichées en plein écran
Jusqu'à présent, vous aviez deux options pour afficher des images dans notre widget Slides :
- Couvrir – Cette option permet à l'image de « couvrir » tout le curseur. Si vous chargez une image verticale par exemple, le haut et le bas de l'image seront coupés, et l'image sera affichée en zoom.
- Auto – Cette option affiche la taille réelle de l'image.
Maintenant, nous ajoutons un autre mode d'affichage : Contain . Cette option affiche l'image contenue dans les limites de la diapositive. Disons que vous utilisez une image étroite sur un curseur large, l'image étroite remplira 100% de la hauteur du curseur et les côtés gauche et droit du curseur afficheront la couleur d'arrière-plan.
Si, d'un autre côté, vous utilisez une image large sur un curseur étroit, l'image large remplira 100% de la largeur du curseur, et les côtés supérieur et inférieur du curseur afficheront la couleur d'arrière-plan.
Effet Ken Burns
L'effet Ken Burns, du nom du documentariste américain, vous permet d'ajouter un effet de panoramique et de zoom aux images fixes qui apparaissent sur votre curseur.
L'effet Ken Burns est disponible uniquement avec le widget Pro Slides. Vous devez ajouter une image à une diapositive spécifique pour que l'option apparaisse.
Conclusion
Assurez-vous de mettre à jour les plugins Elementor et Elementor Pro , pour vous assurer que toutes les nouvelles fonctionnalités fonctionnent correctement.
Les fonctionnalités ajoutées aujourd'hui, la boîte de retournement, la maçonnerie, la pagination et l'effet Ken Burns, s'ajoutent toutes à notre constructeur de pages déjà riche sur le plan visuel. Je vous invite à essayer chacun d'eux et à partager avec nous vos nouvelles créations de pages.
Si vous n'avez toujours pas mis à niveau vers Elementor Pro, c'est une excellente occasion de le faire et d'explorer les nouvelles fonctionnalités que nous venons d'ajouter au plugin.
