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 onglets

les shortcodes pour créer des onglets

Les shortcodes proposés dans l’éditeur de texte d’un site 6temFlex, permettent d’enrichir la mise en page de votre contenu en créant par exemple des onglets.

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

Créer des onglets

Accès aux shortcodes des onglets dans l'éditeur de texte

Grâce aux shortcodes, vous allez pouvoir créer 2, 3, 4 ou 5 onglets dans vos contenus textuels.

Remarque : cette mise en page est adaptée pour proposer plusieurs contenus équivalents ou complémentaires, tout en permettant un gain de place et de clarté de présentation.

Insertion du shortcode pour créer des onglets

Si vous cliquez sur le bouton Shortcodes puis sur Onglets et enfin sur 2 onglets, 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 :

ouvre d'abord le shortcode des onglets

ferme la partie qui contient les onglets

ouvre la partie qui va présenter le contenu des onglets

 ouvre la partie qui présente le contenu du 1er onglet

Contenu de l'onglet 1” représente le contenu du 1er onglet

ferme la partie qui présente le contenu du 1er onglet

 ouvre la partie qui présente le contenu du 2ème onglet

Contenu de l'onglet 2” représente le contenu du 2ème onglet

ferme la partie qui présente le contenu du 2ème onglet

ferme la partie qui présente le contenu des onglets

Enfin,

 ferme le shortcode des onglets

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 titres des onglets et les contenus (en gras dans l'explication ci-dessus) doivent être personnalisés.

Le principe est exactement le même pour les autres shortcodes des onglets.

Exemple d'utilisation

Nous allons créer 3 onglets. Le 1er contiendra un texte de Voltaire, le 2ème une galerie photo et le 3ème une vidéo.

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

Le contenu du texte
Les photos
Le player vidéo

Et voici le résultat !