table des matières strosaire.pdfplugins requis ..... 4 importer le slider par défaut dans «...
TRANSCRIPT
Table des matières Mise en place du site web................................................................................................................................................. 4
Plugins requis ................................................................................................................................................................ 4
Importer le slider par défaut dans « Revolution Slider » .............................................................................................. 4
Configurer Visual Composer ......................................................................................................................................... 4
Activation de Visual Composer ..................................................................................................................................... 5
Se connecter à la partie administration ............................................................................................................................ 6
Récupérer un mot de passe perdu .................................................................................................................................... 7
Créer un article ................................................................................................................................................................. 8
Modifier ou supprimer un article ...................................................................................................................................... 9
Créer une page ................................................................................................................................................................ 11
Modifier ou supprimer une page .................................................................................................................................... 12
Créer un évènement ....................................................................................................................................................... 13
Ajouter ou modifier une catégorie d’articles .................................................................................................................. 15
Ajouter ou modifier une catégorie d’évènement ........................................................................................................... 16
Restaurer les configurations par défaut « Theme options » .......................................................................................... 17
Sauvegarder vos configs personnaliser « Theme Options » ....................................................................................... 17
Mettre à jour le thème parent « BabyKids » .................................................................................................................. 18
Où puis-je voir la version du thème ? ......................................................................................................................... 18
Comment puis-je savoir s'il y a une nouvelle mise à jour ? ........................................................................................ 18
Les mises à jour sont gratuites ? ................................................................................................................................. 18
Comment puis-je mettre à jour le thème ? ................................................................................................................ 18
Mes personnalisations seront perdues ? - IMPORTANT ............................................................................................. 18
« Theme Options » Header Settings ............................................................................................................................... 19
« Theme Options » Top Header Settings ........................................................................................................................ 19
Qu’est-ce que le Top Header ?.................................................................................................................................... 19
« Theme Options » Footer Settings ................................................................................................................................ 21
Les Shortcodes (Comment les utilisés ?) ......................................................................................................................... 24
Les Shortcodes c'est quoi ? ......................................................................................................................................... 24
Lettrines (Drop Caps) .................................................................................................................................................. 24
Post Grid ...................................................................................................................................................................... 25
Paramètres de poste de grille ................................................................................................................................. 25
Présentation de l'aperçu des événements (Event Preview Layout) ....................................................................... 26
Mise en page d'aperçu d’article (Poster Preview Layout) ...................................................................................... 27
Les Icônes (Icons) ........................................................................................................................................................ 27
Icône sociale ............................................................................................................................................................ 27
Classes utilisé .......................................................................................................................................................... 28
Onglets (Tabs) ............................................................................................................................................................. 28
Paramètres .............................................................................................................................................................. 28
Bouton (Button) .......................................................................................................................................................... 29
Paramètres .............................................................................................................................................................. 29
Visual Composer ............................................................................................................................................................. 30
Concept de base .......................................................................................................................................................... 30
Éléments de contenu .................................................................................................................................................. 30
Rangée..................................................................................................................................................................... 31
Colonne ................................................................................................................................................................... 33
Section ..................................................................................................................................................................... 33
Bloc de texte ........................................................................................................................................................... 34
Séparateur ............................................................................................................................................................... 35
Séparateur avec le texte ......................................................................................................................................... 36
Boite de Message .................................................................................................................................................... 36
Facebook 'Like' ........................................................................................................................................................ 37
Tweetmeme Bouton ............................................................................................................................................... 37
Google + .................................................................................................................................................................. 38
Pinterest .................................................................................................................................................................. 38
FAQ (Toggle) ............................................................................................................................................................ 38
Image unique .......................................................................................................................................................... 39
Galerie d'images ...................................................................................................................................................... 40
Image Carousel ....................................................................................................................................................... 41
Conteneur Paginable ............................................................................................................................................... 43
Section Conteneur paginable .................................................................................................................................. 43
Tabs ......................................................................................................................................................................... 44
Section Tabs ............................................................................................................................................................ 45
Tours ....................................................................................................................................................................... 45
Tours Section ........................................................................................................................................................... 46
Accordéon ............................................................................................................................................................... 47
Section Accordéon .................................................................................................................................................. 48
Grille Post ................................................................................................................................................................ 48
Grille Masonry Post ................................................................................................................................................. 51
Grille médias ........................................................................................................................................................... 53
Grille Masonry Médias ............................................................................................................................................ 55
Post Slider ............................................................................................................................................................... 56
Barre latérale widgetisé .......................................................................................................................................... 56
Bouton ..................................................................................................................................................................... 57
Appel à l'action ........................................................................................................................................................ 58
Lecteur vidéo ........................................................................................................................................................... 59
Google Maps ........................................................................................................................................................... 60
HTML brut ............................................................................................................................................................... 60
Flickr Widget ........................................................................................................................................................... 61
Barre de progression ............................................................................................................................................... 61
Camembert ............................................................................................................................................................. 62
Graphique Round .................................................................................................................................................... 63
Graphique en ligne .................................................................................................................................................. 64
Espace vide .............................................................................................................................................................. 65
Rubrique personnalisée .......................................................................................................................................... 65
Icône élément ......................................................................................................................................................... 66
Widgets par défaut de WP ...................................................................................................................................... 67
Paramètres de Visual Composer ................................................................................................................................. 67
Réglages généraux .................................................................................................................................................. 67
Role Manager .......................................................................................................................................................... 68
Options de conception ............................................................................................................................................ 68
CSS personnalisé ..................................................................................................................................................... 68
Shortcode Mapper .................................................................................................................................................. 68
CSS personnalisé ......................................................................................................................................................... 68
Options de conception (Design Options) d’éléments ................................................................................................. 69
Paramètres Responsive ............................................................................................................................................... 69
Modèles ...................................................................................................................................................................... 70
Travailler avec des modèles .................................................................................................................................... 70
Menu Modèles ........................................................................................................................................................ 70
Template Library ......................................................................................................................................................... 70
Shortcode Mapper ...................................................................................................................................................... 71
Grille Builder ............................................................................................................................................................... 71
Filtres d'image ............................................................................................................................................................. 85
Presets ......................................................................................................................................................................... 86
Mise en place du site web
La première mise en production du site nécessite quelques réglages suivez les instructions de ce chapitre.
Plugins requis
Le thème Baby Kids et Saint Rosaire nécessite pour le bon fonctionnement l'installation des plug-ins suivants
Visual Composer > Page constructeur qui vous permet, par glisser-déposer, pour construire vos pages
rapidement et facilement grâce à des composants personnalisés.
Revolution Slider > Plugin avec des tonnes d'effets de transition uniques, un préchargement d'image, vidéo
plongement, autoplay qui arrête sur l’interaction de l’utilisateur et beaucoup d’options pour créer vos
propres effets.
NicDark Shorcode > obligatoire pour le bon fonctionnement du thème
Widget Logic > Obligatoire permet Contrôlez l’affichage des widgets avec les balises conditionnelles de WP
tel que is_home etc..
INFO MESSAGE : S'il vous plaît vérifié que les plug-ins sont tous installé, vous devez les télécharger à partir de notre
référentiel. Vous pouvez les installer d'une manière très simple. Après l'installation du thème que vous verrez un
message d’alerte dans le panneau d’administration de WordPress:
Ce thème nécessite les plugins suivants: ... ..
Quand vous voyez la liste des plugins vous suffit de cliquer sur chaque nom pour les installer.
Importer le slider par défaut dans « Revolution Slider » Aller dans « Slider Revolution »
Cliquer sur « Importer Slider »
Sélectionner le fichier zip nommé « diapo-actu.zip » ce trouvant dans « Dossier Racine\wp-
content\themes\strosaire\backups ».
Configurer Visual Composer
La configuration de Visual Composer ne peut-être sauvegarder dans un fichier il est nécessaire de faire la
configuration manuellement comme ci-dessous.
Aller dans « Visual Composer>Role Manager »
Configurer Visual Composer comme ceci :
Administrateur
o Types de post : Sélectionné « Personnalisé » puis cochez page et post
Activation de Visual Composer Si vous avez acheté Visual Composer directement à partir de WPBakery il est nécessaire d'activer votre copie afin
d'avoir un accès direct aux dernières mises à jour et la page de soutien officiel. Pour activer Visual Composer s'il vous
plaît suivez ces étapes :
Aller dans Visual Composer -> Licence du produit
Cliquez sur "Activer Visual Composer"
Vous allez être redirigé vers le portail de soutien WPBakery - support.wpbakery.com
Sélectionnez dans la licence de liste déroulante que vous souhaitez activer. Important: les licences pas déjà activées
y apparaîtront, si vous souhaitez utiliser une licence existante, vous devez le désactiver d'abord sur votre site ou via
la section de licence Support Portal.
Après activation, vous serez redirigé vers votre site et recevoir la confirmation d'activation
Si vous souhaitez désactiver la licence de Visual Composer sur votre site pour une raison quelconque, vous pouvez le
faire sous l’onglet Licence (même endroit où vous l’avez activé). Si vous avez oublié de désactiver la licence et le site
n’est plus en ligne, vous pouvez désactiver la licence sur WPBakery Support Portal - support.wpbakery.com - dans la
section licence.
Se connecter à la partie administration Entrée ce lien dans votre navigateur http://www.strosaire95.org/wp-login.php vous accéderez à une page de
connexion et authentifier vous avec vos identifiant.
Récupérer un mot de passe perdu Aller sur la page de connexion (http://www.strosaire95.org/wp-login.php) et cliquez sur « Mot de passe oublié ? »
Dans la page suivante il vous sera demander de renseigner votre identifiant ou adresse email associé votre compte.
Créer un article Survoler l’onglet « Articles » de la barre latérale gauche et cliquer sur « Ajouter »
Vous arriverez sur la page d’édition ci-dessous
1. Ce champ permet de définir un titre à notre article.
2. Permet d’insérer tout type de média supporté par WordPress comme des images, vidéos héberger sur
YouTube et même des fichiers PDF.
3. Cette zone permet la rédaction de votre article
4. Dans cette zone qui est facultative, vous avez la possibilité d’écrire un court extrait décrivant le sujet de
votre article, utile lorsque l’on souhaite afficher un extrait personnalisé et en-dehors du corps d’un article. Il
existe un autre outil similaire, la « balise more » Situé dans la barre d’outils juste en haut de la zone 3. Il
permet de délimité l’extrait de l’article à affichée.
5. Chaque article peuvent avoir une ou plusieurs catégories, vous pouvez sélectionnée les catégories ici ou en
créer un nouvelle.
6. Cette zone de publication vous permet:
a. D’enregistrer un brouillon de votre article ou le publier
b. Modifier l’état de votre article par ex après avoir finaliser votre brouillon afin de le mettre en état de
relecture pour être valider par un rédacteur en chef.
c. Modifier la visibilité de votre article en mode « privé » qui sera uniquement visible pour les visiteurs
authentifié, en mode « protégé par mot de passe » qui sera visible que vous les visiteur ayant
connaissance du mot de passe que vous avez préalablement définit pour cette article ou de le
« mettre en avant sur la page d’accueil » pour les thèmes qui supporte cette fonction de Wordpress.
d. De programmer la publication d’un article à la date de votre choix.
7. Permet de modifier le positionnement du contenu principale et la barre latérale par défaut nous affichons le
contenu principale et la barre latérale à droite. Si vous ne savez pas ce que vous faites n’y touchez pas.
8. L’onglet d’options de l’écran permet de masqué ou pas certaine zone de l’édition d’un article comme par ex
la zone d’extrait, de publication etc…
9. Ce bouton permet de changer le mode d’édition à l’aide de Visual Editor vous pouvez rédiger votre article
tout en ayant le visuel final de l’article idéale pour utiliser les shortcodes et éléments visuel appartenant au
thème.
10. Le menu « Color Settings » permet comme son nom l’indique de modifier la couleur associé à l’article.
11. Dans « General Settings » vous pourrez désactivé/Activé l’affichage de « l’image à la une (Featured Image) »,
l’affichage des « commentaires (Comments) » etc… Dans cette section tout est prérégler inutile de s’y
attarder lors de la publication d’un article, mais bon à savoir.
12. « Sidebar Settings » permet de sélectionné quel modèle de barre latérale a affiché.
13. La zone « Etiquettes » permet d’associé des mots clé associés au sujet de votre article.
14. Pour associé une image à votre article cette même image sera utilisé comme miniature.
Nous avons vu ici les différents paramètres qui est possible de personnalisé pour un article un fois fait il suffit de
cliquer sur « Publier » pour sauvegarder l’article.
Modifier ou supprimer un article Cliquer sur « Articles »
Vous avez une liste de vos articles publiées :
Survoler le titre de l’article vous verrez s’afficher des actions pour « modifier », « supprimer » ou « afficher » l’article
Il est aussi possible de coché un ensemble d’articles pour effectuer une « actions groupées » afin de modifier ou
supprimer des articles.
Note : Un article mis à la Corbeille n’est pas définitivement supprimé il est juste déplacé dans la
corbeille. Il est conseillé de vider la corbeille de temps en temps afin de grader des performances
optimales pour le fonctionnement du site.
Créer une page Survoler l’onglet « Pages » de la barre latérale gauche et cliquer sur « Ajouter »
Vous arriverez sur la page d’édition ci-dessous
1. Ce champ permet de définir un titre à notre page.
2. Permet d’insérer tout type de média supporté par WordPress comme des images, vidéos héberger sur
YouTube et même des fichiers PDF.
3. Cette zone permet la rédaction de votre page.
4. Cette zone de publication vous permet:
a. D’enregistrer un brouillon de votre page ou le publier
b. Modifier l’état de votre page par ex après avoir finaliser votre brouillon afin de le mettre en état de
relecture pour être valider par un rédacteur en chef.
c. Modifier la visibilité de votre page en mode « privé » qui sera uniquement visible pour les visiteurs
authentifié, en mode « protégé par mot de passe » qui sera visible que vous les visiteur ayant
connaissance du mot de passe que vous avez préalablement définit pour cette page ou de le
« mettre en avant sur la page d’accueil » pour les thèmes qui supporte cette fonction de Wordpress.
d. De programmer la publication d’une page à la date de votre choix.
5. Permet de modifier le positionnement du contenu principale et la barre latérale par défaut nous affichons le
contenu principale et la barre latérale à droite. Si vous ne savez pas ce que vous faites n’y touchez pas.
6. L’onglet d’options de l’écran permet de masqué ou pas certaine zone de l’édition d’une page comme par ex
la zone d’extrait, de publication etc…
7. Ce bouton permet de changer le mode d’édition à l’aide de Visual Editor vous pouvez rédiger votre page tout
en ayant le visuel final de l’article idéale pour utiliser les shortcodes et éléments visuel appartenant au
thème.
8. Le menu « Color Settings » permet comme son nom l’indique de modifier la couleur associé à l’article.
9. Dans « General Settings » vous pourrez désactivé/Activé l’affichage de « l’image à la une (Featured Image) »,
l’affichage des « commentaires (Comments) » etc… Dans cette section tout est prérégler inutile de s’y
attarder lors de la publication d’un article, mais bon à savoir.
10. « Sidebar Settings » permet de sélectionné quel modèle de barre latérale a affiché.
11. La zone « Etiquettes » permet d’associé des mots clé associés au sujet de votre article.
12. Pour associé une image à votre article cette même image sera utilisé comme miniature.
Nous avons vu ici les différents paramètres qui est possible de personnalisé pour un article un fois fait il suffit de
cliquer sur « Publier » pour sauvegarder l’article.
Modifier ou supprimer une page Cliquer sur « Pages »
Vous avez une liste de vos pages publiées :
Survoler le titre d’une page vous verrez s’afficher des actions pour « modifier », « supprimer » ou « afficher » une
page
Il est aussi possible de coché un ensemble de pages pour effectuer une « actions groupées » afin de modifier ou
supprimer des pages.
Note : Une page mis à la Corbeille n’est pas définitivement supprimé il est juste déplacé dans la
corbeille. Il est conseillé de vider la corbeille de temps en temps afin de grader des performances
optimales pour le fonctionnement du site.
Créer un évènement Survoler « BK Events » puis cliquer sur « Ajouter »
Vous arrivez sur cette page d’édition :
1. Ce champ permet de définir un titre à notre page.
2. Permet d’insérer tout type de média supporté par WordPress comme des images, vidéos héberger sur
YouTube et même des fichiers PDF.
3. Cette zone permet la rédaction du contenu de votre évènement.
4. Dans cette zone qui est facultative, vous avez la possibilité d’écrire un court extrait décrivant le sujet de
votre article, utile lorsque l’on souhaite afficher un extrait personnalisé et en-dehors du corps d’un article. Il
existe un autre outil similaire, la « balise more » Situé dans la barre d’outils juste en haut de la zone 3. Il
permet de délimité l’extrait de l’article à affichée.
5. Lorsque vous créez un évènement vous pouvez renseigner la date, les horaires et le lieux
6.
7. –
8. Le menu « Color Settings » permet comme son nom l’indique de modifier la couleur associé à l’article.
9. « Sidebar Settings » permet de sélectionné quel modèle de barre latérale a affiché.
10. Permet de modifier le positionnement du contenu principale et la barre latérale par défaut nous affichons le
contenu principale et la barre latérale à droite. Si vous ne savez pas ce que vous faites n’y touchez pas.
11. Cette zone de publication vous permet:
a. D’enregistrer un brouillon de votre page ou le publier
b. Modifier l’état de votre page par ex après avoir finaliser votre brouillon afin de le mettre en état de
relecture pour être valider par un rédacteur en chef.
c. Modifier la visibilité de votre page en mode « privé » qui sera uniquement visible pour les visiteurs
authentifié, en mode « protégé par mot de passe » qui sera visible que vous les visiteur ayant
connaissance du mot de passe que vous avez préalablement définit pour cette page ou de le
« mettre en avant sur la page d’accueil » pour les thèmes qui supporte cette fonction de Wordpress.
d. De programmer la publication d’une page à la date de votre choix.
12.
13. Pour associé une image à votre article cette même image sera utilisé comme miniature.
14. La zone « Etiquettes » permet d’associé des mots clé associés au sujet de votre article.
Ajouter ou modifier une catégorie d’articles Pour ajouter une « catégorie » d’article survoler « Articles » et cliquer sur « Catégories »
Vous arrivez sur cette page ci-dessous :
Remplissez le formulaire en suivant les instructions et cliquer sur « Ajouter une nouvelle catégorie » d’article.
A droite vous pouvez modifier ou supprimer une catégorie en survolant dessus vous verrez apparaitre des actions
pour « Modifier », « Supprimer » et « Afficher » une catégorie d’articles
Il est aussi possible d’effectuer une « actions groupées » pour modifier ou supprimer un ensemble de catégories
d’articles.
Ajouter ou modifier une catégorie d’évènement Pour ajouter une « catégorie » d’évènement survoler « BK Events » et cliquer sur « TYPE »
Vous arrivez sur cette page ci-dessous :
Remplissez le formulaire en suivant les instructions et cliquer sur « Ajouter une nouvelle catégorie » d’évènement.
A droite vous pouvez modifier ou supprimer une catégorie en survolant dessus vous verrez apparaitre des actions
pour « Modifier », « Supprimer » et « Afficher » une catégorie d’évènement
Il est aussi possible d’effectuer une « actions groupées » pour modifier ou supprimer un ensemble de catégories
d’évènement.
Restaurer les configurations par défaut « Theme options »
En cas de problème le thème Saint Rosaire contient un backup des configs par défaut nommé
« config_theme_option_backup_20-02-2017.json » qui se trouve dans le dossier « Dossier Racine\wp-
content\themes\strosaire\backups ».
Ce fichier est à conserver précieusement.
Cliquer sur « Theme Options » -> « Import/Expoter »
Vous arriverez sur cette page :
Cliquer sur « Importer depuis un fichier » Sélectionné le fichier « config_theme_option_backup_20-02-2017.json »
(voir plus haut) et cliquer sur « Importer » pour valider.
Sauvegarder vos configs personnaliser « Theme Options »
Si vous souhaitez sauvegarder vos paramètres personnaliser assurez-vous d’avoir « Enregistrer les modifications » en
cours, puis cliquer sur « Télécharger les modifications » (voir photo ci-dessus).
Mettre à jour le thème parent « BabyKids » Afin de garantir la sécurité et la stabilité du site il est recommander de il est recommander de maintenir à jour
WordPress ainsi que tous autre composant.
Où puis-je voir la version du thème ? Découvrez la version du thème est très simple ! Connectez-vous à votre panneau d'administration, puis aller à
"Thèmes" (menu Apparence).
Cliquez sur le thème Baby Kids pour voir les informations. Regardez l'image ci-dessous.
Comment puis-je savoir s'il y a une nouvelle mise à jour ? Chaque fois qu'il y a une mise à jour disponible, vous recevrez un courriel de ThemeForest qui vous communique la
mise à jour.
Les mises à jour sont gratuites ? Oui, obtenir la version mise à jour est très simple, il vous suffit de vous connecter sur le site themeforest.net, section
Téléchargement. Télécharger le thème «Baby Kids». Vous obtenez automatiquement le package mis à jour avec la
nouvelle version.
Comment puis-je mettre à jour le thème ? Mettez à jour le thème est très simple, il vous suffit de remplacer tous les fichiers de l'ancienne version avec tous les
nouveaux fichiers.
Mes personnalisations seront perdues ? - IMPORTANT Si vous avez modifié certains fichiers du thème, il est clair que si vous mettez à jour le thème en remplaçant les
anciens fichiers avec les nouveaux fichiers vous allez les perdre. Pour cette raison, il doit être prudent de se rappeler
les changements que vous avez effectués, puis les ramener dans la nouvelle version.
La solution pour conserver vos modifications est de travailler avec un thème enfant. Le thème Saint Rosaire est
justement un thème enfant vous pourrez insérez votre CSS personnalisée par exemple.
Vous pouvez trouver plus d'informations ici.
« Theme Options » Header Settings
Tous les paramètres d'en-tête peuvent être gérés par les options du thème.
BOXED HEADER
Par défaut, le menu de navigation du site, est encadré, mais à travers les interrupteurs vous pouvez désactivé pour
retourner en pleine largeur.
GRADIENT
Entre l'en-tête en haut et le menu il y a un dégradé de couleurs que vous pouvez désactiver les commutateurs
BACKGROUND COLOR
Baby Kids a une palette de 6 couleurs (que vous pouvez définir dans: Option Thème> Color Settings), vous pouvez
choisir la couleur du menu de navigation entre ces couleurs d'arrière-plan.
STICKY MENU
Le Sticky Menu fonctionne quand dans le site le menu est verrouillé dans la partie supérieure de la page afin qu'elle
ne disparaisse pas lorsque l'utilisateur fait défiler la page; en d'autres termes, il est accessible de partout sur le site
sans avoir à faire défiler. Par défaut, le menu est collant et vous pouvez le désactiver en mettant la valeur -200.
BARRE LATERALE DE GAUCHE/DROITE
Si vous activez la "Left Sidebar / Right Sidebar", vous allez ajouter un bouton dans l'en-tête lié à la "barre latérale
gauche / droite" ou que vous trouverez dans: Apparence> widgets. Ici, vous pouvez choisir la couleur du bouton et
l'icône.
« Theme Options » Top Header Settings
Qu’est-ce que le Top Header ?
L'en-tête en haut est la partie sombre dans le menu (image ci-dessous), nous avons utilisé cette section pour entrer
des informations de contact.
Insérez votre contenu dans les options du thème.
Allez dans Theme Options-> Header -> Top Header (image ci-dessous) et insérez le code suivant dans leurs domaines
respectifs.
LEFT CONTENT
<h6 class="white">
<i class="icon-calendar-outlilne"></i> <a class="white title" href="#">OUR EVENTS</a>
<span class="grey nicdark_marginright10 nicdark_marginleft10">·</span>
<i class="icon-pencil-1"></i> <a class="white title" href="#">NEWS</a>
<span class="grey nicdark_marginright10 nicdark_marginleft10">·</span>
<i class="icon-phone-outline"></i> (00) +51278934
</h6>
CONTENT RIGHT
<h6 class="white">
<i class="icon-contacts"></i> <a class="white title" href="#">CONTACTS</a>
<span class="grey nicdark_marginright10 nicdark_marginleft10">·</span>
<i class="icon-plus-outline"></i> <a class="white title" href="#">REGISTER</a>
<span class="grey nicdark_marginright10 nicdark_marginleft10">·</span>
<i class="icon-lock-1"></i> <a class="white title" href="#">LOG IN</a>
</h6>
« Theme Options » Footer Settings
Tout le contenu du Copyright peut être géré par les options du thème. Vous pouvez désactiver l'affichage de tout
contenu, désactivez la flèche de retour en haut de page.
En outre, vous avez deux champs (gauche et droite) pour placer le contenu dans votre section copyright.
Réglages
CONTENU DROIT
<div class="nicdark_margin10">
<a href="#" class="nicdark_press right nicdark_btn_icon nicdark_bg_blue nicdark_shadow
small nicdark_radius white"><i class="icon-twitter-1"></i></a>
</div>
<div class="nicdark_margin10">
<a href="#" class="nicdark_press right nicdark_btn_icon nicdark_bg_red nicdark_shadow
small nicdark_radius white"><i class="icon-gplus"></i></a>
</div>
<div class="nicdark_margin10">
<a href="#" class="nicdark_press right nicdark_btn_icon nicdark_facebook nicdark_shadow
small nicdark_radius white"><i class="icon-facebook-1"></i></a>
</div>
Les paramètres de bas de page peuvent être décidés via des options thématiques (Theme Options-> Footer), voir
image ci-dessous.
Vous pouvez désactiver l'affichage du pied de page, montrant le dégrader de couleur et vous pouvez décider
combien de colonnes à utiliser pour votre pied de page.
WIDGETS
Pour décider du contenu de votre pied aller vers Apparence -> Widgets et utiliser la barre latérale appropriée (Footer
1, Footer 2, Footer 3 et Footer 4). Entrez vos widgets favoris pour personnaliser le pied de page.
Copiez et collez le code suivant pour les widgets sur le pied de page
FOOTER A (OUR PRIMARY SCHOOL)
<p class="white">Lorem ipsum dolor sit amet, ipsum dolor sit amet, ipsum dolor sit
amet, ipsum dolor sit amet. Lorem ipsum dolor sit amet consecteur.</p>
<div class="nicdark_space20"></div>
<div class="nicdark_divider left small"><span class="nicdark_bg_white
nicdark_radius"></span></div>
<div class="nicdark_space20"></div>
<a href="#" class="nicdark_btn_icon nicdark_bg_orange small nicdark_shadow
nicdark_radius white">
<i class="icon-mail-1 nicdark_rotate"></i>
</a>
<a href="#" class="nicdark_btn_icon nicdark_bg_yellow small nicdark_shadow
nicdark_radius white">
<i class="icon-home nicdark_rotate"></i>
</a>
<a href="#" class="nicdark_btn_icon nicdark_bg_red small nicdark_shadow nicdark_radius
white">
<i class="icon-phone-outline nicdark_rotate"></i>
</a>
FOOTER B (TAGS)
Par défaut WordPress Widget Tag
FOOTER C (GALERIE D'ÉCOLE) SOUVENEZ-VOUS DE CHANGER L’URL DE L'IMAGE
<img alt="" class="nicdark_activity nicdark_padding14_right nicdark_sizing
nicdark_width_percentage33" src="http://www.nicdarkthemes.com/themes/baby-
kids/html/demo/img/footer/img1.jpg">
<img alt="" class="nicdark_activity nicdark_padding07 nicdark_sizing
nicdark_width_percentage33" src="http://www.nicdarkthemes.com/themes/baby-
kids/html/demo/img/footer/img2.jpg">
<img alt="" class="nicdark_activity nicdark_padding14_left nicdark_sizing
nicdark_width_percentage33" src="http://www.nicdarkthemes.com/themes/baby-
kids/html/demo/img/footer/img3.jpg">
<img alt="" class="nicdark_margintop20 nicdark_activity nicdark_padding14_right
nicdark_sizing nicdark_width_percentage33"
src="http://www.nicdarkthemes.com/themes/baby-kids/html/demo/img/footer/img4.jpg">
<img alt="" class="nicdark_margintop20 nicdark_activity nicdark_padding07
nicdark_sizing nicdark_width_percentage33"
src="http://www.nicdarkthemes.com/themes/baby-kids/html/demo/img/footer/img5.jpg">
<img alt="" class="nicdark_margintop20 nicdark_activity nicdark_padding14_left
nicdark_sizing nicdark_width_percentage33"
src="http://www.nicdarkthemes.com/themes/baby-kids/html/demo/img/footer/img6.jpg">
FOOTER D (CONTACT) rappelez-vous d'insérer votre CF7 Shortcode et modifier l'email sur toute votre Form
Les Shortcodes (Comment les utilisés ?)
Les Shortcodes c'est quoi ? Ce sont des morceaux de code entre crochets que vous pouvez littéralement "poser" dans vos articles, vos pages,
votre footer ou dans vos barres latérales. Ils sont généralement très courts et écrits dans un langage intuitif.
Utiliser des shortcodes n'implique généralement pas beaucoup d'efforts, en revanche, cela apporte
une multitude de fonctionnalités, plus utiles les unes que les autres.
Vous les avez sans doute déjà utilisés auparavant sans vraiment vous poser de questions ! Dans certains cas, ils sont
même intégrés automatiquement à votre article en cliquant sur de simples icônes, comme notamment:
Insertion d’images avec légende
Insertion de vidéo
Galerie d’images
et bien d'autres...
Lettrines (Drop Caps) Si vous ce qu'il faut ajouter une lettrine dans votre texte, vous devez insérer un <span> avec vos premières lettres à
l'intérieur en mode "texte" (non visuel) de votre éditeur de texte:
LAYOUT 1
S'il vous plaît insérer ce code:
<span class="white nicdark_dropcap nicdark_bg_orange nicdark_radius_circle
nicdark_shadow">L</span>
LAYOUT 2
S'il vous plaît insérer ce code:
<span class="white nicdark_dropcap nicdark_bg_yellow nicdark_radius
nicdark_shadow">L</span>
LAYOUT 3
S'il vous plaît insérer ce code:
<span class="red nicdark_dropcap nicdark_radius nicdark_shadow">L</span>
Vous pouvez utiliser ces classes si vous voulez modifier le style :
NOM DE CLASS COMPORTEMENT
nicdark_dropcap Obligatoire pour définir le style de drop cap
white
La classe de la couleur définit la couleur du texte de votre lettre. Vous pouvez
utiliser: blanc, jaune, orange, rouge, violet, bleu, vert et vous définirez les
couleurs de cette classe dans Theme Options > Color
nicdark_radius_circle Définit la forme du fond de la lettre, dans ce cas un cercle.
Post Grid Avec le composant Visual Composer "Post Grid", il est possible d'afficher un aperçu du type « post » et personnalisé,
"event" et "excursion".
Paramètres de poste de grille
CHAMP DESCRIPTION
type
Contribution
(Post Type)
Choisissez le type de post: Post, Course, Excursion,
Événement
Messages
par page
(Posts per
page)
Insérez le nombre de messages que vous souhaitez
afficher. Par exemple 4. Laisser vide pour utiliser les
paramètres par défaut de WP (Réglages -> Lecture)
CHAMP DESCRIPTION
Ordre par
(Order By) Choisissez l'ordre de la visualisation
Ordre
(Order) Choisissez l'ordre de type (asc ou desc)
ID
Spécifique
(Specific
Post ID)
Si vous voulez, insérez l'ID de votre article, le besoin
d'un seul poste. Par exemple, 38
Colonnes
(Columns) Choisir les colonnes de style
Catégories
Insérez la catégorie slug (PAS NOM) séparés par des
virgules sans espace. Par exemple category1,
category2, catégorie3
Filtré
l’affichage
(Show Filter)
Afficher toutes les catégories de filtre.
Présentation de l'aperçu des événements (Event Preview Layout) Pour la mise en page de l'événement, vous pouvez choisir parmi:
LAYOUT 1
Mise en page d'aperçu d’article (Poster Preview Layout) Pour la mise en page des articles vous pouvez choisir parmi:
LAYOUT 1
Les Icônes (Icons)
Le thème est intégré avec un pack d’icônes que vous pouvez trouver ici.
Icône sociale Vous pouvez ajouter une simple icône au sein de tout contenu html (comme dans l'en- tête en haut, pied de page ..)
comme ceci:
<i class="icon-code"></i>
Et si vous voulez changer la couleur de l'icône, vous pouvez:
ajouter notre classe de couleur personnalisée: yellow, orange, red, violet, blue, green, white, grey
ajouter un style avec votre couleur personnalisée: style="color:#ffffff". Vous pouvez choisir votre couleur
hexadécimal ici
Si vous préférez ajouter une icône avec l’effet de bouton que vous pouvez ajouter le code d'icône comme ceci:
<a href="#" class="nicdark_press right nicdark_btn_icon nicdark_bg_blue nicdark_shadow
small nicdark_radius white"><i class="icon-twitter-1"></i></a>
Lorsque vous devez remplacer le code d'icône comme avant, vous pouvez définir une couleur personnalisée pour
chaque bouton et l'icône par classe ou de style comme nous l’avons vu plus haut.
Classes utilisé Ici vous pouvez trouver une liste courte utilisée dans l'exemple de bouton d'icône:
nicdark_btn_icon Il définit que le composant est un bouton
nicdark_bg_blue
Ceci est la couleur de fond du bouton (ajouter la
couleur personnalisée décrit ci-dessus après
"nicadark_bg_"
nicdark_shadow Ajoute une ombre
small Il définit la taille du bouton. (Small> padding
10px; Medium>
nicdark_radius Il ajoute un rayon de 5px au bouton
white C’est la couleur de l'icône (voir toutes les
couleurs personnalisées ci-dessus)
nicdark_press Il définit l'effet de pressé Hover Bouton
Onglets (Tabs)
Pour créer un onglet, vous devez aller dans les composants du Visual Composer et sélectionnez "Tabs"
Paramètres
Vous pouvez personnaliser le composant du bouton comme vous le souhaitez, mais pour un graphique correcte vous
devez définir ces paramètres:
Champs Valeur
Style Classic
Forme (Shape) Rounded
Couleur (Color)
Ici, vous pouvez utiliser la couleur par défaut de Visual Composer ou utiliser la
couleur par défaut :
– Chino ( Yellow )
– Orange
– Juicy Pink ( Red )
– Violet
– Blue
– Green
Nom de classe
supplémentaire (Extra
Class Name)
“nicdark_tab_dark” si vous voulez que le style de l'onglet soit noir.
Bouton (Button)
Pour créer un bouton, vous devez aller dans les composants du Visuel Composer et sélectionnez "Button".
Paramètres Vous pouvez personnaliser le composant du bouton comme vous le souhaitez mais pour un graphique correcte vous
devez définir ces paramètres :
Champ Valeur
Style Classic
Forme
(Shape) Rouded
Couleur
(Color)
Ici, vous pouvez utiliser la couleur par défaut de Visual Composer ou utiliser la couleur par
défaut de la démo:
– Chino ( Yellow )
– Orange
– Juicy Pink ( Red )
– Violet
– Blue
– Green
Taille
(Size) Normal
Visual Composer
Concept de base
Il y a un modèle de conception que vous devez savoir dans le mode de l'éditeur de Visual Composer, vous aurez un
bouton "Ajouter un élément", sur lequel vous devez cliquer ou faire glisser sur l’espace de travail, afin d'ajouter un
bloc de contenu ou une ligne à votre page.
Si vous ajoutez un élément à votre page prêté attention il ajoutera automatiquement un élément dans la ligne de
contenu. Vous pouvez ensuite ajouter des colonnes dans les lignes et changer leur comportement. En savoir plus sur
les lignes et les colonnes dans la section Éléments de contenu.
En cliquant sur le bouton "Ajouter un élément" il affiche le menu de sélection des éléments de contenu. Blocs de
contenu sont divisés en catégories (Montrer tous, contenu, social, Structure, WordPress Widgets, etc.).
Éléments de contenu Voici une liste de plus de 40 éléments de contenu disponibles qui peuvent être placés sur l’espace de travail ou à
l’intérieur des colonnes. Considérez-les comme des briques. Avec ces briques que vous construisez votre mise
en page. La plupart des éléments de contenu ont des options pour définir les cliquez sur l' icône de crayon. Pour
enregistrer les modifications cliquez sur le bouton Enregistrer.
Contenu
Contenu
Rangée
Colonne
Section
Bloc de texte
Séparateur
Séparateur avec le texte
Messagerie
Facebook 'Like'
Tweetmeme Bouton
Google +
FAQ (Toggle)
image unique
Galerie d'images
Photo Carousel
paginable Container
Section Container paginable
Tabs
Section Tabs
Tours
Tours Section
Accordéon
Section Accordéon
Poster Grille
Maçonnerie Poster Grille
médias Grille
Maçonnerie Médias Grille
Poster curseur
Witgetised Sidebar
Bouton
Appel à l'action
Lecteur vidéo
Google Maps
HTML brut
Raw JS
Flickr Widget
Barre de progression
Camembert
Graphique Round
Graphique en ligne
Widgets par défaut de WP
Bouton 1.0
Bouton 2.0
DEPRECATEDPost Carousel
Appel à l'action 1.0
Appel à l'action 2.0
Tabs 1.0
Visite 1.0
Accordéon 1.0
Rangée
"Row" est l'élément principal du contenu de Visual Composer. Les lignes sont utilisées pour diviser votre
page dans les blocs logiques avec des colonnes, les colonnes vont ensuite tenir vos blocs de contenu. Les
colonnes peuvent être répartis dans les mises en page (p. 1/2 + 1/2, 1/3 + 1/3 + 1/3, et ainsi de
suite). Votre page peut avoir un nombre illimité de lignes. Pour modifier la position de la ligne, cliquez et
maintenez l’élément « Row » (en haut à gauche coin de ligne) et faites glisser la ligne (axe vertical).
nom Param Description
Rangée étendu (Row
stretch)
Sélectionnez les options d'étirement pour la ligne et le contenu (Note: étirée
peut ne pas fonctionner correctement si conteneur parent a une propriété CSS
"overflow: hidden").
écart de la colonne (Column
gap) Régler écart entre les colonnes, toutes les colonnes dans la ligne sera affectée
par cette valeur.
Hauteur totale rangée (Full
height row)
Régler la ligne pour être pleine hauteur.
Remarque: si le contenu dépasse la taille de l’écran, puis rangée sera plus
grande que la hauteur de l’écran ainsi.
Position Colonnes (Columns
position)
Régler la position des colonnes pour la pleine ligne de hauteur - Haut, Moyen,
Bas.
Remarque: active que si "Hauteur totale rangée" est sélectionné.
Egaliser Hauteur (Equal
height)
Mettez toutes les colonnes à hauteur égale.
Remarque: toutes les colonnes auront même hauteur que la plus longue
colonne.
Position du contenu
(Content position)
Définir la position du contenu dans les colonnes - Par défaut, Haut, Moyen, Bas.
Remarque: la valeur par défaut sera utilisée supérieure ou autre si elle
est définie au sein de thème.
Utilisez la vidéo de fond (Use
video background)
Définir une vidéo YouTube en fond pour la rangée.
lien YouTube (YouTube link) Entrez lien vers une vidéo YouTube pour la définir comme fond de la rangée.
Remarque: la vidéo YouTube va écraser les images de fond et peut être utilisé
avec l’effet de parallaxe.
Parallax Ajouter l’effet de parallax en fond pour la rangée (Remarque: Si aucune image
est spécifiée, la parallax sera l'image d'arrière-plan dans Design Options).
Image Sélectionner une image de la bibliothèque multimédia de parallax.
Remarque: actif uniquement si l’effet "Parallax" est choisi.
vitesse Parallax Contrôler la vitesse d'effet de parallax avec 1,5 valeur définie par défaut. Pour
un effet de parallax traditionnel 1.0 est la valeur minimale.
Remarque: actif que si l’image ou la vidéo parallaxe effet est activé.
nom Param Description
ID Rangée (Row ID) Entrez l’ID de la rangée (Remarque: assurez-vous qu'il est unique et valide selon
la spécification w3c).
Animations CSS (CSS
Animations)
Ajouter une animation à votre élément.
Nom supplémentaire de
classe (Extra class name)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
Options de conception
(Design Options)
Contrôle des bordures, de fond et d'autres options de style.
Important: Rangée peut vous permettre de construire des dispositions complexes en insérant la rangée interne à
la racine de la rangée / colonne. Prendre en compte que ce ne soit pas autorisé à insérer une rangée au sein d’une
rangée.
Colonne "Colonnes" font partie de la rangée et ils détiennent vos éléments de contenu à l'intérieur. Les colonnes peuvent
être réorganisées. Cliquez et faites glisser la colonne (axe horizontal). De cette façon, vous pouvez regrouper des
éléments de groupes logiques, puis faites-les glisser avec votre souris (pour repositionner).
nom Param La description
Nom supplémentaire de classe (Extra class
name)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
Options de conception (Design Options) Contrôle des bordures, de fond et d'autres options de style.
Largeur et responsivité (Width &
Responsiveness)
contrôle la largeur, le décalage et la visibilité de l'élément sur
différents appareils.
Section
"Section" est élément conteneur de type racine qui vous permet de «groupé»
plusieurs rangée. Vous pouvez insérer la section de base uniquement dans l’espace de
travail (élément de section ne peut pas être inséré dans tout autre élément, y compris
la rangée). Cette élément ne peut contenir que des éléments de rangée.
nom Param Description
Section extensible
(Section stretch)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
section pleine hauteur
? (Full height section?)
Réglez la section pour être pleine hauteur.
Remarque: si le contenu dépasse la taille de l’écran, la rangée sera plus grande que
la hauteur de la section.
Position du contenu
(Content position)
Définir la position du contenu dans les colonnes - Par défaut, Haut, Moyen, Bas.
Remarque: la valeur par défaut sera utilisée supérieure ou autre si elle est définie
au sein de thème.
Utilisez la vidéo de
fond? (Use video
background?)
Définir YouTube fond pour la section.
lien YouTube (YouTube
link)
Entrez lien vers une vidéo YouTube pour la définir comme section arrière - plan.
Remarque: la vidéo YouTube va écraser les images de fond et peut être utilisé avec
l’effet de parallaxe.
Parallax Ajouter l’effet de parallax en fond pour la rangée (Remarque: Si aucune image est
spécifiée, la parallax sera l'image d'arrière-plan dans Design Options).
Image Sélectionner une image de la bibliothèque multimédia de parallax.
Remarque: actif uniquement si l’effet "Parallax" est choisi.
vitesse Parallax Contrôler la vitesse d'effet de parallax avec 1,5 valeur définie par défaut. Pour un effet
de parallax traditionnel 1.0 est la valeur minimale.
Remarque: actif que si l’image ou la vidéo parallaxe effet est activé.
Animations CSS (CSS
Animations)
Ajouter une animation à votre élément.
Section ID Entrez dans la section ID (Remarque: assurez-vous qu'il est unique et valide selon
la spécification w3c ).
section Désactiver Permet de désactiver la section (Il ne sera pas visible pour le public).
Nom supplémentaire
de classe (Extra class
name)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
Options de conception
(Design Options)
Contrôle des bordures, de fond et d'autres options de style.
Bloc de texte
"Bloc de texte" permet d'insérer le type de paragraphe texte et le format à l'aide
de l'éditeur WYSIWYG. En outre le bloc de texte permet d'ajouter des médias
(images et vidéos).
nom Param Description
Texte Ajouter / Modifier le contenu en utilisant l'éditeur WYSIWYG TinyMCE.
Animations CSS (CSS
Animations)
Ajouter une animation à votre élément.
Nom supplémentaire de
classe (Extra class name)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
Options de conception
(Design Options)
Contrôle des bordures, de fond et d'autres options de style.
Séparateur
"Séparateur" ajoute une ligne de séparation à votre page.
nom Param Description
Couleur Choisissez la couleur de votre ligne de séparation, y compris la couleur
personnalisée choisie avec sélecteur de couleur ou définis avec le code
RGB.
Alignement de l’élément
séparation (Separator alignment)
Séléctionner l’alignement du séparateur.
Style Choisissez la ligne style - solide, en pointillés, tirets, ombre, etc.
Bordure (Border) Frontière avec en pixels.
largeur élément (Element width) Définir la largeur l’élément dans la colonne en pourcents.
Animations CSS (CSS Animations) Ajouter une animation à votre élément.
Nom supplémentaire de classe
(Extra class name)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
Options de conception (Design
Options)
Contrôle des bordures, de fond et d'autres options de style.
Séparateur avec le texte
"Séparateur avec le texte" ajouter une ligne de séparation à votre page
avec un texte qui peut être positionné au centre, à gauche ou à droite de la
ligne.
nom Param Description
Titre Texte qui apparaîtra sur la ligne.
Ajouter icône Ajouter une Icône au séparateur.
position de titre Permet le positionnement de votre texte au centre, à gauche ou à droite de
la ligne.
Alignement de l’élément
séparation
Séléctionner l’alignement du séparateur.
Couleur Choisissez la couleur de votre ligne de séparation, y compris la couleur
personnalisée choisie avec sélecteur de couleur ou définis avec le code
RGB.
Alignement de l’élément
séparation (Separator alignment)
Séléctionner l’alignement du séparateur.
Style Choisissez la ligne style - solide, en pointillés, tirets, ombre, etc.
Bordure (Border) Frontière avec en pixels.
largeur élément (Element width) Définir la largeur l’élément dans la colonne en pourcents.
Animations CSS (CSS Animations) Ajouter une animation à votre élément.
Nom supplémentaire de classe
(Extra class name)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
Boite de Message
"Boite de Message" ajouter un message sensible à votre site Web afin de
montrer le succès, erreur, avertissement, etc.
nom Param Description
Pré-config Boite de message
(Message Box Presets)
Sélectionnez un modèle prédéfini de boîte de message ou choisissez
"Custom" pour un style personnalisé.
Style Sélectionnez un style pour votre boîte de message.
Forme (Shape) Sélectionnez la forme de la boîte de message.
Couleur Choisir la couleur de la boîte de message.
bibliothèque d'icônes (Icon library) Sélectionnez la bibliothèque d'icônes.
Icône Sélectionnez l'icône de la bibliothèque.
Texte du message (Message text) Ajouter / Modifier le contenu en utilisant l'éditeur WYSIWYG TinyMCE
Animations CSS (CSS Animations) Ajouter une animation à votre élément.
Nom supplémentaire de classe
(Extra class name)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
Options de conception (Design
Options)
Contrôle des bordures, de fond et d'autres options de style.
Facebook 'Like'
"Facebook Like" ajoute un bouton sociale 'Like'.
nom Param Description
Type de bouton Sélectionnez le type de votre bouton de configurations prédéfinies.
Animations CSS (CSS Animations) Ajouter une animation à votre élément.
Options de conception (Design Options) Contrôle des bordures, de fond et d'autres options de style.
Tweetmeme Bouton
"Bouton Tweetmeme" Ajoute un bouton social Tweet.
nom Param Description
Choisissez un bouton Sélectionnez le type de bouton Twitter: Partager un lien, Suivre, Hashtag,
Mention
Selon le paramètre choisie l'alignement par defaut pour bouton Twitter
Langue Sélectionnez la langue du bouton Twitter.
Animations CSS (CSS Animations) Ajouter une animation à votre élément.
Options de conception (Design
Options)
Contrôle des bordures, de fond et d'autres options de style.
Google +
"Bouton Google+ » Ajoute un bouton social Google+.
nom Param Description
Taille des boutons Sélectionnez la taille du bouton.
Annotation Sélectionnez le type d'annotation présentée conjointement avec le
bouton.
Animations CSS (CSS Animations) Ajouter une animation à votre élément.
Options de conception (Design
Options)
Contrôle des bordures, de fond et d'autres options de style.
Ajoute un bouton social Pinterest "Pinit '.
nom Param Description
Disposition des boutons (Button layout) Sélectionnez le type de disposition des boutons.
Animations CSS (CSS Animations) Ajouter une animation à votre élément.
Options de conception (Design Options) Contrôle des bordures, de fond et d'autres options de style.
FAQ (Toggle)
Ajoute "FAQ" toggle pliable à votre page.
nom Param Description
Toggle titre (Toggle title) Titre de la bascule qui sera affichée près de bouton d'ouverture /
effondrement.
Toggle contenu (Toggle Content) Contenu de éditable bascule à l'aide éditeur WYSIWYG TinyMCE.
Style Modifie le style.
Couleur Basculer couleur de l'icône.
Taille taille.
État par défaut (Default state) Possibilité de définir l'état de ouvert ou fermé par défaut.
ID élément (Element ID) Entrez toggle ID (Remarque: assurez - vous qu'il est unique et valide
selon la spécification w3c ).
Animations CSS (CSS Animations) Ajouter une animation à votre élément.
Nom supplémentaire de classe (Extra
class name)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
Options de conception (Design
Options)
Contrôle des bordures, de fond et d'autres options de style.
Image unique
Ajouter une seul image selon votre disposition et style. Ajouter une animation
CSS ou appliquer les options de conception.
nom Param Description
Titre du Widget Titre de l'élément qui sera affiché au-dessus du widget.
Source de l'image Bibliothèque multimédia pour insérer des images à partir de la bibliothèque
multimédia;
Lien externe pour l’insertion de lien vers l’image;
Mise en avant pour l’utilisation de l’image en vedette (si spécifié).
Image Sélectionner une image de la bibliothèque multimédia. Vous pouvez
également télécharger des images en utilisant la bibliothèque de médias.
Lien externe Entrez lien direct vers l’image externe.
Remarque: disponible si "Lien externe" est sélectionné dans "Source de
l’image".
Animations CSS (CSS
Animations)
Ajouter une animation à votre élément.
Taille de l'image Régler la taille de votre image. Choisi entre grand, petit , etc… Ou définir
votre propre largeur x hauteur en pixels.
Remarque: Les images externes acceptent des valeurs de pixels seulement.
Ajouter une légende (Add
caption)
Ajouter une légende définie dans la bibliothèque multimédia.
Légende (Caption) Insérez la légende - disponible uniquement pour les images externes.
Alignement de l'image Définir l'alignement de l'élément dans une colonne.
le style d'image Définir le style d'image - choisir carré, arrondi, frontière, etc.
l'action OnClick Sélectionnez l'action onclick:
Aucun
Lien vers l'image en grand
Ouvrir prettyPhoto
Ouvrir lien personnalisé
Zoom
Lien image Entrez le lien pour l’événement onclick.
Remarque: disponible si "Ouvrir lien personnalisé" est choisi dans « l' action
OnClick".
Options de conception (Design
Options)
Contrôle des bordures, de fond et d'autres options de style.
Nom supplémentaire de classe
(Extra class name)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
Galerie d'images
Ajouter Galerie d'images responsive. Choisissez votre type de Flex
Curseur, Nivo Curseur ou grille d'image galerie.
nom Param Description
Titre du Widget Titre de l'élément qui sera affiché au-dessus du widget.
Type de Galerie Sélectionnez le type de galerie Flex Curseur, Nivo Curseur ou grille
d'image.
Rotation automatique des diapositives
(Auto rotate slides) (Auto rotate slides)
Sélectionnez l'intervalle entre la rotation automatique des images ou
le désactiver.
Source de l'image Bibliothèque multimédia pour insérer des images à partir de
la bibliothèque multimédia;
Liens externes pour insérer lien vers l’image;
Images Sélectionnez les images de la bibliothèque multimédia. Vous pouvez
également télécharger des images en utilisant la bibliothèque de
médias.
Liens externes Entrez lien direct vers des images externes.
Remarque: disponible si "liens externes" est choisi dans «Image
source».
Taille de l'image Régler la taille de votre image. Choisir entre grand, petit , etc. , ou
définir votre propre largeur x hauteur en pixels.
Remarque: Les images externes acceptent des valeurs de pixels
seulement.
l'action OnClick Sélectionnez l'action onclick:
Aucun
Lien vers l'image en grand
Ouvrir prettyPhoto
Ouvrir lien personnalisé
liens personnalisés (Custom links) Entrez les liens pour l’événement onclick.
Remarque: disponible si "lien personnalisé Open" est choisi dans «
l’action OnClick".
Animations CSS (CSS Animations) Ajouter une animation à votre élément.
Options de conception (Design Options) Contrôle des bordures, de fond et d'autres options de style.
Nom supplémentaire de classe (Extra
class name)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
Image Carousel
Ajouter un carrousel d’image animée de taille fixe.
nom Param Description
Titre du Widget Titre de l'élément qui sera affiché au-dessus un widget.
Rotation automatique
des diapositives (Auto
rotate slides)
Sélectionnez l'intervalle entre la rotation automatique des images ou le désactiver.
Images Sélectionnez les images de la bibliothèque multimédia. Vous pouvez également
télécharger des images en utilisant la bibliothèque de médias.
Taille de l'image Régler la taille de votre image. Choisir entre grand, petit, etc., ou définir votre
propre largeur x hauteur en pixels.
Sur clic (On click) Définir l'action pour l'événement onclick si nécessaire.
Mode Slider Diapositives sera positionné horizontalement (pour balayages horizontaux) ou
verticalement (pour balayages verticaux).
Vitesse Slider Durée de l'animation entre les diapositives (en ms).
Diapositives par vue Choisissez le nombre de diapositives que vous souhaitez afficher en même temps
sur le conteneur de Slide pour le mode carrousel. Prise en charge également de la
valeur "auto", dans ce cas, la largeur du slide dépend de la largeur du conteneur. Le
mode "auto" n’est pas compatible avec le mode de Loop.
Slider lecture
automatique (Slider
autoplay)
Active le mode de lecture automatique.
Masquer le contrôle de
pagination (Hide
pagination control)
Si OUI contrôle de la pagination sera supprimé.
Masquer Prev / Next
boutons
Si OUI les contrôles prev / next sera supprimé.
vue partielle Si OUI partie de la diapositive suivante sera visible sur le côté droit.
boucle Slider (Slider
Loop)
Active le mode en boucle.
Animations CSS (CSS
Animations)
Ajouter une animation à votre élément.
Nom supplémentaire de
classe (Extra class name)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
Options de conception
(Design Options)
Contrôle de bordure, de fond et d'autres options de style.
Conteneur Paginable
Le conteneur paginable est un élément complexe basé sur l’élément Tab qui se
compose de collections de section intérieure (onglets) et sa structure est similaire à la
ligne et de la hiérarchie de la colonne. Vous pouvez créer autant de sections internes
au sein de l'élément que vous souhaitez et puis placer tout type de contenu à
l'intérieur.
nom Param Description
Titre du Widget Titre de l'élément qui sera affiché au-dessus un widget.
Lecture automatique Sélectionnez rotation automatique pour les onglets secondes.
Note: désactivé par défaut.
section active Entrez le numéro de section active.
Remarque: pour avoir toutes les sections fermées de la charge initiale entrée
un numéro non-existant.
style Pagination Sélectionnez le style de pagination.
Pagination couleur Choisir la couleur pagination.
Remarque: disponible uniquement si "style Pagination" est sélectionné.
Position Pagination Sélectionnez la position de navigation.
Animations CSS (CSS
Animations)
Ajouter une animation à votre élément.
Nom supplémentaire
de classe (Extra class
name)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
Options de conception
(Design Options)
contrôle de bordure, de fond et d’autres options de style.
Section Conteneur paginable
section conteneur paginable est une instance de l’élément conteneur et
contrôle une section spécifique. Il est semblable aux principes ligne et colonne.
nom Param Description
Titre Entrez le titre de section.
Remarque: vous pouvez le laisser vide
Section ID Entrez ID de la section (Remarque: assurez-vous qu'il est unique et valide selon
la spécification w3c).
Ajouter icône Ajouter icône pour le bouton de la bibliothèque d'icône.
Nom supplémentaire de classe
(Extra class name)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
Tabs
Tabs est un élément complexe qui se compose de collections de section intérieure
(onglets) et sa structure est similaire à la ligne et de la hiérarchie de la
colonne. Vous pouvez créer autant de sections internes au sein de l'élément que
vous souhaitez et puis placer tout type de contenu à l'intérieur.
nom Param Description
Titre du Widget Titre de l’élément qui sera affiché au-dessus du widget.
Style Sélectionnez le style de l’onglet.
Forme (Shape) Sélectionnez la forme d'onglet.
Couleur Choisir la couleur.
Ne remplissez pas la zone
de contenu (Do not fill
content area)
Ne remplissez pas la zone de contenu avec la couleur.
Remarque: la zone de contenu de l’onglet sera transparente.
Espacement Sélectionnez l’espacement des onglets.
Note: l’espace entre les titres des onglets.
Écart (Gap) Sélectionnez écart onglets.
Note: l’espace entre les titres des onglets et la zone de contenu.
Alignement Sélectionnez l’alignement du titre des onglets.
Lecture automatique Sélectionnez rotation automatique pour les onglets en quelques secondes.
Note: désactivé par défaut.
section active Entrez le numéro de section active.
Remarque: pour avoir toutes les sections fermées de la charge initiale entrer
un numéro non-existant.
style Pagination Sélectionnez le style de pagination.
Couleur pagination Choisir la couleur pagination.
Remarque: disponible uniquement si "style Pagination" est sélectionné.
Animations CSS (CSS
Animations)
Ajouter une animation à votre élément.
Nom supplémentaire de
classe (Extra class name)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
Options de conception
(Design Options)
contrôle de bordure, de fond et d’autres options de style.
Section Tabs
section Tabs est une instance de l'élément Tabs et contrôle un onglet /
section spécifique. Il est semblable à principe ligne et colonne.
nom Param Description
Titre Entrez le titre de section.
Remarque: vous pouvez le laisser vide.
Section ID Entrez dans la section ID ( Remarque: assurez - vous qu'il est unique et valide
selon la spécification w3c ).
Ajouter icône Ajouter icône pour le bouton de la bibliothèque d'icône.
Nom supplémentaire de classe
(Extra class name)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
Tours
Tours est un élément complexe qui est constitué d'une collection de sections
intérieure et sa structure est similaire à la ligne et à la hiérarchie de la colonne. Vous
pouvez créer autant de sections internes au sein de l'élément que vous souhaitez et
puis placer tout type de contenu à l'intérieur.
nom Param Description
Titre du Widget Titre de l’élément qui sera affiché au-dessus du widget.
Style Sélectionnez visite style d'affichage.
Forme Sélectionnez la forme de tournée.
Couleur Sélectionnez visite couleur.
Ne remplissez pas la
zone de contenu
Ne remplissez pas la zone de contenu avec la couleur.
Remarque: la zone de contenu de la tournée sera transparente.
Espacement Sélectionnez l' espacement de la visite.
Note: l' espace entre les titres de tournée.
Écart Sélectionnez écart de la tournée.
Note: l' espace entre les titres de tournée et la zone de contenu.
Position Sélectionnez la position de navigation tournée "gauche" ou "droite".
Alignement Sélectionnez l'alignement section de titre.
largeur de navigation Sélectionnez Tour largeur de navigation.
Lecture automatique Sélectionnez rotation automatique pour la tournée en secondes.
Note: désactivé par défaut.
section active Entrez le numéro de section active.
Remarque: pour avoir toutes les sections fermées de la charge initiale entrer
un numéro non-existant.
style Pagination Sélectionnez le style de pagination.
Pagination couleur Choisir la couleur pagination.
Remarque: disponible uniquement si "style Pagination" est sélectionné.
Animations CSS (CSS
Animations)
Ajouter une animation à votre élément.
Nom supplémentaire
de classe (Extra class
name)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
Options de conception
(Design Options)
contrôle de bordure, de fond et d’autres options de style.
Tours Section
Tours section est une instance de l'élément Tours et contrôle une section
spécifique. Il est semblable aux principes ligne et colonne.
nom Param Description
Titre Entrez le titre de section.
Remarque: vous pouvez le laisser vide.
ID Section (Section ID) Entrez dans la section ID (Remarque: assurez-vous qu'il est unique et valide
selon la spécification w3c ).
Ajouter icône Ajouter une icône pour le bouton de la bibliothèque d'icône.
Nom supplémentaire de classe
(Extra class name)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
Accordéon
Accordéon est un élément complexe qui est constitué d'une collection de sections
intérieure et sa structure est similaire à la ligne et à la hiérarchie de la colonne. Vous
pouvez créer autant de sections internes au sein de l'élément que vous souhaitez et
placer tout type de contenu à l'intérieur.
nom Param Description
Titre du Widget Titre de l’élément qui sera affiché au-dessus du widget.
Style Sélectionnez style d'affichage.
Forme (Shape) Sélectionnez la Forme (Shape).
Couleur Sélectionnez la couleur.
Ne pas remplir la zone de
contenu (Do not fill
content area)
Ne pas remplir la zone de contenu avec la couleur.
Remarque: la zone de contenu de l’accordéon sera transparente.
Espacement Sélectionnez l’espacement de l’accordéon.
Note: l’espace entre les sections d'accordéon, les titres de section et de la zone de
contenu.
Écart (Gap) Sélectionnez écart d'accordéon.
Note: l’espace entre les sections d'accordéon.
Alignement Sélectionnez alignement du titre de l’accordéon.
Lecture automatique Sélectionnez rotation automatique pour les onglets en quelques secondes.
Note: désactivé par défaut.
Autoriser tous (Allow
collapsible all)
Laisser réduire toutes les sections de l'accordéon.
Icône Sélectionnez l'icône de navigation de l'accordéon.
Position Sélectionnez la position de l’icône de navigation.
section active Entrez le numéro de section active.
Remarque: pour avoir toutes les sections fermées de la charge initiale entrée
un numéro non-existant.
Animations CSS (CSS
Animations)
Ajouter une animation à votre élément.
Nom supplémentaire de
classe (Extra class name)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
Options de conception
(Design Options)
contrôle de bordure, de fond et d’autres options de style.
Section Accordéon
section d'accordéon est une instance d'Accordéon élément et contrôle une
section spécifique. Il est semblable à principe ligne et colonne.
nom Param Description
Titre Entrez le titre de section.
Remarque: vous pouvez le laisser vide.
Section ID Entrez dans la section ID ( Remarque: assurez - vous qu'il est unique et valide
selon la spécification w3c ).
Ajouter icône Ajouter icône pour le bouton de la bibliothèque d'icône.
Nom supplémentaire de classe
(Extra class name)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
Grille Post
Ajouter les post de votre site WordPress en mode grille. Choisissez le type de post,
permet de construire votre propre requête unique et définir quel type d'informations
à afficher.
nom Param Onglet Description
La source de données Général Sélectionnez le type de contenu pour votre grille.
filtré source de
données
Général Entrez la/les catégories, tags ou taxonomies personnalisés.
Nombre d’Articles Général Définir la limite max pour les articles dans la grille ou entrez -1
pour afficher tous (limité à 1000).
style d'affichage Général Sélectionnez le style d'affichage de la grille.
Afficher filtres Général Affiche filtre à la grille.
éléments de la grille
par ligne
Général Sélectionnez le nombre d'éléments de grille unique par rangée.
Écart (Gap) Général Sélectionnez l’écart (Gap) entre les éléments de grille.
Inclure uniquement Général Ajouter les articles, pages, etc. par titre.
Remarque: active que si "Source de données" est réglé sur "Liste
des ID".
Requête personnalisée Général Construire requête personnalisée selon WordPress Codex .
Remarque: active que si "Source de données" est réglé sur
"requête personnalisée"
Items par page Général Nombre d'éléments à afficher par page.
Remarque: active que si "Type d'affichage" est réglé sur « Load
more button » "Lazy loading" ou "Paginator".
Ordonner par paramètres de
données
Sélectionnez le type de commande. Si la "valeur Meta" ou
"Numéro de valeur Meta" est choisi alors la clé meta est
nécessaire.
Tri (Sorting) paramètres de
données
Sélectionnez l'ordre de tri.
Décalage (Offset) paramètres de
données
Nombre d'éléments de grille pour déplacer ou passer au-dessus.
Exclure paramètres de
données
Exclure les articles, pages, etc. par titre.
modèle d’élément de
grille
conception
d'objet
Sélectionnez un modèle prédéfini d'élément de grille.
Remarque: Il est permis de créer un nouveau modèle ou modifier
sélectionné. Modèles prédéfinis seront clonés.
Filtrer par Filtre Sélectionnez la source de filtre.
Style Filtre Sélectionnez le style d'affichage du filtre.
Alignement Filtre Sélectionner l’alignement du filtre.
Couleur Filtre Choisir la couleur du filtre.
Taille du filtre Filtre Sélectionnez la taille du filtre.
texte du bouton Chargez bouton
plus
Entrez le texte pour le bouton "Charger plus".
Note: "Charger plus" sera utilisé par défaut.
style Bouton Chargez bouton
plus
Sélectionnez le style de bouton.
Forme du bouton
(Button shape)
Chargez bouton
plus
Sélectionnez la Forme (Shape) du bouton.
Couleur du bouton Chargez bouton
plus
Choisissez la couleur du bouton.
Taille des boutons Chargez bouton
plus
Sélectionnez la taille du bouton.
alignement Bouton Chargez bouton
plus
Sélectionner l’alignement.
Bouton icône Chargez bouton
plus
Ajouter icône pour le bouton "plus Charger".
Design flèche (Arrows
design)
Pagination Sélectionnez la conception pour les flèches.
Position flèche
(Arrows Position)
Pagination Les flèches seront affichées à l’intérieur ou à l’extérieur grille.
Remarque: active que si "Arrow Design" est choisi.
Couleur des flèches Pagination Choisir la couleur pour les flèches.
Remarque: active que si "Arrow Design" est choisi.
style Pagination Pagination Sélectionnez le style de pagination.
couleur Pagination Pagination Choisir la couleur pagination.
Remarque: active que si "style Pagination" est choisi.
Boucle de page ? Pagination Autoriser les articles à être répétés dans la boucle infinie
(carrousel).
Délais Autoplay Pagination Entrer la valeur en secondes. Réglez -1 pour désactiver autoplay.
Animation début
(Animation In)
Pagination Sélectionnez "animation" pour la page de transition.
Animation Out
(Animation Out)
Pagination Sélectionnez "animation out" pour la page de transition.
Options de conception
(Design Options)
contrôle de bordure, de fond et d’autres options de style.
Grille Masonry Post
Ajouter des articles de votre site WordPress en mode grille Masonry. Choisissez le
type d’article, construire ou non votre propre requête unique et définir quel type
d'informations à afficher.
nom Param Onglet Description
La source de données Général Sélectionnez le type de contenu pour votre grille.
source de données Général Entrez les catégories, tags ou taxonomies personnalisés.
Articles au total Général Définir la limite max pour les articles dans la grille ou entrez -1
pour afficher tous (limité à 1000).
style d'affichage Général Sélectionnez le style d'affichage de la grille.
Afficher filtres Général Afficher le filtre à grille.
éléments de la grille par
rangée
Général Sélectionnez le nombre d'éléments de grille unique par rangée.
Écart (Gap) Général Sélectionnez l’écart (Gap) entre les éléments de grille.
Inclure uniquement Général Ajouter les articles, pages, etc. par titre.
Remarque: active que si "Source de données" est réglé sur
"Liste des ID"
Requête personnalisée Général Construire requête personnalisée selon WordPress Codex .
Remarque: active que si "Source de données" est réglé sur
"requête personnalisée"
Items par page Général Nombre d'éléments à afficher par page.
Remarque: active que si "Type d'affichage" est réglé sur " Load
more button ", "Lazy loading" ou "Paginator".
Ordonner par paramètres de
données
Sélectionnez le type de commande. Si la "valeur Meta" ou
"Numéro de valeur Meta" est choisi alors la clé meta est
nécessaire.
Tri paramètres de
données
Sélectionnez l'ordre de tri.
Décalage (Offset) paramètres de
données
Nombre d'éléments de grille pour déplacer ou passer au-
dessus.
Exclure paramètres de
données
Exclure les messages, pages, etc. par titre.
Modèle d’élément de
grille (Grid element
template)
conception
d'objet
Sélectionnez un modèle prédéfini d'élément de grille.
Remarque: Il est permis de créer un nouveau modèle ou
modifier sélectionné. Modèles prédéfinis seront clonés.
Filtrer par Filtre Sélectionnez la source de filtration.
Style Filtre Sélectionnez le style d'affichage du filtre.
Alignement Filtre Sélectionner l’alignement du filtre.
Couleur Filtre Choisir la couleur du filtre.
Taille du filtre Filtre Sélectionnez la taille du filtre.
Texte du bouton Chargez bouton
plus
Entrez le texte pour le bouton "Charger plus".
Note: "Charger plus" sera utilisé par défaut.
style Bouton Chargez bouton
plus
Sélectionnez le style de bouton.
Forme (Shape) de bouton Chargez bouton
plus
Sélectionnez la Forme (Shape) du bouton.
Couleur du bouton Chargez bouton
plus
Choisissez la couleur du bouton.
Taille des boutons Chargez bouton
plus
Sélectionnez la taille du bouton.
Alignement Bouton Chargez bouton
plus
Sélectionner l’alignement du bouton.
Bouton icône Chargez bouton
plus
Ajouter icône pour le bouton "plus Charger".
Options de conception
(Design Options)
contrôle de bordure, de fond et d’autres options de style.
Grille médias
Ajoute une grille médias à votre site WordPress.
nom Param Onglet Description
Images Général Sélectionnez les images depuis la bibliothèque
multimédia.
style d'affichage Général Sélectionnez le style d'affichage de la grille.
Afficher filtres Général Afficher le filtre à la grille.
Nombre d’éléments par
rangée (Grid elements per
row)
Général Sélectionnez le nombre d'éléments de grille unique par
rangée.
Écart (Gap) Général Sélectionnez Écart (Gap) entre les éléments de grille.
Inclure uniquement Général Ajouter les messages, pages, etc. par titre.
Remarque: active que si "Source de données" est réglé
sur "Liste des ID"
Requête personnalisée
(Custom query)
Général Construire requête personnalisée selon WordPress
Codex .
Remarque: active que si "Source de données" est réglé
sur "requête personnalisée"
Items par page Général Nombre d'éléments à afficher par page.
Remarque: active que si "Type d'affichage" est réglé sur
"Load plus bouton", "Lazy loading" ou "Paginator".
Modèle d’élément de grille
(Grid element template)
conception
d'objet
Sélectionnez un modèle prédéfini d'élément de grille.
Remarque: Il est permis de créer un nouveau modèle ou
modifier sélectionné. Modèles prédéfinis seront clonés.
Filtrer par Filtre Sélectionnez la source du filtre.
Style Filtre Sélectionnez le style d'affichage du filtre.
Alignement Filtre Sélectionner l’alignement du filtre.
Couleur Filtre Choisir la couleur du filtre.
Taille du filtre Filtre Sélectionnez la taille du filtre.
texte du bouton Chargez bouton
plus
Entrez le texte pour le bouton "Charger plus".
Note: "Charger plus" sera utilisé par défaut.
style Bouton Chargez bouton
plus
Sélectionnez le style de bouton.
Forme de bouton Chargez bouton
plus
Sélectionnez la Forme (Shape) du bouton.
Couleur du bouton Chargez bouton
plus
Choisissez la couleur du bouton.
Taille des boutons Chargez bouton
plus
Sélectionnez la taille du bouton.
Alignement Bouton Chargez bouton
plus
Sélectionner l’alignement du bouton.
Bouton icône Chargez bouton
plus
Ajouter icône pour le bouton "plus Charger".
Design des flèches (Arrow
Design)
Pagination Sélectionnez la conception pour les flèches.
Position des flèches (Arrows
position)
Pagination Les flèches seront affichées à l’intérieur ou à l’extérieur
de la grille.
Remarque: active que si "Arrow Design" est choisi.
Couleur des flèches (Arrows
Color)
Pagination Choisir la couleur pour les flèches.
Remarque: active que si "Arrow Design" est choisi.
style Pagination Pagination Sélectionnez le style de pagination.
Pagination couleur Pagination Choisir la couleur pagination.
Remarque: active que si "style Pagination" est choisi.
pages de boucle? Pagination Autoriser les articles à être répétés dans la boucle infinie
(carrousel).
Délais de lecture automatique
(Autoplay delay)
Pagination Entrer la valeur en secondes. Réglez -1 pour désactiver la
lecture automatique.
Animation d’entré (Animation
In)
Pagination Sélectionnez "animation" pour la page de transition.
Animation de fin (Animation
Out)
Pagination Sélectionnez "animation out" pour la page de transition.
Options de conception (Design
Options)
contrôle de bordure, de fond et d’autres options de style.
Grille Masonry Médias
Ajoute les médias de la Médiathèque à votre site WordPress
en mode grille Masonry.
nom Param Onglet Description
Images Général Sélectionnez les images de la bibliothèque
multimédia.
style d'affichage Général Sélectionnez le style d'affichage de la grille.
Afficher le filtre Général Affiche le filtre à grille.
Nombre d’éléments
par rangée
Général Sélectionnez le nombre d'éléments de grille
unique par rangée.
Écart (Gap) Général Sélectionnez Écart (Gap) entre les éléments
de grille.
Inclure uniquement Général Ajouter les messages, pages, etc. par titre.
Remarque: active que si "Source de données"
est réglé sur "Liste des ID".
Requête
personnalisée
Général Construire requête personnalisée
selon WordPress Codex .
Remarque: active que si "Source de données"
est réglé sur "requête personnalisée".
Items par page Général Nombre d'éléments à afficher par page.
Remarque: active que si "Type d'affichage"
est réglé sur " Lazy loading ", "Lazy loading"
ou "Paginator".
Modèle d’élément de
grille
conception d'objet Sélectionnez un modèle prédéfini d'élément
de grille.
Remarque: Il est permis de créer un nouveau
modèle ou modifier un modèle sélectionné.
Filtrer par Filtre Sélectionnez la source de filtre.
Style Filtre Sélectionnez le style d'affichage du filtre.
Alignement Filtre Sélectionner l’alignement du filtre.
Couleur Filtre Choisir la couleur du filtre.
Taille du filtre Filtre Sélectionnez la taille du filtre.
Texte du bouton Chargez bouton plus Entrez le texte pour le bouton "Charger plus".
Note: "Charger plus" sera utilisé par défaut.
style Bouton Chargez bouton plus Sélectionnez le style de bouton.
Forme de bouton Chargez bouton plus Sélectionnez la forme du bouton.
Couleur du bouton Chargez bouton plus Choisissez la couleur du bouton.
Taille des boutons Chargez bouton plus Sélectionnez la taille du bouton.
Alignement Bouton Chargez bouton plus Sélectionner l’alignement du bouton.
Bouton icône Chargez bouton plus Ajouter icône pour le bouton "plus Charger".
Options de
conception (Design
Options)
contrôle de bordure, de fond et d’autres
options de style.
Post Slider
Créer un Slider d’articles de votre site WordPress, pages ou messages personnalisés. Afficher les images
en vedette et contrôler leurs paramètres et le style.
Barre latérale widgetisé
« Barre latérale widgetisé » ajouter zone de widget créé
avant.
nom Param Description
Titre du Widget Titre de l’élément qui sera affiché au-dessus du widget.
Barre latérale Choisissez un widget.
Nom supplémentaire de classe (Extra class
name)
Ajouter un nom de classe afin de se référer à cet élément en
CSS.
Options de conception (Design Options) contrôle de bordure, de fond et d’autres options de style.
Bouton
Ajouter un bouton avec plusieurs couleurs et style parmi ces
options:
Moderne
Classique
Flat
Outline
3D
Personnalisé
Outline personnalisé
nom Param Description
Texte Texte qui apparaîtra sur le bouton.
URL (lien) Lien du bouton.
Style Sélectionnez le bouton d'affichage.
Forme (Shape) Sélectionnez la Forme du bouton.
Couleur Choisir la couleur du bouton.
Note: Disponible si "Style" n’est pas "Personnalisé".
Couleur de fond Choisir la couleur pour le fond du bouton avec sélecteur
de couleur.
Note: Disponible si "Style" est réglé sur " Personnalisé".
Couleur du texte Choisir la couleur de texte du bouton avec sélecteur
de couleur.
Note: Disponible si "Style" est réglé sur " Personnalisé".
Taille Sélectionnez la taille d'affichage des boutons.
Alignement Sélectionnez l’alignement du bouton.
Réglez le bouton en pleine largeur? Réglez le bouton à la pleine largeur à l'intérieur de la colonne.
Note: Disponible si "Alignement" est pas "Inline".
Ajouter icône? Ajouter icône au bouton de la bibliothèque d'icône.
Animations CSS (CSS Animations) Ajouter une animation à votre élément.
Nom supplémentaire de classe (Extra class
name)
Ajouter un nom de classe afin de se référer à cet élément en
CSS.
Options de conception (Design Options) contrôle de bordure, de fond et d’autres options de style.
Appel à l'action
Créer un bloc d’appel à l'action avec en-tête, texte,
bouton et permet contrôler son style.
nom Param Description
Titre Entrez le texte de la rubrique ligne.
sous-titre (Subheading) Entrez le texte pour la ligne de sous-position.
Utiliser une police personnalisée pour la rubrique?
(Use Custom font for Heading?)
Ajoute option pour définir la police personnalisée.
Utiliser une police personnalisée pour Sous-titre?
(Use Custom font for Subheading?)
Ajoute option pour définir la police personnalisée aux
sous-positions.
Alignement du texte Sélectionnez l'alignement du texte dans «Appel à l'action"
bloc.
Forme (Shape) Sélectionnez appel à une Forme (Shape) d'action.
Style Sélectionnez appel à un style d'affichage d'action.
Couleur Choisir la couleur de l'appel à l’action.
Note: Disponible si "Style" n’est pas "Personnalisé".
Couleur de fond Choisir la couleur pour le fond avec sélecteur de couleur.
Note: Disponible si "Style" est réglé sur " Personnalisé".
Couleur du texte Choisir la couleur pour le texte avec le sélecteur
de couleur.
Note: Disponible si "Style" est réglé sur "Personnalisé".
Texte Ajouter / Modifier le texte du bloc d'appel à l'action en
utilisant l'éditeur WYSIWYG TinyMCE.
Largeur Sélectionnez la largeur (en pourcentage).
Ajouter le bouton? Ajouter bouton pour appel à l'action. position de
contrôle, l'alignement, le style, la couleur, etc.
Ajouter icône? Ajouter icône Appel à l'action. position de contrôle,
d'alignement, de fond, la couleur, etc.
animation CSS (CSS Animation) Ajouter une animation à votre élément.
Nom supplémentaire de classe (Extra class name) Ajouter un nom de classe afin de se référer à cet élément
en CSS.
Options de conception (Design Options) contrôle de bordure, de fond et d’autres options de style.
Lecteur vidéo
Insérer une vidéo dans votre mise en page. Choisissez parmi de multiples
formats acceptés par WordPress.
nom Param Description
Titre du Widget Titre du Widget qui sera affiché au-dessus un widget.
Lien vidéo Lien vers la vidéo. En savoir plus sur les formats pris en charge dans
WordPress page codex .
largeur de la vidéo Sélectionnez la largeur de la vidéo en pourcentage. Le pourcentage sera
calculée à partir de la taille de la colonne parente.
rapport d'aspect de la vidéo Sélectionnez le rapport d'aspect de la vidéo (par défaut 16:9).
Alignement alignement de contrôle du lecteur vidéo dans le conteneur (colonne).
Animations CSS (CSS Animations) Ajouter une animation à votre élément.
Nom supplémentaire de classe
(Extra class name)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
Options de conception (Design
Options)
contrôle de bordure, de fond et d’autres options de style.
Google Maps
Insérez Google Maps.
nom Param Description
Titre du Widget Titre du Widget qui sera affiché au-dessus un widget.
Plan d'intégration (Map embed iframe) 1. Visitez Google Maps pour créer votre carte.
2. Trouver l'emplacement
3. Cliquez sur "Partager" et assurez-vous que la carte est
publique sur le web
4. Cliquez sur "Intégrer sur mon site"
5. Copiez le code iframe et collez-le
Hauteur de la carte (Map Height) Saisissez la carte la hauteur en pixels.
Animations CSS (CSS Animations) Ajouter une animation à votre élément.
Nom supplémentaire de classe (Extra
class name)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
Options de conception (Design Options) contrôle de bordure, de fond et d’autres options de style.
HTML brut
Insérez votre contenu HTML personnalisé si nécessaire
nom Param Description
HTML brut Entrez votre contenu HTML.
Options de conception (Design Options) contrôle de bordure, de fond et d’autres options de style.
Raw JS
Insérez votre code JS personnalisé si nécessaire
nom Param Description
Raw JS Entrez votre code JS.
Options de conception (Design Options) contrôle de bordure, de fond et d’autres options de style.
Flickr Widget
Affichez votre flux de photos de Flickr sur votre site WordPress avec Flickr
Widget. Afin de placer les images que vous aurez besoin pour déterminer votre ID
Flickr - que vous pouvez récupérer ici: http://idgettr.com/
nom Param Description
Titre du Widget Titre du Widget qui sera affiché au-dessus un widget.
ID Flickr Entrez ID Flickr.
Nombre de photos Choisissez le nombre de photos à afficher.
Type Choisissez photo type de flux.
Afficher Choisissez l'ordre d'affichage des photos.
Animations CSS (CSS
Animations)
Ajouter une animation à votre élément.
Nom supplémentaire de
classe (Extra class name)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
Options de conception
(Design Options)
contrôle de bordure, de fond et d’autres options de style.
Barre de progression
Afficher la barre de progression avec des valeurs
personnalisées.
nom Param Description
Titre du Widget Titre du Widget qui sera affiché au-dessus un widget.
Unités Entrez les unités de mesure (si nécessaire) Eg. %, Px, points, etc.
Couleur Choisir la couleur de la barre de progression.
Valeurs: Étiquette Saisir du texte utilisé comme titre de bar.
Valeurs: Valeur Entrer la valeur de la barre.
Valeurs: Couleur Sélectionnez seule couleur barre de fond.
Options: Ajouter Rayures ? Ajouter des bandes à vos barres de progression.
Options: Ajouter animation ? Ajouter une animation à rayures. Sera visible avec des barres à
rayures.
Animations CSS (CSS Animations) Ajouter une animation à votre élément.
Nom supplémentaire de classe (Extra class
name)
Ajouter un nom de classe afin de se référer à cet élément en
CSS.
Options de conception (Design Options) contrôle de bordure, de fond et d’autres options de style.
Camembert
Afficher un diagramme circulaire avec votre valeur personnalisée et les
paramètres de style.
nom Param Description
Titre du Widget Titre du Widget qui sera affiché au-dessus un widget.
valeur Camembert (Pie value) Entrée ici valeur graphique. Choisissez entre 0 et 100.
valeur d'étiquette du
camembert (Pie label value)
Entrée ici la valeur entière. Si elle est vide "valeur Pie" sera utilisée.
Unités Entrez les unités de mesure (si nécessaire) Eg. %, Px, des points, etc. valeur
graphique et l'unité seront ajoutés au titre du graphique.
couleur Camembert Choisir la couleur de graphique circulaire.
Animations CSS (CSS
Animations)
Ajouter une animation à votre élément.
Nom supplémentaire de classe
(Extra class name)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
Options de conception (Design
Options)
contrôle de bordure, de fond et d’autres options de style.
Graphique Round
tableau d'affichage avec vos valeurs et style personnalisés dans les
formats suivants:
Rond
Doughnut
nom Param Description
Titre du Widget Titre du Widget qui sera affiché au-dessus un widget.
Conception Sélectionnez le type de graphique à partir de ronds ou de beignet.
Style Sélectionnez le style de couleur de la carte.
Remarque: Si choisi Personnalisé puis tous dropdowns de couleurs
prédéfinies seront modifiées.
Écart (Gap) Sélectionnez Écart (Gap) entre les valeurs de tableau.
Couleur du contour Choisir la couleur pour les lacunes et les grandes lignes.
personnalisé couleur du contour
(Custom outline color)
Choisir la couleur de contour.
Remarque: disponible uniquement lorsque "Couleur du contour" est
réglé sur Personnalisé.
Afficher la légende Sélectionnez cette option pour afficher la légende.
Afficher les valeurs de vol stationnaire Sélectionnez pour afficher les valeurs sur le vol stationnaire.
Valeurs: Titre Entrez le titre de zone de graphique.
Valeurs: Valeur Entrer la valeur pour la zone de graphique.
Valeurs: Couleur Choisir la couleur pour la zone de graphique.
Animation Sélectionnez le style d'animation graphique.
Animations CSS (CSS Animations) Ajouter une animation à votre élément.
Nom supplémentaire de classe (Extra
class name)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
Options de conception (Design Options) contrôle de bordure, de fond et d’autres options de style.
Graphique en ligne
Graphique avec vos valeurs et style personnalisés dans les formats
suivants:
Ligne (Line)
Barre verticale (Vertical bar)
nom Param Description
Titre du Widget Titre du Widget qui sera affiché au-dessus un widget.
Conception Sélectionnez le type de graphique.
Style Sélectionnez le style de couleur de la carte.
Remarque: Si choisi Personnalisé puis tous dropdowns de couleurs
prédéfinies seront modifiées pour sélecteur de couleur.
Écart (Gap) Sélectionnez Écart (Gap) entre les valeurs de tableau.
Couleur du contour Choisir la couleur pour les lacunes et les grandes lignes.
personnalisé Couleur du contour
(Custom outline color)
Choisir une couleur de contour personnalisé.
Remarque: disponible uniquement lorsque "Couleur du contour" est
réglé sur Personnalisé.
Afficher la légende Sélectionnez cette option pour afficher la légende.
Afficher les valeurs lors du survole
du graphique
Sélectionnez pour afficher les valeurs lors du survole du graphique.
Les valeurs de l'axe X Entrez des valeurs pour l’axe X.
Remarque: Séparez les valeurs par des virgules.
Valeurs: Titre Entrez le titre de zone de graphique.
Valeurs: valeurs de l’axe Y Entrez les valeurs de zone de graphique pour l’axe Y.
Remarque: Séparez les valeurs par des virgules.
Valeurs: Couleur Choisir la couleur pour la zone de graphique.
Animation Sélectionnez le style d'animation graphique.
Animations CSS (CSS Animations) Ajouter une animation à votre élément.
Nom supplémentaire de classe
(Extra class name)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
Options de conception (Design
Options)
contrôle de bordure, de fond et d’autres options de style.
Espace vide
Insérer un espace vide entre les éléments avec une hauteur
personnalisée.
nom Param Description
la taille Entrez hauteur de l'espace vide.
Nom supplémentaire de classe (Extra class
name)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
Options de conception (Design Options) contrôle de bordure, de fond et d’autres options de style.
Rubrique personnalisée
Créer personnalisé rubrique avec Google Fonts, choisissez l'une des polices
prédéfinies et d'appliquer le style.
Important: Si vous utilisez des caractères non latins être sûr de les activer
sous Paramètres / Visual Composer Réglages / Général.
nom Param Description
Texte Entrez votre contenu.
Tag élément (Element tag) Sélectionnez balise de l'élément.
Remarque: la balise H1 est disponible pour la rubrique personnalisée
à partir de la version 4.7.
Alignement du texte Sélectionnez l'alignement du texte.
Taille de police Sélectionnez la taille de police. Par défaut, la taille définie par votre thème
pour la balise spécifique sera utilisé.
Hauteur de la ligne Sélectionnez la hauteur de ligne pour définir l'espace entre les lignes.
Couleur du texte Choisir la couleur de votre texte.
Utilisez la famille de polices du
thème
Définir la famille de polices de Personnalisé Intitulé au thème par défaut.
Remarque: Cela va désactiver les options famille de polices et Style
de police.
Famille de polices Sélectionnez la famille Google Font de la liste prédéfinie.
Le style de police Sélectionnez un style de police disponible pour la famille police choisie. Par
exemple la lumière, normal, gras, italique, etc.
aperçu Google Fonts Voyez le style d’une famille de polices.
Animations CSS (CSS Animations) Ajouter une animation à votre élément.
Nom supplémentaire de classe
(Extra class name)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
Options de conception (Design
Options)
contrôle de bordure, de fond et d’autres options de style.
Icône élément
Avec Visual Composer, vous pouvez facilement ajouter des icônes à
partir des bibliothèques suivantes:
Font Awesome
Open icons
Typicons
Entype
Linecons
nom Param Description
Source Icônes Sélectionnez la source de l'icône (Library).
Icône Sélectionnez l'icône de la source de l'icône choisie (Library).
Couleur Choisir la couleur de votre icône.
Remarque: la couleur personnalisée est disponible.
le style d'arrière-plan (Background
style)
Sélectionnez le style de fond pour votre icône (par défaut est «None»).
Couleur de fond Choisir la couleur de l'arrière - plan de l’icône (uniquement si le style
d'arrière - plan est choisi).
Remarque: la couleur personnalisée est disponible.
Taille Sélectionnez la taille de l'icône de Mini, Small, Medium, Large, Extra
Large.
alignement des icônes Sélectionnez l'alignement de l'icône.
URL (lien) lien d'icône.
Animation CSS (CSS Animation) Ajouter une animation à votre élément.
Nom supplémentaire de classe (Extra
class name)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
Options de conception (Design
Options)
contrôle de bordure, de fond et d’autres options de style.
Widgets par défaut de WP
Avec Visual Composer, vous pouvez facilement ajouter tous les widgets WP par
défaut existants. Tous les widgets sont répertoriés au sein de la liste des
éléments Visual Composer.
nom Param Description
Titre du Widget Titre du Widget qui sera affiché au-dessus un widget.
Nom supplémentaire de
classe (Extra class name)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
Après avoir placé élément de contenu sur l’espace de travail (page), cliquez sur l'icône de crayon pour voir les
options disponibles pour cet élément de contenu particulier.
Paramètres de Visual Composer
Paramètres généraux de Visual Composer peut être consulté à partir de votre tableau de bord d’administration ->
Visual Composer et permet l’édition de la configuration visuelle.
Réglages généraux Paramètres généraux de Visual Composer permet le contrôle de la configuration suivante:
Contenu responsive: désactiver ou activer les paramètres responsive. Cochez cette case pour éviter que des
éléments de contenu s’entasse les uns sur les autres (sur petits écrans des médias, par exemple mobile.);
Google Fonts: Inclure ou exclure Google Fonts disponibles dans Visual Composer. Remarque: Il est
recommandé d'utiliser des sous-ensembles que si elles sont nécessaires à votre contenu;
Guide Tour: Réinitialiser Guide Visual Composer l'introduction Tour.
Rôle Manager L’Utilisateur contrôle l'accès des rôles de groupe pour les fonctions et options de Visual Composer - gérer les rôles
par défaut et personnalisés WordPress. Chaque groupe d'utilisateurs a des contrôles d'accès suivant:
types de poste: Activer Visual Composer pour les pages, les articles et les types de poste
personnalisé. Remarque: Par défaut Visual Composer est disponible pour les pages seulement;
éditeur Backend: Activer / Désactiver éditeur Backend, définissez l’éditeur par défaut et désactiver l’éditeur
classique;
éditeur Frontend: Activer / Désactiver éditeur Frontend;
Paramètres de la page: Contrôler l'accès aux paramètres visuels de la page Composer. Remarque: Désactiver
pour restreindre les paramètres de page l'édition du CSS personnalisé à travers la page;
Réglages possibles: les droits d'accès de contrôle à Visual Composer paramètres d'administration onglets
(par exemple, Paramètres généraux, Shortcode Mapper, ...);
Modèles: Contrôle des droits d'accès à des modèles et des modèles prédéfinis. Note: "Appliquer uniquement
les modèles" restreint les utilisateurs d'enregistrer de nouveaux modèles et la suppression existante;
Éléments: accès utilisateur contrôle à des éléments de contenu;
Grille Builder: l'accès des utilisateurs de contrôle sur la grille Builder et Grille Builder Éléments;
Presets Element: le contrôle des droits d'accès aux préréglages d'éléments sous forme d’élément
d'édition. Remarque: " Apply presets only» restreint les utilisateurs d'enregistrer de nouveaux presets.
Remarque: Dans WordPress multisite SuperAdmin a tous les droits d'accès activées sans possibilité de les désactiver.
Options de conception Options de conception vous permet d'appliquer l'aspect visuel personnalisé aux éléments visuels de contenu
Composer et de contrôler également la largeur sensible. Par éléments de contenu par défaut "empiler" l'un sur
l'autre lorsque la taille de l'écran est plus petit que 768px.
CSS personnalisé Si vous voulez ajouter un peu de code CSS personnalisé pour le plugin et ne voulez pas modifier les fichiers, il est un
bon endroit pour entrer votre code à ce domaine.
Important: Visual Composer offre plusieurs façons pour vous d'ajouter CSS personnalisé. S'il vous plaît visitez
la section CSS personnalisé pour plus d’informations.
Shortcode Mapper Ajouter 3rd party shortcodes à Visual Composer en les convertissant en éléments. En savoir plus sur l’utilisation
Shortcode Mapper.
CSS personnalisé Visual Composer offre plusieurs façons pour les utilisateurs d'interagir avec le CSS:
Première: Vous pouvez accéder à Visual Composer -> onglet Options de conception où vous changez la couleur par
défaut et de la marge / paramètres de remplissage pour les éléments de contenu.
Visionner la vidéo : https://www.youtube.com/watch?v=6SmKBAk8BJw
Deuxième: Sous Visual Composer -> onglet CSS personnalisé, vous pouvez ajouter vos propres règles de style CSS
personnalisé.
Visionner la vidéo : https://youtu.be/6fhNlk4pMiQ
Troisième: Vous pouvez ajouter des règles CSS personnalisé pour la page ou Post actuel. Dans la page ou la fenêtre
d'édition post, vous verrez le bouton CSS sur le côté droit supérieur au-dessus de la fenêtre Visual Composer, cliquez
dessus pour la forme où vous pouvez placer des règles CSS personnalisé pour cette page ou poste particulier ouvrir.
Visionner vidéo : https://youtu.be/15wDspWQJU8
Quatrièmement: Si vous souhaitez style particulier élément de contenu différent, vous pouvez ajouter le nom de
classe pour l’élément exact sur votre page ou Post en entrant dans "Extra CSS Class name" dans la fenêtre d'édition
de votre élément. Important: vous ne pouvez pas ajouter du code CSS dans le champ directement "Extra CSS Class
name" - ce champ est pour le nom de classe seulement. Le Code CSS doit être stocké dans le dossier approprié
Visionner la vidéo : https://youtu.be/IWprFs6MOro
Cinquièmement: Pour remplacer les noms de classe qui sont appliqués aux éléments de contenu Visual
Composer, vous devez utiliser WordPress add_filter ("vc_shortcodes_css_class").
Options de conception (Design Options) d’éléments A partir de la version 4.1.0 Visual Composer offre des contrôles de conception supplémentaires pour les rangées,
colonnes, bloc de texte, image et le bloc de vidéo qui se trouve sous la fenêtre d’élément onglet « Options designs ».
Dans les options de conception, il est possible de contrôler:
Marges, Paddings et Border pour élément global ou juste à gauche, à droite, une partie supérieure ou
inférieure
Style de bordure
Couleur de la bordure
Bord arrondi
Couleur de fond
L'image de fond et le style de position
Visionner la vidéo : https://youtu.be/34Xd9L_oLcs
Paramètres Responsive A partir de la version 4.3 Visual Composer vous permet de contrôler les colonnes à travers de multiples
dispositifs. Les Paramètres Responsive peuvent être trouvés dans l'onglet paramètre «Width & Responsiveness».
Dans les paramètres, il est possible de régler la largeur de la colonne et le décalage de la taille de la colonne par
défaut et aussi d'autres appareils en tenant compte de la valeur par défaut. En outre, il est possible de "Masquer" les
colonnes sur le type spécifique de dispositifs afin de ne pas afficher certains blocs spécifiques, par exemple sur les
appareils mobiles.
Remarque: A partir de la version 4.7 est possible d'utiliser des paramètres réactifs pour la colonne intérieure
Visionner la vidéo : https://youtu.be/_C1SE2Cj-4k
Modèles Les Modèles vous permettent d'enregistrer des ensembles prédéfinis d'éléments comme un modèle, puis le
réutiliser quand vous en aurez besoin la prochaine fois. En utilisant des modèles vous serez en mesure d'économiser
des tonnes de temps dans le cas où vous aurez besoin de créer une mise en page spécifique, tout ce que vous avez à
faire est de créer votre mise en page et l'enregistrer, après que vous serez en mesure de le réutiliser à chaque fois
que vous en avez besoin.
Travailler avec des modèles Utilisation de modèles peuvent améliorer considérablement le processus de création, surtout quand vos pages
partagent une même structure. De cette façon, vous ne devez répéter le même processus encore et encore.
Menu Modèles En cliquant sur le bouton `templates` dans Composer Editor Visual ouvrir le panneau avec la liste des modèles
disponibles, vous pouvez entrer le nom de votre nouveau modèle pour le retrouver plus rapidement.
1. Enregistrer la page en cours en tant que modèle - vous permet de sauvegarder la structure de la page
courante comme modèle. Nom du modèle doit être saisi dans la fenêtre d’invite.
2. Chargement des modèles, liste des modèles existants. Lorsque vous voulez un de vos modèles existants
pour être annexé à la page en cours, cliquez simplement sur le titre de ce modèle. Pour supprimer le modèle
cliquer sur l’icône corbeille à côté du titre du modèle.
DEPUIS 5.0
Enregistrer des rangées et des sections comme modèles
Vous pouvez enregistrer des lignes et des sections distinctes en tant que modèles directement à partir de votre mise
en page.
Pour enregistrer la rangée ou la section en tant que modèle, aller dans la fenêtre de rangée ou de section, cliquer sur
l’icône paramètre dans le coin supérieur droit puis Cliquez sur 'Enregistrer comme modèle' et nommez votre
nouveau modèle. Le modèle apparaît sous la fenêtre Modèles "Mes Modèles".
Template Library Visual Composer Template Library vous permet d'accéder à de beaux modèles prédéfinis qui a été créé par l'équipe
de Visual Composer en collaboration avec les professionnels haut de gamme de conception de sites Web. Template
Library est constamment mis à jour par l'ajout de nouveaux modèles que vous pouvez accéder avec votre licence de
Visual Composer. Chaque modèle contient des images de haute résolution libre que vous êtes autorisé à utiliser dans
vos projets (y compris commercial).
Accès Template Library Pour accéder à la bibliothèque de modèle allé dans la fenêtre modèle dans le coin supérieur gauche de la barre de
navigation sélectionnez «Template Library». La Fenêtre Template Library contiendra tous les modèles qui ont été
téléchargés à partir de la bibliothèque (par défaut, il ne contiendra pas de modèles).
Pour accéder à la bibliothèque cliquer sur 'accès Bibliothèque' et attendez que votre Visual Composer se connecte
à notre référentiel de modèle. Après le chargement, vous verrez tous les modèles disponibles avec possibilité de
télécharger ou de les prévisualiser.
Pour télécharger des modèles cliquez sur 'Télécharger Template'. Une fois que vous avez téléchargé vos
modèles, vous devez quitter la bibliothèque de modèle en cliquant sur 'Exit Template Library' . Vos modèles
téléchargés apparaissent maintenant sous l’onglet Template Library dans la fenêtre Modèles.
Visionner la vidéo : https://youtu.be/v9_VqpU2JKQ
Important: Assurez- vous d'avoir votre licence de Visual Composer activé afin de télécharger des modèles que ces
modèles est disponibles exclusivement pour les propriétaires de licence.
Shortcode Mapper A partir de la version de Visual Composer 4.1.0 il est possible d'ajouter 3rd party shortcodes en utilisant le
constructeur dans Shortcode Mapper qui disponible sous Visual Composer -> My Shortcodes.
Travailler avec Shortcode Mapper Pour ajouter votre propre shortcode ou tout shortcode tiers à la liste des éléments de Visual Composer en utilisant
Shortcode Mapper vous devez suivre quelques étapes simples décrites ci-dessous.
Visionner la vidéo : https://youtu.be/hvGb8kcEJ9s
Analyse Shortcodes
Vous devez d'abord analyser votre shortcode. Sous la rubrique «Mon Shortcodes" choisissez l’onglet Map Shortcode
afin d'ouvrir la fenêtre d’analyse. Dans le champ de saisie, vous devrez copier l’échantillon de votre shortcode. Par
exemple, vous avez un shortcode comme ceci:
[my_shortcode value="100" bgcolor="#8e8e8e" desc="Default values" cssanim="yes" size="50"]
Tout ce que vous devez faire est de coller ce shortcode dans le champ de saisie et appuyez sur "Parse shortcode". Ne
pas avoir peur de mettre des valeurs d'échantillonnage différentes lors de l'analyse que vous serez en mesure de
contrôler tous les paramètres et les valeurs plus tard.
Modification des valeurs de votre Shortcode
Maintenant, quand vous avez analysé votre shortcode vous pouvez modifier les paramètres et les valeurs selon les
normes. Première partie de la description de shortcode est l'information générale qui contient principale balise
shortcode, catégorie qui indique où votre shortcode sera affiché dans le menu de l'élément (par défaut "Mon
Shortcodes") et la description.
Si votre shortcode possède une partie de contenu, vous devez l'activer en cochant Inclure le contenu dans le
shortcode. Cela déclenchera paramètre d’ajout automatique de contenu dans la liste des paramètres.
Dans les paramètres de ShortCode vous pouvez contrôler tous les paramètres de votre shortcode ajouté, modifier,
réorganiser ou supprimer si vous ne voulez pas que vos clients utilisent certains des paramètres.
Chacun des paramètres contient « param name » qui est le nom réel du paramètre en fonction de
la syntaxe. « Heading », est utilisé comme un titre dans la fenêtre de votre élément de shortcode. « Type de
champ » - champ de texte, liste déroulante, zone de texte ou cachée- en fonction de vos besoins.
Remarque: type de champ caché signifie que ce champ ne sera pas affiché dans la fenêtre Paramètres et utilisera
la valeur par défaut.
La valeur par défaut, si vous avez besoin de la description qui sera affichée sous le champ dans la fenêtre de votre
élément de shortcode.
Grille Builder A partir de la version 4.4 Visual Composer intègre grille Builder il permet de créer et de modifier des modèles
d'éléments de grille pour Post Grid, Masonry Post Grid, Media Grid and Masonry Media Grid.. Grille Builder peut être
consulté via WordPress admin "Grid Elements".
Interface Top Menu Bar
Grille Builder dispose d'une interface de Visual Composer native avec la barre supérieure du menu principal qui se
compose des contrôles suivants:
Template bloc de grille - permet de choisir l’un des modèles prédéfinis d'éléments de grille en tant que point
de départ pour la création de nouveaux éléments de grille. Remarque: le choix du modèle remplacera
la mise en page créée.
Paramètre de la grille d’Élément - Design Options - norme Visual Composer le module Design Options
affecte tous les éléments de la grille.
Presets d'animation (déroulantes) - par défaut réglé sur "Single block" qui signifie qu'il n'y a pas d’état
"Hover" pour votre élément de grille. Sélection d’animation prédéfinie ajoute l’onglet "Hover", à côté de
l’onglet "Normal" dans la mise en page grille Builder.
Aperçu et options d’enregistrement.
Construction de Mise en page et Zones
Grille Builder a une mise en page Visual Composer de style Backend avec des blocs définis:
Zone "Normal" - partie principale. Cette zone se compose de 3 (trois) lignes qui peuvent être divisés en
plusieurs colonnes.
Zone "Hover" - similaire à la zone «normale», mais définit la mise en page sur l’état
"Hover". Remarque: cette zone est visible uniquement si "Animation preset" est sélectionné différent de
"Single block". Selon l’animation choisie la zone "Hover" peut apparaître au-dessus de la zone "Normal",
remplacer "Normal" ou remplacer en partie la zone "Normal".
Zone "Supplémentaires" - la zone supplémentaire sont situés autour des zones "Hover" "Normal"
et. Remarque: la zone "supplémentaires" ne peut pas être animée avec "Presets d'animation" et une seule
zone "supplémentaire" peut être ajoutée.
Paramètres Grille Builder a des options de style et les paramètres des éléments suivants:
Paramètres grille d’éléemnts;
"Hover" et "Normal" les paramètres de la zone;
paramètres de colonne;
éléments de contenu.
Paramètres grille d’élément
nom Param Description
Options Design Contrôle des bordures, de fond et d'autres options de style
"Normal" et "Hover" Paramètres de zone
nom Param Description
mode de Hauteur Dimensionnement des proportions pour la hauteur et la largeur.
Remarque: Sélectionnez "Original" à l’échelle d’image sans recadrage
(Exemple: pour la grille de style masonry).
Ajouter le lien Sélectionnez l’option de liaison (Valeurs: lien article, image large,
image large (prettyPhoto), Personnalisé)
Remarque: Option supplémentaire "WooCommerce Ajouter au panier"
si le plugin WooCommerce est actif.
Utiliser l'image sélectionnée en image
de fond ? (Use featured image on
background?)
image en vedette écrase image de fond et couleur de fond de «options
design".
Nom supplémentaire de classe (Extra
class name)
Si vous souhaitez le style particulier élément de contenu différent, puis
utiliser ce champ pour ajouter un nom de classe et ensuite faire
référence dans votre fichier css.
Options Design Contrôle des bordures, de fond et d'autres options de style.
Paramètres de colonne
nom Param Description
Largeur Sélectionnez la largeur de colonne.
Utiliser l'image sélectionnée en image de
fond ? (Use featured image on
background?)
image de fond et image couleur en vedette écrase de «options de
conception".
Nom supplémentaire de classe (Extra
class name)
Si vous souhaitez un style particulier élément de contenu différent,
puis utiliser ce champ pour ajouter un nom de classe et ensuite faire
référence dans votre fichier css.+
Options Design Contrôle des bordures, de fond et d'autres options de style.
Éléments de contenu Grille Builder offre des éléments de contenu qui peuvent être utilisés pour construire votre modèle d'élément de
grille et également le style.
Bloc de texte
"Bloc de texte" permet d'insérer le type de paragraphe texte et le format à l'aide de l'éditeur
WYSIWYG. En outre bloc de texte permet d'ajouter des médias (images et vidéos).
nom Param La description
Texte éditeur WYSIWYG pour insérer le contenu.
Animations CSS Sélectionnez le type d'animation si vous voulez cet élément à être animé quand
il entre dans les navigateurs viewport. Note: Fonctionne uniquement dans les
navigateurs modernes.
Nom supplémentaire de
classe (Extra class name)
Ajouter un nom de classe afin de se référer à cet élément en CSS.
Options Design Contrôle des bordures, de fond et d’autres options de style.
Séparateur
"Séparateur" ajoute une la ligne de séparation à votre page.
nom Param La description
Couleur couleur de séparation.
Alignement de l’élément
séparation
Sélectionner l’alignement du séparateur.
Style style Séparateur.
Largeur de la bordure Largeur de la bordure en pixels.
largeur Elément largeur de l'élément Séparateur en pourcents.
nom Param La description
Nom supplémentaire de
classe (Extra class name)
Si vous souhaitez le style particulier élément de contenu différent, puis utiliser
ce champ pour ajouter un nom de classe et ensuite faire référence dans votre
fichier css.
Options Design Contrôle des bordures, de fond et d’autres options de style.
Séparateur avec texte
"Séparateur avec texte" ajoute une la ligne de séparation à votre page avec un texte qui peut être
positionné au centre, à gauche ou à droite de la ligne.
nom Param Description
Titre Titre de séparateur.
position de titre Sélectionnez l'emplacement du titre.
Couleur couleur de séparation.
Alignement de l’élément
séparation
Sélectionner l’alignement du séparateur.
Style Séparateur de style.
Largeur de la bordure Largeur de la bordure en pixels.
largeur Elément Séparateur largeur de l'élément en pourcents.
Nom supplémentaire de
classe (Extra class name)
Si vous souhaitez le style particulier élément de contenu différent, puis utiliser
ce champ pour ajouter un nom de classe et ensuite faire référence dans votre
fichier css.
Options Design Contrôle des bordures, de fond et d’autres options de style.
Icône
Avec Visual Composer, vous pouvez facilement ajouter des icônes à partir des bibliothèques suivantes:
Font Awesome
Open icons
Typicons
Entype
Linecons
nom Param Description
Ajouter le lien Sélectionnez l’option de lien.
Remarque: Option supplémentaire "WooCommerce Ajouter au panier" si le
plugin WooCommerce est actif
bibliothèque d'icônes Sélectionnez la bibliothèque d'icônes.
Icône Sélectionnez l'icône de la bibliothèque.
Couleur Couleur de l'icône.
forme d'arrière-plan forme d'arrière-plan pour l'icône.
Couleur de fond Choisir la couleur pour la forme d'arrière-plan.
Remarque: Choisir la couleur personnalisée pour se faire utiliser le sélecteur
de couleur
Taille Taille de l'icône.
alignement des icônes Sélectionnez l'alignement de l'icône.
URL (lien) Ajouter un lien à l'icône.
Animations CSS Sélectionnez le type d'animation si vous voulez cet élément à être animé quand il
entre dans les navigateurs viewport. Note: Fonctionne uniquement dans les
navigateurs modernes.
Nom supplémentaire de
classe (Extra class name)
Si vous souhaitez le style particulier élément de contenu différent, puis utiliser ce
champ pour ajouter un nom de classe et ensuite faire référence dans votre
fichier css.
Options Design Contrôle des bordures, de fond et d’autres options de style.
image unique
Ajouter image simple à votre disposition et le style. Ajouter animation CSS ou appliquer les options de
conception.
nom Param Description
Ajouter le lien Sélectionnez l' option de lien.
Remarque: Option supplémentaire "Woo Commerce Ajouter au panier" si Woo
Commerce plugin est actif
titre Widget Entrez le texte qui sera utilisé comme widget titre. Laissez vide si aucun titre est
nécessaire.
Source de l'image source Media Library (par défaut) ou un lien externe image
Image Sélectionner une image de la bibliothèque multimédia
Lien externe Entrez lien externe à l' image.
Remarque: disponible si "Lien externe" est choisi parmi "Source de l' image"
CSS Animations Sélectionnez le type d'animation si vous voulez cet élément à être animé quand il
entre dans les navigateurs viewport. Note: Fonctionne uniquement dans les
navigateurs modernes.
Taille de l'image Entrez la taille de l'image. Exemple: "miniature", "moyen", "grand", "plein" ou
d'autres tailles définies par thème actuel. entrez Alternativement taille de l'image en
pixels: 200x100 (largeur x hauteur). Laisser vide pour utiliser la taille "miniature".
Alignement de l'image alignement de l'image Sélectionner.
le style d'image Sélectionnez le style d'affichage.
Nom supplémentaire de
classe (Extra class name)
Si vous souhaitez le style particulier d’un élément de contenu différent, puis utiliser
ce champ pour ajouter un nom de classe et ensuite faire référence dans votre fichier
css.
Options Design Contrôle des bordures, de fond et d’autres options de style.
Bouton
Ajouter un bouton avec plusieurs couleurs et style options.
nom Param Description
Ajouter le lien Sélectionnez l’option de lien.
Remarque: Option supplémentaire "WooCommerce Ajouter au panier" si
le plugin WooCommerce est actif
Texte Texte qui apparaîtra sur le bouton
Style Sélectionnez le style d'affichage du bouton
Forme Sélectionnez la forme du bouton
Couleur Choisir la couleur du bouton
Note: Disponible si "Style" n’est pas personnaliser
Couleur de fond Choisir la couleur pour le fond du bouton avec le sélecteur de couleur
Note: Disponible si "Style" est réglé sur personnaliser
Couleur du texte Choisir la couleur pour le texte sur le bouton avec le sélecteur de couleur
Note: Disponible si "Style" est réglé sur personnaliser
Taille Sélectionnez la taille d'affichage du bouton
Alignement Sélectionner l’alignement du bouton
Réglez le bouton en pleine largeur? Réglez le bouton à la pleine largeur à l'intérieur de la colonne
Note: Disponible si "Alignement" n’est pas sur "Inline"
Ajouter icône? Ajouter une icône pour le bouton depuis la bibliothèque
d'icônes. Contrôle de l’alignement de l'icône
CSS Animations Ajouter une animation à votre élément
Nom supplémentaire de classe
(Extra class name)
Ajouter nom de classe afin de se référer à cet élément en CSS
Options Design Contrôle des bordures, de fond et d’autres options de style.
Rubrique personnalisée
Créer une rubrique personnalisé avec Google Fonts, choisissez l'une des polices prédéfinies et appliquer
le style.
Important: Si vous utilisez des caractères non latins assurez-vous de les activer sous Paramètres / Visual
Composer Réglages / Général.
nom Param Description
Ajouter le lien Sélectionnez l’option de lien.
Remarque: Option supplémentaire "WooCommerce Ajouter au panier" si le
plugin WooCommerce est actif
Texte Si vous utilisez des caractères non latins assurez-vous de les activer sous
Paramètres / Visual Composer / Paramètres généraux.
élément tag Sélectionnez la balise d'élément.
Alignement du texte Sélectionnez l'alignement du texte.
Taille de police Entrez la taille de police.
Hauteur de la ligne Entrez la hauteur de ligne.
Couleur du texte Choisir la couleur pour votre élément.
Utiliser le thème famille de
polices par défaut
Utilisez la famille de polices du thème.
Famille de polices Sélectionnez la famille de polices.
Le style de police Sélectionnez un style de police.
Nom supplémentaire de
classe (Extra class name)
Si vous souhaitez le style particulier d’un élément de contenu différent, puis
utiliser ce champ pour ajouter un nom de classe et ensuite faire référence dans
votre fichier css.
Options Design Contrôle des bordures, de fond et d’autres options de style..
Espace libre
Insérer un espace vide entre les éléments avec une hauteur personnalisée.
nom Param Description
la taille Entrez vide hauteur de l'espace.
Nom supplémentaire de
classe (Extra class name)
Si vous souhaitez le style particulier d’un élément de contenu différent, puis
utiliser ce champ pour ajouter un nom de classe et ensuite faire référence dans
votre fichier css.
nom Param Description
Options Design Contrôle des bordures, de fond et d’autres options de style.
Titre de l'article
Ajoute le titre de l’article, de la page ou de poste personnalisé. Dans le cas de la grille de médias, il va
ajouter un titre de médias.
nom Param Description
Ajouter le lien Sélectionnez l’option de lien.
Remarque: Option supplémentaire "WooCommerce Ajouter au panier" si le
plugin WooCommerce est actif
élément tag Sélectionnez balise d'élément.
Alignement du texte Sélectionnez l'alignement du texte.
Utiliser des polices
personnalisées?
Activer les polices Google. : Remarque active l’onglet "polices personnalisées"
Nom supplémentaire de
classe (Extra class name)
Si vous souhaitez le style particulier d’un élément de contenu différent, puis
utiliser ce champ pour ajouter un nom de classe et ensuite faire référence dans
votre fichier css.
Options Design Contrôle des bordures, de fond et d’autres options de style.
Extrait de l’article
Ajoute l’extrait de l’article, de la page ou de poste personnalisé. Dans le cas de la grille de médias, il va
ajouter Description des médias.
nom Param Description
Ajouter le lien Sélectionnez l’option de lien.
Remarque: Option supplémentaire "WooCommerce Ajouter au panier" si le
plugin WooCommerce est actif
élément tag Sélectionnez balise d'élément.
nom Param Description
Alignement du texte Sélectionnez l'alignement du texte.
Utiliser des polices
personnalisées?
Activer les polices Google. : Remarque active l’onglet "polices personnalisées"
Nom supplémentaire de
classe (Extra class name)
Si vous souhaitez le style particulier d’un élément de contenu différent, puis
utiliser ce champ pour ajouter un nom de classe et ensuite faire référence dans
votre fichier css.
Options Design Contrôle des bordures, de fond et d’autres options de style..
Date d’article
Cet élément ajoute des données de l’article à votre modèle d'élément de grille.
nom Param Description
Ajouter le lien Sélectionnez l’option de lien.
Remarque: Option supplémentaire «WooCommerce Ajouter au panier» si le
plugin WooCommerce est actif
élément tag Sélectionnez balise d'élément.
Alignement du texte Sélectionnez l'alignement du texte.
Utiliser des polices
personnalisées?
Activer les polices Google. : Remarque onglet permet "polices personnalisées"
Nom supplémentaire de
classe (Extra class name)
Si vous souhaitez le style particulier d’un élément de contenu différent, puis
utiliser ce champ pour ajouter un nom de classe et ensuite faire référence dans
votre fichier css.
Options Design Contrôle des bordures, de fond et d’autres options de style.
Message Auteur
Cet élément ajoute le message de l’auteur à votre modèle d'élément de grille.
nom Param Description
Ajouter le lien Sélectionnez l’option de lien.
Remarque: Option supplémentaire «WooCommerce Ajouter au panier» si le
plugin WooCommerce est actif
élément tag Sélectionnez ka balise d'élément.
Alignement du texte Sélectionnez l'alignement du texte.
Utiliser des polices
personnalisées?
Activer les polices Google. : Remarque active l’onglet "polices personnalisées"
Nom supplémentaire de
classe (Extra class name)
Si vous souhaitez le style particulier d’un élément de contenu différent, puis
utiliser ce champ pour ajouter un nom de classe et ensuite faire référence dans
votre fichier css.
Options Design Contrôle des bordures, de fond et d’autres options de style..
Catégories d’article
Cet élément ajoute la catégorie d’article à votre modèle d'élément de grille.
nom Param Description
Ajouter le lien Sélectionnez l’option de lien.
Remarque: Option supplémentaire «WooCommerce Ajouter au panier» si le
plugin WooCommerce est actif
Style Sélectionnez la catégorie style d'affichage: Virgule, Arrondi, etc.
Couleur Choisir la couleur d'affichage catégorie de style.
Remarque: Actif si le style est différent de None ou Virgule.
Catégorie taille Sélectionnez la taille de la catégorie d’affichage.
Nom supplémentaire de
classe (Extra class name)
Si vous souhaitez un style particulier d’un élément de contenu différent, puis
utiliser ce champ pour ajouter un nom de classe et ensuite faire référence dans
votre fichier css.
Options Design Contrôle des bordures, de fond et d’autres options de style.
Image d’article
Cet élément permet d'ajouter "image en vedette».
nom Param Description
Ajouter le lien Sélectionnez l’option de lien.
Remarque: Option supplémentaire «WooCommerce Ajouter au panier» si le
plugin WooCommerce est actif
Alignement du texte Sélectionnez l'alignement.
Nom supplémentaire de
classe (Extra class name)
Si vous souhaitez un style particulier d’un élément de contenu différent, puis
utiliser ce champ pour ajouter un nom de classe et ensuite faire référence dans
votre fichier css.
Options Design Contrôle des bordures, de fond et d’autres options de style..
Les champs personnalisés
Aide à récupérer des données personnalisées à partir des valeurs méta des types d’articles ou d’articles
personnalisé.
nom Param Description
nom de clé Champ nom de domaine personnalisé pour récupérer la valeur des métadonnées.
Étiquette Entrez l'étiquette à afficher avant la valeur de clé.
Aligner Sélectionnez l'alignement.
Nom supplémentaire de
classe (Extra class name)
Si vous souhaitez un style particulier d’un élément de contenu différent, puis
utiliser ce champ pour ajouter un nom de classe et ensuite faire référence dans
votre fichier css.
Woo Elements
Si vous avez WooCommerce installé sur votre site WordPress vous verrez la liste des éléments Woo
disponibles pour une utilisation dans votre modèle de grille.
Remarque: Il ajoutera également la possibilité de choisir "Ajouter au panier" dans les paramètres de
liaison d'éléments raccordables.
Avancée des champs personnalisés
Si vous avez Advanced Custom Fields installé sur votre site WordPress - vous verrez élément ACF
disponible pour une utilisation dans votre modèle de grille. En utilisant cet élément vous pouvez vous
référer au champ personnalisé spécifique.
Voyez comment il est facile de créer l'élément d’un modèle de grille à partir de zéro en utilisant Visual Composer
Grille Builder.
Voir la vidéo : https://www.youtube.com/watch?v=sBvEiIL6Blo
Filtres d'image il est possible d'ajouter des filtres à des éléments d'image au sein de Visual Composer depuis la bibliothèque de
médias. Il y a actuellement des filtres 20+ d'image disponibles pour une utilisation dans un élément Visual Composer
qui utilise la bibliothèque multimédia comme source pour l'affichage de l'image.
Remarque: les filtres d'image ne remplacent pas l’image d’origine au lieu de faire la duplication de l'image originale
et l’application de filtre à elle.
Ajout de filtre d'image
Pour insérer filtre d'image:
1) Accéder à la Bibliothèque multimédia à travers Visual
Composer
2) Choisissez l'image existante ou télécharger un nouveau
3) Avec l'image sélectionnée choisissez le Filtre d'image que
vous souhaitez appliquer la section "Attachment Détail" de la
bibliothèque multimédia dans (Voir capture d'écran)
4) Ajouter une image en cliquant le bouton "Set Image"
Remarque: Les grandes images peuvent prendre du temps pour
appliquer les filtres.
Filtre d'image Ajout - Tutorial Vidéo
Dans la vidéo ci-dessous vous pouvez voir comment vous pouvez ajouter rapidement les filtres d'image à votre page
WordPress en appliquant le filtre à une seule image.
Voir la vidéo : https://youtu.be/-W8JI4BpIe8
Presets
A partir de la version 4.7 de Visual Composer, il est possible de contrôler l'état des paramètres de l'élément par
défaut en définissant les préréglages et la mise en préréglage par défaut. Le réglage de l’Elément préréglé par défaut
chargera automatiquement les paramètres de chaque élément au contenu sélectionné.
Elément prédéfinis sont situés dans la fenêtre des paramètres sous l'icône "engrenage".
Créer un élément Preset Afin de créer un nouvel élément prédéfini:
1) Ouvrez la fenêtre paramètre élément et renseigner les paramètres désirés
2) Ouvrir « Element Preset controls »
3) Choisissez "Enregistrer sous preset"
4) Entrez le nom prédéfini et sauvegarder
Appliquer Element Preset
Pour appliquer l'élément préréglé:
1) Ouvrir la fenêtre des paramètres de l'élément et aller dans Element Preset controls
2) Sélectionnez dans la liste l’élément préréglée que vous souhaitez utiliser
3) Fenêtre de paramètres Element va changer les valeurs des paramètres à celles définies dans le modèle préréglée
Changer les préréglages par défaut
Pour changer de préréglage par défaut:
1) Ouvrir la fenêtre des paramètres de l'élément ouvert et et aller dans Element Preset controls
2) Choisir un préréglage
3) Ouvrir Element Preset controls à nouveau et choisissez "Définir par défaut"
Remarque: Si vous ne disposez pas d'un Preset choisi ou apporté des modifications, cliquez sur Enregistrer comme
prédéfini instantanément et il offrira pour sauver le choix actuel de présélection. Visual Composer définit
automatiquement ce préréglage par défaut
Restore Default Preset
Afin de restaurer Visual Composer par défaut:
1) la fenêtre des paramètres de l'élément ouvert et Element Preset contrôles
2) Sélectionnez "Paramètres par défaut"
Supprimer l'élément Preset
Pour supprimer preset:
1) la fenêtre des paramètres de l'élément ouvert et Element Preset contrôles
2) Placez votre curseur sur le nom prédéfini
3) Supprimer icône apparaîtra sur le côté droit de titre prédéfini
4) Cliquez sur l'icône pour supprimer complètement supprimer preset
Remarque: Si l’élément préréglé a été réglé par défaut - visuels par défaut Composer pour l’élément sera mis en
Tutorial Video Presets Element
Voyez comment il est facile de créer et d'appliquer des préréglages d'éléments dans notre tutoriel vidéo.