demo page – ne pas supprimer – AP

Lien effet fancybox :

• test avec une image
• test avec page externe

Pour faire un effet « lightbox » il faut rajouter une classe CSS « fancybox » à un lien :<a href="..." class="fancybox"> Pour cela il faut basculer l’éditeur HTML en mode « code source ».   pop-up vers une page : Mettre la classe ajaxlink dans le lien Exemple sur page WordPress :   Créer un bouton : Utiliser la classe dans le code source

btn btn-inverse btn-xs 

Exemple :

Test AP

Créer un accordéon : via extension « bootstrap » 3ème icone de la 3ème ligne des options de l’éditeur.

Un exemple de galerie (bouton « Ajouter un média »> »Créer une galerie »)

Un « shortcode » pour générer un slideshow

1) Utilisez le gestionnaire de création de galerie – 2) afficher le code HTML (onglet « texte » à droite de la zone d’édition) – 3) copier le shortcode généré – 4) remplacez « gallery » par « flexslider » (exemple ci-dessous)

SHORT CODE POUR CREER UN BLOC

Trois paramètres : type, id, class Type : pour sélectionner le type de contenu à afficher (post, page, formation) Id :  la référence unique du contenu à afficher. Trois class de couleur « magenta », « jaune », « vert ». Par defaut le bloc sera bleu. 

TEST

titre h2

titre h3

titre h4

Titre h5

Les tableaux

 Par défaut, un tableau n’a pas de style prédéfinie. Pour modifier l’apparence d’un tableau il faut lui rajouter la class « table » puis un second style comme « table-striped » comme ci-dessous

Tout les styles de tableaux sont disponible ici : http://getbootstrap.com/css/#tables