FreeCom création de site internet wordpress gers, Auch, Tarbes, Toulouse, gers Création de sites web, Agence de communication Web & Print, Freecom - AGENCE WEB FREE COM Création de site internet Vitrine et E commerce Wordpress. Free Com webmaster Auch, Gers et Occitanie - réferencement local et naturel - visibilité sur le web (SEO)

les shortcodes pour créer des colonnes

les shortcodes pour créer des colonnes

Définition : Les shortcodes sont des balises de code pré-définies permettant d'insérer des éléments sur un site.

Les balises de code sont insérées dans l'éditeur de texte.

Les shortcodes proposés dans l'éditeur de texte , permettent d'enrichir la mise en page de votre contenu en créant par exemple des colonnes.

créer des shortcodes

Accès aux shortcodes des colonnes dans l’éditeur de texte

Pour insérer des colonnes, cliquez tout d'abord sur le bouton Shortcodes puis sélectionnez Colonnes parmi les différentes mises en page disponibles.

Vous pouvez alors créer différents types de colonnes :

2 colonnes de même largeur

3 colonnes de même largeur

4 colonnes de même largeur

2 colonnes, une sur un tiers et l'autre sur deux tiers

2 colonnes, une sur deux tiers et l'autre sur un tiers

Remarque : La mise en page par colonnes est adaptée pour des contenus se lisant colonne par colonne, et non pour faire correspondre du contenu horizontalement.

Insertion du shortcode

Si vous cliquez sur le bouton Shortcodes puis sur Colonnes et enfin sur 2 colonnes, le shortcode est alors automatiquement ajouté à l'endroit où votre curseur est positionné dans le contenu de l'éditeur de texte. Sa forme est la suivante :

Voici l’explication de sa construction du shrtcode :

  • ouvre le shortcode des colonnes.
  • ouvre ensuite la 1ère colonne dont la taille est “1demi”, soit la moitié de la page en largeur.
  • “Contenu de la colonne 1” représente le contenu de la 1ère colonne.
  • ferme enfin la 1ère colonne.
  • ouvre ensuite la 2ème colonne dont la taille est “1demi”, soit la moitié de la page en largeur.
  • “Contenu de la colonne 2” représente le contenu de la 2ème colonne.
  • ferme ensuite la 1ère colonne.
  • ferme le shortcode des colonnes.
  • Attention : pour qu’il fonctionne, les balises du shortcode ne doivent absolument pas être modifiées, ni changées de couleurs ou de style. Seuls les contenus doivent être personnalisés.

Le principe est exactement le même pour les autres shortcodes de colonnes.

Exemple d’utilisation

Nous allons créer 3 colonnes. La 1ère contiendra un texte de Voltaire, la 2ème une  photo et la 3ème une photo.

Le shortcode va donc se présenter de cette façon :

Et voici le résultat !

Tout d'abord, il y avait en Westphalie, dans le château de M. le baron de Thunder-ten-tronckh, un jeune garçon à qui la nature avait donné les moeurs les plus douces. Sa physionomie annonçait son âme. Il avait le jugement assez droit, avec l'esprit le plus simple ; c'est, je crois, pour cette raison qu'on le nommait Candide. Les anciens domestiques de la maison soupçonnaient qu'il était fils de la soeur de monsieur le baron et d'un bon et honnête gentilhomme du voisinage…

Voltaire, Candide.

Photo 1

Photo 2