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 sm=1 md=2 lg=3]
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