Tuto Elementor

Présentations des outilis d’Elementor

Les premiers outils de personnalisation pour votre site web :

Comme sur l’image proposée ci-dessus, le module elementor propose une multitude de fonctionnalités permettant de personnaliser votre site web, je vais vous les présenter dès maintenant.

Paramètres Globaux

Réglages généraux :

Ils permettent de modifier l’aspect global de l’extension (police par défaut, espace des widgets, largeur du contenu etc).

Basique :

Icône :

Contenu

-1 Icône : Faites votre choix dans une liste d’icônes Font Awesome

-2 Vue : Choisissez entre les options par défaut, empilées ou encadrées

-3 Lien : Entrez l’URL du lien de l’élément. Cliquez sur le cog Options de lien pour ajouter rel = nofollow au lien ou pour ouvrir le lien dans une nouvelle fenêtre.

-4 Alignement : Aligner l’icône à gauche, au centre ou à droite.

Style

Icône

Ordinaire

-1 Primaire : Choisissez les couleurs principales et secondaires pour l’icône

-2 Taille : augmenter ou diminuer la taille de l’icône

-3 Rotation : Rotation de l’icône

Flotter

-4 Couleur primaire: définir les couleurs du survol

-5 Animation en survol : Définir une animation pour l’état de survol

-6 Taille : Définir la taille exacte de l’icône

-7 Faire pivoter : faire pivoter l’icône jusqu’à 360 degrés

Si la vue empilée ou encadrée est choisie, les options suivantes sont disponibles :

Contenu

-1 Icône : Faites votre choix dans une liste d’icônes Font Awesome

-2 Vue : Choisissez entre les options par défaut, empilées ou encadrées

-3 Forme : choisissez la forme de la pile ou du cadre, en cercle ou en carré

-4 Lien : Entrez l’URL du lien de l’élément. Cliquez sur le cog Options de lien pour ajouter rel = nofollow au lien ou pour ouvrir le lien dans une nouvelle fenêtre.

-5 Alignement : Aligner l’icône à gauche, au centre ou à droite.

Style

Icône

Ordinaire

-1 Couleur primaire : Choisissez la couleur primaire (l’arrière-plan ou le cadre) de l’icône.

-2 Couleur secondaire : Choisissez la couleur secondaire, qui est la couleur de l’icône elle-même.

-3 Rembourrage : définissez le rembourrage autour de l’icône pour contrôler la taille de la pile ou du cadre.

-4 Taille : définissez la taille de l’icône.

-5 Faire pivoter : faire pivoter l’icône jusqu’à 360 degrés

-6 Bordure Rayon : Définissez le rayon de la bordure pour contrôler l’arrondi des angles de la pile ou du cadre.

Flotter

-7 Couleur primaire : Choisissez la couleur primaire (l’arrière-plan ou le cadre) de l’icône.

-8 Couleur secondaire : Choisissez la couleur secondaire, qui est la couleur de l’icône elle-même.

-9 Animation en survol : choisissez un effet d’animation lorsque vous survolez l’icône, telle que Croissance, Impulsion, Inclinaison, etc.

-10 Rembourrage : définissez le rembourrage autour de l’icône pour contrôler la taille de la pile ou du cadre.

-11 Taille : définissez la taille de l’icône.

-12 Faire pivoter : faire pivoter l’icône jusqu’à 360 degrés

-13 Bordure Rayon : Définissez le rayon de la bordure pour contrôler l’arrondi des angles de la pile ou du cadre.

Google Maps :

Contenu

-1 Lieu : Entrez le lieu que vous souhaitez afficher

-2 Zoom : Définit le niveau de zoom de la carte

-3 Hauteur : Définir la hauteur de la carte

-4 Empêcher le défilement : activez cette option pour empêcher l’utilisateur de déplacer la carte à partir de la position d’adresse définie.

Style

-5 Filtres CSS: ajustez le style de l’image en modifiant les échelles de filtre CSS pour les paramètres Flou, Luminosité, Contraste, Saturation et Teinte.

-6 Durée de la transition (uniquement en survol): définissez le délai de transition d’un paramètre de filtre à l’autre lors du survol de la carte.

Bouton :

Contenu

Type: Choisissez parmi 5 styles de boutons pour commencer votre conception. Choisissez entre Par défaut, Info, Succès, Avertissement ou Danger.

Texte: entrez le texte du bouton

Lien: définissez l’URL du lien du bouton.

Cliquez sur le rouage pour que le lien soit ouvert dans une nouvelle fenêtre ou pour ajouter rel = nofollow au lien.

Alignement: alignez le bouton à gauche, au centre, à droite ou justifié par rapport à sa colonne.

Taille: sélectionnez les tailles de bouton préréglées, du plus petit au plus grand

Icône: sélectionnez une icône FontAwesome à afficher sur le bouton.

Position de l’icône: définir l’icône pour qu’elle apparaisse avant ou après le texte du bouton

Espacement des icônes: ajuste la quantité d’espace entre l’icône et le texte du bouton.

ID de bouton: (facultatif) Attribuez un ID de bouton unique à utiliser dans des situations telles que les événements Google Analytics.

Style

Typographie: modifiez les options de typographie par défaut pour le texte du bouton.

Couleur du texte: sélectionnez la couleur du texte du bouton.

Couleur d’arrière-plan: sélectionnez la couleur d’arrière-plan du bouton pour les états Normal et Survol.

Animation en survol: Cliquez sur l’onglet Survol pour définir une animation en survol.

Type de bordure: sélectionnez le type de bordure à utiliser autour du bouton.

Largeur: contrôler l’épaisseur de la bordure autour du bouton

Couleur: Choisissez la couleur de la bordure

Bordure Rayon: Définir le rayon de la bordure pour contrôler l’arrondi des angles

Ombre à paupières: Définissez les options pour appliquer une ombre à barres sur le bouton

Padding: modifie les paramètres de remplissage du bouton.

Image :

Contenu :

Type: Choisissez parmi 5 styles de boutons pour commencer votre conception. Choisissez entre Par défaut, Info, Succès, Avertissement ou Danger.

Texte: entrez le texte du bouton

Lien: définissez l’URL du lien du bouton.

Cliquez sur le rouage pour que le lien soit ouvert dans une nouvelle fenêtre ou pour ajouter rel = nofollow au lien.

Alignement: alignez le bouton à gauche, au centre, à droite ou justifié par rapport à sa colonne.

Taille: sélectionnez les tailles de bouton préréglées, du plus petit au plus grand

Icône: sélectionnez une icône FontAwesome à afficher sur le bouton.

Position de l’icône: définir l’icône pour qu’elle apparaisse avant ou après le texte du bouton

Espacement des icônes: ajuste la quantité d’espace entre l’icône et le texte du bouton.

ID de bouton: (facultatif) Attribuez un ID de bouton unique à utiliser dans des situations telles que les événements Google Analytics.

Style

Typographie: modifiez les options de typographie par défaut pour le texte du bouton.

Couleur du texte: sélectionnez la couleur du texte du bouton.

Couleur d’arrière-plan: sélectionnez la couleur d’arrière-plan du bouton pour les états Normal et Survol.

Animation en survol: Cliquez sur l’onglet Survol pour définir une animation en survol.

Type de bordure: sélectionnez le type de bordure à utiliser autour du bouton.

Largeur: contrôler l’épaisseur de la bordure autour du bouton

Couleur: Choisissez la couleur de la bordure

Bordure Rayon: Définir le rayon de la bordure pour contrôler l’arrondi des angles

Ombre à paupières: Définissez les options pour appliquer une ombre à barres sur le bouton

Padding: modifie les paramètres de remplissage du bouton.

Video :

Source: Sélectionnez la source de la vidéo. Choisissez entre Youtube, Vimeo, Dailymotion ou Self Hosted (qui inclut l’hébergement sur des serveurs externes)

URL: Entrez l’URL de la vidéo

Heure de début / fin: définissez l’heure de début et de fin de votre vidéo. Laisser en blanc pour la vidéo complète

Options vidéo

Youtube

Lecture automatique: passez à OUI pour lire automatiquement la vidéo au chargement de la page

Muet: faites glisser sur OUI pour couper la vidéo

Boucle: Faites glisser sur OUI pour boucler la vidéo

Contrôles du lecteur: Affiche ou masque les contrôles du lecteur, tels que Lecture / Pause, Volume, etc.

Infos vidéo: affichez ou masquez les informations vidéo, telles que le titre de la vidéo.

Modest Branding: lorsque les commandes du lecteur sont définies sur YES, vous pouvez masquer le logo YouTube en faisant glisser le curseur Modest Branding sur YES.

Vidéos suggérées: Afficher ou masquer les vidéos suggérées

Mode de confidentialité: Faites glisser sur ON ou OFF. Lorsque ON est activé, Youtube ne stocke aucune information sur les visiteurs sur votre site Web à moins que ceux-ci ne lisent la vidéo

Vimeo

Lecture automatique: passez à OUI pour lire automatiquement la vidéo au chargement de la page

Muet: faites glisser sur OUI pour couper la vidéo

Boucle: Faites glisser sur OUI pour boucler la vidéo

Couleur des contrôles: Choisissez la couleur des contrôles du lecteur, tels que Lecture / Pause, etc.

Titre de l’intro: Afficher ou masquer le titre de l’intro

Portrait d’introduction: Afficher ou masquer le portrait d’introduction

Intro Byline: Afficher ou masquer l’intro Byline

Dailymotion

Lecture automatique: passez à OUI pour lire automatiquement la vidéo au chargement de la page

Muet: faites glisser sur OUI pour couper la vidéo

Contrôles du lecteur: Affiche ou masque les contrôles du lecteur, tels que Lecture / Pause, Volume, etc.

Infos vidéo: affichez ou masquez les informations vidéo, telles que le titre de la vidéo.

Logo: Afficher ou masquer le logo vidéo

Couleur des contrôles: Choisissez la couleur des contrôles du lecteur, tels que Lecture / Pause, etc.

Auto-hébergé

Lecture automatique: passez à OUI pour lire automatiquement la vidéo au chargement de la page

Muet: faites glisser sur OUI pour couper la vidéo

Boucle: Faites glisser sur OUI pour boucler la vidéo

Contrôles du lecteur: Affiche ou masque les contrôles du lecteur, tels que Lecture / Pause, Volume, etc.

Bouton de téléchargement: Afficher ou masquer le bouton de téléchargement (applicable pour Chrome uniquement)

Superposition d’image

Superposition d’images: Afficher ou masquer une superposition d’images

Remarque: l’utilisation de la superposition d’images annule la lecture automatique. Les vidéos ne seront pas lues automatiquement si une superposition d’images est définie.

Si la superposition d’images est définie sur Oui, les options suivantes sont disponibles:

Image: Définissez votre image

Chargement différé: différer le chargement des ressources vidéo jusqu’à ce que l’utilisateur clique sur le bouton Lecture *

Taille de l’image: Définissez la taille de votre image

Icône de lecture: faites glisser jusqu’à OUI pour afficher une icône de lecture

Visionneuse: activez cette option pour visionner la vidéo dans une visionneuse. Une fois sur ON, vous devrez définir une image

* Lazy Load remplace le code d’intégration vidéo par une image statique de votre choix et, éventuellement, une icône de lecture en haut de l’image statique. La vidéo n’est chargée que lorsque l’utilisateur clique sur l’image.

Cela accélère considérablement le temps de chargement initial de la page, car le navigateur de l’utilisateur ne télécharge pas les nombreuses ressources supplémentaires que Youtube et les autres services vidéo incorporent, le tout avant même qu’un utilisateur en ait besoin. Si vous souhaitez des temps de chargement plus rapides sur les pages contenant des vidéos, Lazy Load est une bonne option à activer.

Style

-1 Rapport d’aspect: Changer le rapport d’aspect des vidéos

-2 Filtres CSS: définissez un flou, une luminosité, un contraste, une saturation et une teinte

Editeur de texte :

Style

-1 Alignement: aligne le texte à gauche, à droite, au centre ou justifié

-2 Couleur du texte: Choisissez la couleur du texte

-3 Typographie: définir les options de typographie pour le texte

Lettrine

-4 Vue: sélectionnez le style d’affichage de la lettrine, en sélectionnant Par défaut, Empilé ou Encadré.

-5 Couleur primaire: Choisissez la couleur de la lettrine

-6 Espace: Sélectionnez l’espace exact entre la lettrine et le reste du texte.

-7 Rayon de la bordure: si l’option Empilé ou encadré est sélectionnée comme vue, définissez le rayon de la bordure pour contrôler l’arrondi des angles.

-8 Typographie: définissez les options de typographie pour la lettrine

Section interne :

-1 Faites glisser un widget de section intérieure vers votre colonne

-2 Par défaut, vous obtiendrez une section avec deux colonnes

-3 Vous pouvez ajouter ou supprimer des colonnes en cliquant avec le bouton droit de la souris sur l’icône correspondante.

-4 Vous pouvez faire glisser le widget Section intérieure vers n’importe quelle colonne de votre page.

Diviseur :

Contenu

Style: Choisissez entre les styles uni, double, en pointillé ou en pointillé.

Poids: Contrôlez l’épaisseur du diviseur.

Couleur: Choisissez la couleur du séparateur.

Largeur: contrôle la largeur du diviseur en pourcentage de 0 à 100%.

Alignement: alignez le séparateur à gauche, au centre ou à droite de la page.

Espace: Contrôle l’espace situé au-dessus et au-dessous du diviseur.

Espacement :

Permet d’intégrer des espace au sein de votre en faisant glisser le widget.

Vous avez la possibilité de modifier la taille de l’espacement (de la valeur 10 à 600).

Général:

Galerie d’images :

La boîte d’images permet l’insertion et les modifications d’images au sein de votre site web voici donc les étapes permettant de manipuler ce module :

-1 Cliquer sur le bouton « Ajouter une image » pour sélectionner une image à afficher. Une fois sélectionné, cliquez sur le bouton « Créer une nouvelle galerie », puis sur le bouton « Insérer une galerie ».

-2 Taille de l’image : Choisissez la taille de l’image que vous souhaitez ou bien vous pouvez entrer une taille personnalisée.

-3 Colonnes : Choisissez le nombre de colonnes de 1 à 10.

-4 Liens vers : Permet de lier une image à son fichier multimédias, pages de pièce jointe ou Aucune

(Le fichier multimédia doit être sélectionné si la Lightbox est activée).

-5 Lightbox : Choisissez d’afficher les images dans une Lightbox. Si vous choisissez Oui ou Non, cette sélection remplacera le paramètre Global Default Lightbox. Les images n’apparaîtront dans la lightbox que si Fichier multimédia est sélectionné comme option Liens vers :

Le style :

Images :

-1 Espacements : Définissez l’espacement entre les diapositives. Choisissez la valeur par défauts (20 pixels) ou Personnalisé (l’option espacement n’est disponible que si vous choisissez plus d’une option pour que les diapositives soient affichées dans l’onglets (Contenu).

-2 Définissez le type de bordure en choisissant entre Aucune,Solide,Double,Pointillé ou Groove.

-3 Bordure rayon : Définir le rayon de la bordure pour contrôler l’arrondi des angles.

Légende :

-1 Affichage : Masquer ou Afficher les légendes (si des légendes sont affichées, les options supplémentaires suivantes sont disponibles).

-2 Alignement : aligner la légende à gauche, droite ou au centre ou justifiée.

-3 Couleur du texte : sélectionner la couleur du texte de la légende.

-4 Typographie : définir les paramètres de typographie du texte de la légende.

Boîte d’image :

Contenu :

-1 Choisir une image : sélectionnez une image dans la bibliothèque multimédia ou téléchargez une nouvelle image.

-2 Taille de l’image : sélectionnez la taille de l’image, de la miniature à la pleine, ou entrez une taille personnalisée.

-3 Titre et description : Ajoutez le titre et la description qui apparaîtra dans la zone d’image.

-4 Liens vers : entrez l’URL du lien de l’élément. Cliquez sur le bouton Options de lien pour ajouter rel = nofollow au lien pour ouvrir le lien dans une nouvelle fenêtre.

-5 Position de l’image : définissez la position de l’image à gauche, en haut ou à droite, par rapport au titre et à la description.

Style :

Image :

-1 Espacement : Définissez l’espace exact entre l’image et le titre.

-2 Largeur : Echelle la largeur de l’image de 0 à 100%

-3 Animation en survol : Ajouter une animation en survol à l’image

-4 Opacité : contrôle l’opacité de l’image dans les états Normal et Survol.

-5 Durée de la transition : Définissez le temps nécessaire à l’affichage de chaque diapositives. Ce temps est en millisecondes, donc 1000ms est égal à 1 seconde.

Contenu :

-1 Alignement : aligner la légende à gauche, droite ou au centre ou justifiée.

-2 Alignement vertical : alignez le contenu en haut, au milieu ou en bas de la boîte.

Titre :

-1 Espacement : Définissez l’espace entre le titre et la description.

-2 Couleur : Définit la couleur du titre.

-3 Typographie : Définissez les options de typographie pour le titre.

Description :

-1 Couleur : définit la couleur du texte de description.

-2 Typographie : définir les options de typographie pour la description.

Boîte d’icône :

Dans l’onglet contenu, vous avez le contrôle total sur le contenu du widget.

Vue – Définissez la vue de l’icône comme « Défaut »,  « Empilé » ou « Encadré ». Stacked est avec  un fond et encadré avec un cadre entourant l’icône.

Choisir une icône – Vous avez ici la liste complète de la collection d’icônes.

Titre et description – Insérez le titre et la description de votre widget Boîte à icônes.

Liens vers – Insérez un lien et indiquez s’il s’ouvre dans une nouvelle fenêtre.

Position de l’icône – Définissez la position de l’icône à gauche, en haut ou à droite de la boîte.

Onglet style :

-1 Icône

Couleur primaire – notez que si vous choisissez une icône empilée ou encadré, vous saurez également une couleur secondaire.

Espacement des icônes – Espace entre l’icône et le titre.

Taille de l’icône : permet de monter et de descendre la taille de l’icône.

-2 Icône survol

Choisissez la couleur principale et secondaire pour le survol de l’icône.

Animation- Choisissez parmi une longue liste d’animations pour le survol.

-3 Contenu

a) Titre

Alignement- gauche, centre , droite ou justifié.

Alignement vertical – Haut, milieu et bouton.

Titre Espacement – Définissez l’espacement entre le titre et la description.

Couleur du titre – Change la couleur du titre.

Typographie – Ici, je peux personnaliser la typographie du titre.

b) La description

Couleur de description – Change la couleur de la description.

Typographie – Choisissez « «personnalisé » pour changer la typographie, comme avec le titre.

Témoignage :

Contenu – Entrez le texte du témoignage

Choisir une image – Téléchargez l’image de l’auteur du témoignage.

Nom – Entrez le nom de l’auteur du témoignage.

Job – Entrez le titre du travail de l’auteur du témoignage.

Liens vers – Définir un liens vers une URL, un fichier multimédia ou aucun lien.

Position de l’image – Définissez la position de l’image par rapport au contenu du témoignage. Les options incluent : côté ou haut.

Alignement – Alignez le témoignage à gauche, à droite ou au centre

Style

Contenu

Couleur du texte – Choisissez la couleur du contenu.

Typographie – Change la typographie du contenu.

Image

Taille de l’image – Ajuste la taille de l’image vers le haut ou vers le bas.

Type de bordure – Sélectionnez le type de bordure. Les options incluent aucune, solide, double, pointillée, pointillée ou rainurée.

Bordure Rayon – Définissez le rayon de la bordure pour contrôler l’arrondi des angles.

Nom

-1 Couleur du texte : Choisissez la couleur du nom.

-2 Typographie – Changer la typographie du nom.

Emploi

-1 Couleur du texte – Choisissez la couleur du travail.

-2 Typographie – Changer la typographie du travail.

Image Carousel Widget :

Contenu

Cliquez sur le bouton Ajouter une image pour sélectionner les images à afficher. Une fois sélectionné, cliquez sur le bouton « Créer une nouvelle galerie », puis sur le bouton « Insérer une galerie ».

-1 Taille de l’image : choisissez la taille de l’image, de la miniature à la pleine, ou entrez une taille personnalisée.

-2 Diapositives à afficher : sélectionnez le nombre de diapositives à afficher simultanément, de 1 à 10, disponibles pour les ordinateurs de bureau, les tablettes et les appareils mobiles.

-3 Diapositives à faire défiler : définissez le nombre de diapositives défilées par glissement.

-4 Image étirée : Sélectionner Oui ou Non.

-5 Navigation : Choisissez d’afficher les flèches de navigation, les points, les deux ou aucun.

-6 Lien vers : Lier des images à leurs fichiers multimédias, URL personnalisées ou Aucune.

-7 Légende : Définissez les légendes sur « Aucune », « Titre », « Légende », ou « Description ».

Option additionnelles

-1 Pause en survol : sélectionner s’il  faut ou non mettre en pause la lecture automatique lorsqu’un utilisateur interagit avec le carrousel. Oui ou non.

-2 Lecture automatique : Choisissez Oui ou Non pour faire pivoter les diapositives automatiquement.

-3 Vitesse de lecture automatique : définissez le temps nécessaire à la rotation de la diapositive suivante. Ce temps est en millisecondes, donc 1000 ms ou égale à 1 seconde.

-4 Boucle infinie : Montrez le carrousel dans une boucle continue,  à l’infini. Oui ou non.

-5 Vitesse d’animations : définit la vitesse de l’animation des diapositives, en millisecondes.

-6 Direction : Choisissez de faire pivoter de gauche ou de droite.

Style

La navigation

Flèches

-1 Position : Définit la position des flèches à l’intérieur ou à l’extérieur du curseur.

– 2 Taille : Définir la taille exacte des flèches.

-3 Couleur : Définir la couleur exacte des flèches.

-4 Position : définit la position des points à l’intérieur ou à l’extérieur du curseur.

-5 Taille : Définir la taille exacte des points

-6 Couleur : Définit la couleur des points image.

-7 Espacement : Définissez l’espacement entre les diapositives. Choisissez par défaut, (20 pixels) ou « Personnalisée »(Cette option est disponible uniquement si une quantité supérieure à 1 est sélectionné pour les diapositives à afficher dans l’onglet Contenu).

-8 Type de bordure : Définissez le type de bordure en choisissant entre « Aucune », « Solide », « Double », « Pointillée », ou « Groove ».

-9 Bordure Rayon : Définissez le rayon de la bordure pour contrôler l’arrondi des angles.

Liste d’icône Widget :

Style

Liste :

-1 Espace entre : Contrôle l’espace entre les éléments de la liste.

-2 Alignement : Aligner la liste à gauche, à droite ou au centre.

-3 Diviseur : active ou désactive les lignes du séparateurs d’articles. Si l’option « Diviseur » est activée,

les options de styles suivantes sont disponibles :

-1 Style : Choisissez parmi Solide, Double, Pointillé.

-2 Poids : Définir l’épaisseur du diviseur.

-3 Couleur : Choisissez la couleur du séparateur.

Icône :

-1 Couleur : choisissez la couleur de l’icône.

-2 Survoler : Choisissez la couleur de l’état de survol de l’icône.

-3 Taille : choisissez la taille exacte de l’icône.

Texte :

-1 Choisissez la couleur du texte.

-2 Survoler : choisissez la couleur de survol du texte.

-3 Indentation du texte : définissez la distance entre l’icône et le texte.

-4 Typographie : définir les options de typographie pour le texte.

Compteur :

Contenu :

-1 Numéro de départ : Définir le numéro de départ du compteur.

-2 Numéro de fin : Définissez le numéro de fin du compteur.

-3 Préfixe numérique : Entrez le texte devant apparaître avant le numéro, le cas échéant, tel qu’un signe dollar.

-4 suffixe numérique : Entrez le texte devant apparaître après le numéro, le cas échéant , tel qu’un signe plus.

-5 Animation Durée ; le temps en millisecondes  pour que l’animation en cours se termine.

-6 Mille séparateur : affiche ou masque le séparateur de milliers.

-7 Séparateur : Sélectionnez par défaut, un point ou un espace pour le séparateur de milliers.

-8 Titre : Tapez le titre qui apparaîtra sous le numéro.

Style :

Nombre :

-1 Couleur du texte : Choisissez la couleur du texte du numéro.

-2 Typographie : définissez les options de typographie pour le texte numérique.

Titre :

-1 : Couleur du texte ; Choisissez  la couleur du texte du titre.

-2 : Typographie : Définissez les options de typographie pour le texte du titre.

Barre de progression :

Contenu :

-1 Titre : Entrez le titre affiché au-dessus de la barre de progression.

-2 Type : sélectionnez un type standard qui définit la couleur de la barre (la couleur peut être modifiée sous l’onglet Style). Choisissez entre « Par défaut », « Info », « Succès », « Avertissement «  ou « Danger ».

-3 Pourcentage : Définir le nombre de pourcentage d’achèvement .

-4 Afficher le pourcentage : affiche ou masque le texte du nombre de pourcentages réel à la fin de la barre.

-5 Texte intérieur : Entrez le texte à afficher dans la barre

Style :

-1 Couleur : change la couleur de la barre.

-2 Fond : Choisissez la couleur du fond de la barre.

-3 Couleur du texte intérieur : Choisissez la couleur du texte à afficher dans la barre.

Style de titre :

-1 Couleur : Choisissez la couleur du titre affiché au-dessus de la barre de progression

-2 Typographie : Définissez les options de typographie du texte du titre.

Onglets Widget:

Contenu :

-1  Onglets : Entrez un titre et un contenu pour chaque onglet.

-2  Ajouter un élément : Cliquez sur le bouton Ajouter un élément pour ajouter un élément pour ajouter un autre onglet.

-3  Type : Choisissez les onglets horizontaux ou verticaux.

Style :

Onglets :

-1 Largeur de la bordure : Définissez l’épaisseur de la bordure autour des onglets.

-2 Couleur de la bordure : Choisissez une couleur pour la bordure.

-3 Couleur de fond : Choisissez une couleur de fond pour les onglets.

Titre :

-1 Titre Couleur :

Choisissez la couleur pour le titre des onglets.

-2 Couleur active : Choisissez la couleur du titre de l’onglet actuellement sélectionné.

-3 Typographie : Définissez les options de typographie pour le titre.

Contenu :

-1 Couleur : Choisissez la couleur du contenu.

-2 Typographie : définir les options de typographie pour le contenu.

Comment ajouter un widget dans un widget onglets.

Vous pouvez insérer un autre élément dans un onglet de cette façon :

-1 Créer l’élément que vous souhaitez insérer dans un onglet et enregistrez-le en tant que widget global .

-2 Accéder à votre bibliothèque de modèles et copiez le shortcode du widget global correspondant.

-3 Dans le widget Onglets, cliquez sur le bouton ajouter un élément pour créer un nouvel onglet.

-4 Dans la zone de texte de l’onglet,

collez le shortcode que vous avez précédemment copié.

Ancre de Menu widget :

-1 Faites glisser le widget Ancre de menu vers le haut de la zone sans laquelle vous souhaitez faire défiler le lien.

Remarque : le widget n’occupe aucun espace réel et est invisible pour le visiteur.

-2 Donnez un nom à l’ancre. (ie : contactez-nous)

Modifier l’élément de menu ou de widget qui sera lié à votre ancre.

Tapez « # » + le nom de l’ancre (c.-à-d. :#Contactez-nous) dans le champ Lien URL de l’élément de menu ou de l’élément de widget.

Accordéon widget :

Contenu :

-1 Titre et description : Entrez le titre et la description de chaque article.

-2 Icône : sélectionnez l’icône pour représenter l’action d’agrandir un élément.

-3 Icône active: sélectionnez l’icône pour représenter l’action de réduire l’élément actif.

-4 Titre HTML Tag: Définissez la balise HTML utilisée pour le titre sur H1- H6 ou DIV.

-5  Ajouter un élément: Utilisez le bouton ‘Ajouter un élément’ pour ajouter plus d’éléments en accordéon à la liste.

Style

Accordéon

-1 Largeur de la bordure: définit l’épaisseur de la bordure autour de l’accordéon et entre chaque élément

-2 Couleur de la bordure: Choisissez la couleur de la bordure autour de l’accordéon et entre chaque élément

Titre

-1 Fond: choisissez la couleur du fond du titre

-2 Couleur: Choisissez la couleur du texte des titres non actifs.

-3 Couleur active: choisissez la couleur du texte du titre actif.

-4 Typographie: définissez les options de typographie pour les titres.

-5 Rembourrage: Définir le rembourrage pour les titres.

Icône

-1 Alignement: Aligner l’icône à gauche ou à droite du titre.

-2 Couleur: Choisissez la couleur des icônes.

-3 Couleur active: Choisissez la couleur de l’icône active.

-4 Espacement: contrôler l’espacement entre l’icône et le titre

Contenu

-1 Fond: Choisissez la couleur de fond du contenu.

-2 Couleur: Choisissez la couleur du texte du contenu.

-3 Typographie: définir les options de typographie pour le contenu.

-4 Rembourrage: Définir le rembourrage pour le contenu.

Notation par étoiles :

Contenu

Évaluation

-1 Échelle d’évaluation: Choisissez une échelle de 0 à 5 ou de 0 à 10

-2 Evaluation: attribuez une note numérique à l’élément, en fonction de l’échelle choisie.

-3 Icône: choisissez le type d’icône à utiliser, Font Awesome ou Unicode.

-4 Style non marqué: choisissez Plein ou Contour pour les icônes non marquées

-5 Titre: Entrez le titre du classement

-6 Alignement: Alignez le classement, à gauche, au centre, à droite ou justifié.

Style

Titre

-1 Couleur: Choisissez la couleur du texte du titre de l’étiquette.

-2 Typographie: modifiez les options de typographie pour le texte du titre de l’étiquette.

-3 Espace: contrôler l’espace entre le titre et les icônes

Étoiles

-1 Taille: changer la taille des étoiles

-2 Espacement: contrôler l’espace entre chaque étoile

-3 Couleur: Choisissez la couleur des étoiles remplies / marquées

-4 Couleur non marquée: Choisissez la couleur des étoiles non marquées

Bascule :

Contenu

Basculer

Basculer les éléments Titre et contenu: entrez le titre et la description de chaque élément.

Icône: sélectionnez l’icône pour représenter l’action d’agrandir un élément.

Icône active: sélectionnez l’icône pour représenter l’action de réduire l’élément actif.

Titre HTML Tag: Définissez la balise HTML utilisée pour le titre sur H1- H6 ou DIV

Ajouter un élément: Utilisez le bouton ‘Ajouter un élément’ pour ajouter d’autres éléments à la liste.

Style

Basculer

Largeur de la bordure: définissez l’épaisseur de la bordure autour du widget à bascule et entre chaque élément

Couleur de la bordure: Choisissez la couleur de la bordure autour du widget à bascule et entre chaque élément.

Espace entre: Définit la quantité d’espace entre chaque élément

Ombrage de la boîte: définissez l’ombre de la boîte autour du widget à bascule ou autour de chaque élément s’il y a un espace entre chaque élément. Vous pouvez régler la couleur, la position horizontale, la position verticale, le flou et l’écart de l’ombre de la boîte, ainsi que la position de l’ombre, qui peut être soit Insertion, soit contour.

Contour

Titre

Fond: choisissez la couleur du fond du titre.

Couleur: Choisissez la couleur du texte des titres non actifs.

Couleur active: choisissez la couleur du texte du titre actif.

Typographie: définissez les options de typographie pour les titres.

Rembourrage: Définir le rembourrage pour les titres.

Icône

Alignement: Aligner l’icône à gauche ou à droite du titre.

Couleur: Choisissez la couleur des icônes.

Couleur active: Choisissez la couleur de l’icône active.

Espacement: contrôler l’espacement entre l’icône et le titre.

Contenu

Fond: Choisissez la couleur de fond du contenu.

Couleur: Choisissez la couleur du texte du contenu.

Typographie: définir les options de typographie pour le contenu.

Rembourrage: Définir le rembourrage pour le contenu.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

+