Mise à jour : 18 mai 2015.

Il existe un bon moyen pour présenter ses références dans une seule page et par domaines d’intervention : l’extension Post UI Tabs. Ce plugin permet de présenter du contenu multiple via une navigation par onglets jQuery, comme vous pouvez le voir sur cette page test.

Télécharger Post UI Tabs (cette extension n’est plus maintenue, il est donc possible qu’il y ait un souci de compatibilité avec votre version de WordPress ou avec votre thème.)

Comme d’habitude vous téléchargez l’extension, vous la dézippez et vous l’activez.

Ensuite vous allez dans l’administration de votre blog, puis Réglages (où vous allez pouvoir paramétrer l’outil).

capture reglages Post UI Tabs

Vous allez pouvoir choisir votre habillage (25 styles sont disponibles) ou appliquer votre propre CSS (pour cela il faudra cocher l’élément Disables Skins).

Une fois ces réglages effectués, vous allez pouvoir intégrer votre contenu dans un article ou dans une page en plaçant ce code :

code Post UI Tabs

Il peut-être copié-collé via ce lien.

Ensuite vous n’avez plus qu’à nommer vos onglets (dans le champ Your tab name) et à insérer votre contenu (dans le champs Your tab content).

Pour ajouter un autre onglet, vous insérerez alors une autre ligne de code juste avant la balise de fermeture .

Voici un exemple de présentation :

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 

Lire aussi