Boutons

Voici une description, des exemples, le code généré et les paramètres à votre disposition des boutons de l’extension »easy shortcode management ». Chaque bouton étant par définition cliquable ils permettent de rendre les liens plus lisibles et surtout plus accessibles sur tablette

Le bouton de couleur

Vous permet de créer des boutons couleurs contenu du texte, du texte et icônes, ou des icônes uniquement.

Code généré

[button_color_esm size="large" link="#" target="self" color="dark-blue"][icon_esm style="fullscreen" color="00d39e" format="icon-3x" ]
[icon_esm style="fullscreen" color="00d39e" format="icon-3x" ]
Un bouton avec une icône
[/button_color_esm]

Paramètres

Attributs Description Valeurs
size Format du bouton small, medium, large
link Url de la page de destination http:// ou # si redirection sur la même page
target Ouverture du lien dans une nouvelle page ou non « self » (sur la page en cours), « blank » (dans un nouvel onglet)
color Couleur du bouton black, dark-blue, blue, cyan, green, pink, dark-red, red, orange, yellow, white
icône Il s’agit d’un shortcode proposé par Easy Shortcode Manager Demo du shortcode icône

Le bouton habillé

Vous permet des créer des boutons avec de multiples possibilités de taille, style, couleur et bords arrondis ou non.

Ces boutons sont habillés spécialement dans la charte graphique de nos clients MBA.

Code généré

[button_effet_esm link="#" icon="http://wordpress.mba-multimedia.com/wp-content/uploads/2013/06/027.png,027" size="12" color="#FF329A" style="1" dark="1" radius="20" target="self"]
style 1
[/button_effet_esm]

Paramètres

Attributs Description Valeurs
link Url de la page de destination http:// ou # si redirection sur la même page
target Ouverture du lien dans une nouvelle page ou non « self » (sur la page en cours), « blank » (dans un nouvel onglet)
icon Url de l’image http://
size Format du bouton de 1 à 12
color Couleur de fond hexadécimal
style Référence 1 (effet glossy), 2 (biseauté), 3(effet bulle), 4(grain), 5(bordure pointillé)
dark Texte noir ou blanc 1 (noir) , 0 (blanc)
radius Bordure arrondie un entier
target Ouverture du lien dans une nouvelle page ou non « self » (sur la page en cours), « blank » (dans un nouvel onglet)

Le bouton lightbox

Vous permet de créer des boutons couleur qui ouvrent une light box (fenêtre en opacité par dessus votre site, plus intégré qu’une pop up) avec le contenu de votre choix.

Code généré

[modal_esm align="right" size="small" color="dark-red" title="Bouton n°3"]

Contenu du bouton n°3

[/modal_esm]

Paramètres

Attributs Description Valeurs
align Alignement du bouton left, center, right
size Format du bouton small, medium, large
color Couleur de fond black, dark-blue, blue, cyan, green, pink, dark-red, red, orange, yellow, white
title Titre du bouton texte