Intégrer une galerie d’images dans Simple Long Form

Intégrer une galerie d’images dans Simple Long Form

Intégrer une galerie d’images dans Simple Long Form

Laurence
27 septembre 2015
The new release of the plugin includes two types of image gallery, coming from Bootstrap. * La version 0.8.6 propose deux types de galeries, héritées de Bootstrap. Mode d’emploi.

Deux options de galerie sont désormais disponibles : en mode popup (par défaut) ou en mode slider. Two gallery options are now available:  popup mode (default) or slider mode.

Popup & slider: tuto express (fr)

1. Galerie pop-up

1) Pour ajouter une galerie, cliquer sur « Ajouter un média », puis choisir « Créer une galerie » dans le file manager.

Simple Long Form Gallery

2) Pour afficher la description de votre image dans la galerie, il faut impérativement remplir le champ « Texte alternatif » au moment de l’insertion de votre image. Peu importe le nombre de colonnes, la mise en page (par 4 images) s’effectue automatiquement.

Simple Long Form Gallery

3) Cliquez sur « Créer une nouvelle galerie ». Un nouvel écran apparaît, vérifiez les réglages suivants avant de valider avec le bouton « Insérer la galerie »

→ Lier à : « Aucun »

→ Taille : « Simple Long Form »

4) Il est possible d’intégrer autant de galeries pop-up que l’on souhaite dans un #longform

2. Slider

1) Pour afficher la description de votre image dans un bandeau superposé sur votre slider, il faut impérativement remplir le champ « Légende » de l’image.

2) Cliquez sur « Créer une nouvelle galerie ». Un nouvel écran apparaît, vérifiez les réglages suivants avant de valider le bouton « Insérer la galerie ».

→ Lier à : « Aucun »

Taille : « Simple Long Form »

3) Une petite manipulation s’impose pour activer votre slider. Basculez en mode « texte » dans l’éditeur visuel. Il faut y remplacer le terme « gallery » dans le shortocode par « slider ».

Simple Long Form Gallery

4) Pour l’instant, un seul slider est pris en charge par #longform. Il s’agit d’une limitation momentanée.

Galeries externes

L’intégration de l’éditeur WYSIWYG de WordPress permet de copier-coller du code provenant de sites tiers.

Popup & slider: tuto express (en)

1. Popup gallery

1) To add an image gallery, click on « Add media » then choose « Create gallery » in the media file manager.

Simple Long Form Gallery

2) To display your image’s description, it is important to complete the « Alt text » field when inserting your image. No matter the number of columns, the layout (with 4 images) will be displayed automatically.

Simple Long Form Gallery

3) Click on « Create a new gallery. » In the new window, check the following settings before confirming with the « Insert the gallery » button

Link To: « None »

Size: « Simple Long Form »

4) It is possible to integrate as many popup galleries that you wish in the same #longform.

2. Slider gallery

1)  To display your image’s description in a bunk banner on your slider, it is important to fill in the « Caption » field.

2) Click on « Create a new gallery. » In the new window, check the following settings before confirming with the « Insert the gallery » button

Link To: « None »

Size: « Simple Long Form »

3) One more manipulation is required to activate your slider. Switch to « text » mode in the visual editor. Replace the term « gallery » in the shortocode by « slider ».

Simple Long Form Gallery

4) For now, only one slider is supported in each #longform. This is a temporary limitation.

See sample above

External gallery

The WP WYSIWYG editor permits to copy and paste the code from third party websites.

Télécharger * Download

Télécharger Simple Long Form

Download Simple Long Form