Mettre le contenu en Colonnes

Si besoin, on peut mettre le contenu sur plusieurs colonnes avec le shortcode [ ====]. Les colonnes sont séparées par un [==]

2 colonnes

input 
[====]
Première colonne
 [img "cat/cat1.jpg" "nice cat" ]
[==]
2ème colonne
 [img "cat/cat2.jpg" "nice cat" ]
[/====]
output

Première colonne

2ème colonne

3 colonnes

input 
[====]
Première colonne
 [img "cat/cat1.jpg" "nice cat" ]
[==]
2ème colonne
 [img "cat/cat2.jpg" "nice cat" ]
[==]
3ème colonne
 [img "cat/cat3.jpg" "nice cat" ]
[/====]
output

Première colonne

2ème colonne

3ème colonne

4 colonnes

input 
[====]
Première colonne
 [img "cat/cat1.jpg" "nice cat" ]
[==]
2ème colonne
 [img "cat/cat2.jpg" "nice cat" ]
[==]
3ème colonne
 [img "cat/cat3.jpg" "nice cat" ]
[==]
4ème colonne
 [img "cat/cat4.jpg" "nice cat" ]
[/====]
output

Première colonne

2ème colonne

3ème colonne

4ème colonne

Colonnes Avancées

Si nous voulons avoir 1 colonne sur les petits écrans, 2 colonnes sur les écrans moyens, 3 colonnes sur les grands écrans, nous pouvons utiliser ce qui suit :

input 
[cols]
Première Colonne. Ici nous avons du texte.
Et seulement du texte.
[col]
2ème image
 [img "cat/cat2.jpg" "nice cat" ]
[col]
3ème  Colonne. Ici nous avons du texte.
Et seulement du texte, comme dans la prmière colonne
[col]
4ème image
 [img "cat/cat4.jpg" "nice cat" ]
[col]
5ème image
 [img "cat/cat5.jpg" "nice cat" ]
[col]
6ème Colonne. Ici nous avons du texte.
Et seulement du texte, comme dans la prmière colonne
[/cols]
output

Première Colonne. Ici nous avons du texte.
Et seulement du texte.

2ème image

3ème Colonne. Ici nous avons du texte.
Et seulement du texte, comme dans la prmière colonne

4ème image

5ème image

6ème Colonne. Ici nous avons du texte.
Et seulement du texte, comme dans la prmière colonne