L'ajout de contenu à partir d'autres pages est vraiment très simple, car à travers le codage de votre page, vous devez ancrez simplement le lien vers lequel vous souhaitez rediriger.
Cependant, certains utilisateurs (dont vous) souhaitent que le lien de redirection s'ouvre dans un nouvel onglet afin que le lecteur ne quitte pas la page.
Grâce à la plateforme WordPress, cela est également possible, même dans différents types de modèles tels que Divi qui ont révolutionné la conception de ces sites.
Qu'est-ce que Divi et à quoi ça sert ?
Comme mentionné ci-dessus, Divi est un modèle WordPress qui permet aux utilisateurs de concevoir tout ce qu'ils peuvent imaginer.
Sa méthode de travail passe par un constructeur visuel appelé Divi Builder qui ne mérite pas la mise en page et le codage HTML de toutes pièces pour créer le design, car il permet d'ajouter des éléments par "glisser-déposer" au sein de la page. Divi dispose également d'une bibliothèque de mises en page prédéfinies.
Il ne nécessite pas d'installation, il vous suffit donc d'accéder au " Menu « Dans WordPress, recherchez la rubrique » Apparence "Et insérer" Thèmes "Pour s'assurer qu'il est là.
De même, son constructeur peut être utilisé via le " Articles et pages "Pour sélectionner le bouton" Utiliser Divi Builder « Sous le titre du post.
Découvrez comment ouvrir une vidéo ou un PopUp dans une fenêtre pop-up avec Divi !
Bien que Divi se caractérise par être un constructeur visuel qui vous permet de concevoir tout type de site Web avec les éléments que l'utilisateur peut imaginer, il est parfois nécessaire d'utiliser un plugin ou d'écrire du code pour créer des fonctions spécifiques pour votre page.
L'exemple suivant est utilisé pour ouvrir une vidéo YouTube dans une fenêtre pop-up (également appelée PopUp ou Lightbox) avec le simple pression sur un bouton.
Code JQuery qui déclenchera la fonction popup
(fonction ($) {
$ (document) .ready (fonction () {
// $ ('#IDname a').addClass ('popup-video');
$ (('popup-video'). magnificPopup ({
désactiver Activé : 100,
tipo : 'inframe',
mainClass : 'mfp-fade',
Délai d'enlèvement : 160,
precaricatore : faux,
FixedContentPos : faux
});
});
}) (jQuery)
pour changer la couleur d'arrière-plan du fenêtre qui apparaîtra une fois que la personne aura appuyé sur le bouton, le code suivant est appliqué :
.mfp-bg {
Contexte : # 673ab7 ;
}
Si vous souhaitez définir une autre couleur, entrez simplement le code pour lequel vous souhaitez le modifier et enregistrez.
Avantages d'utiliser Divi dans WordPress
En plus de nous permettre d'ouvrir une vidéo ou un PopUp en un seul fenêtre pop-up, ce constructeur possède également de nombreuses vertus dont vous pourrez profiter lorsque vous commencerez à le reproduire dans vos créations.
C'est un constructeur avec une méthode d'utilisation très simple, qu'il adapte à plus de langues et des styles de conception pouvant être intégrés à la communauté WordPress.
À son tour, il complète le style de la responsive design, pouvant ainsi intégrer des éléments qui ne peuvent être visualisés que sur des ordinateurs ou des appareils.
La modification de son contenu se fait en temps réel, il ne sera donc pas nécessaire d'appuyer sur un bouton " avant-première « Pour voir à quoi ressemble la page à chaque changement.
De plus, vous n'avez pas besoin de connaître HTML et CSS pour créer des styles, et si vous en avez les connaissances, cela vous permet de personnaliser le code de chaque élément.
Chaque dessin que vous faites peut être classé dans un " bibliothèque « Afin qu'il soit à votre disposition lorsque vous souhaitez le réutiliser sur une autre page ou entrée.
Il dispose également de plus d'outils qui rendront votre page plus attrayante et plus facile à utiliser pour le lecteur. En plus de la possibilité d'inclure BreadScrumb pour améliorer le référencement, de réduire la barre latérale pour améliorer la lecture du lecteur ou de corriger le pied de page.
Enfin, grâce à sa mise à jour constante, vous pourrez maintenir la sécurité de votre site Web et de son contenu au sein de la plateforme.
