Sommaire

Joomla! et Bootstrap SITES CRÉÉS AVEC BOOTSTRAP:Joomla!

1. L’administration de Joomla!

Joomla! est un CMS très populaire et très utilisé. Depuis sa version 3, Joomla! a adopté Bootstrap dans son interface d’administration. Dans tous les écrans de l’administration, vous allez retrouver des éléments et des composants Bootstrap.

Voici l’écran du panneau d’administration de Joomla! 3.2.

images/C16-032.png

Pour le message d’information affiché en haut, c’est le composant Alerts qui est utilisé avec les classes .alert et .alert-information.

images/C16-033.png

La liste des articles populaires est un tableau en lignes alternées. Le nombre d’articles est inséré dans le composant Badge.

images/C16-034.png

Dans la liste des articles publiés, nous avons un tableau en lignes alternées. Pour les boutons de gestion des statuts, c’est le composant Button group qui est utilisé avec la classe .btn-Group.

images/C16-035.png

Dans la rédaction d’un nouvel article, c’est le composant Nav Tabs qui est utilisé :

images/C16-036.png

Dans le paramétrage des templates, c’est le composant Input group qui est utilisé :

images/C16-037.png

Nous pourrions multiplier les exemples, mais vous venez de le voir, toute l’interface de Joomla! est faite avec Bootstrap.

Notez pour terminer que l’interface de Joomla! est disposée sur la grille adaptative de Bootstrap, elle va donc adapter son affichage selon la taille des écrans.

Voici l’écran d’accueil vu dans ...