Aller au contenu

Widgets

Le systeme de widgets d’ArtisanCMS permet d’ajouter des elements de contenu dynamiques dans des zones predefinies de votre site, comme les barres laterales, les pieds de page ou des zones personnalisees.

Un widget est un petit composant autonome qui affiche un contenu specifique : liste des articles recents, categories, HTML personnalise, etc. Les widgets sont places dans des zones de widgets (widget areas) definies par le theme ou la configuration du site.

Le modele Widget represente un widget individuel. Ses attributs sont :

AttributDescription
titleTitre affiche au-dessus du widget (optionnel)
typeType de widget (recent_posts, categories, custom_html, etc.)
widget_area_idZone de widget dans laquelle il est place
settingsParametres specifiques au type de widget (JSON)
orderPosition du widget dans la zone
is_activeIndique si le widget est affiche

Le modele WidgetArea represente une zone ou les widgets peuvent etre places :

AttributDescription
nameNom de la zone (ex. “Barre laterale”, “Footer colonne 1”)
slugIdentifiant unique de la zone
descriptionDescription de l’emplacement de la zone
is_activeIndique si la zone est active

ArtisanCMS propose plusieurs zones de widgets par defaut :

ZoneEmplacement
sidebarBarre laterale des pages et articles
footer-1Premiere colonne du pied de page
footer-2Deuxieme colonne du pied de page
footer-3Troisieme colonne du pied de page

Les themes peuvent declarer des zones de widgets supplementaires en fonction de leur layout. Vous pouvez egalement creer des zones personnalisees depuis l’administration.

ArtisanCMS inclut plusieurs types de widgets natifs :

TypeDescription
Articles recentsAffiche les derniers articles publies avec titre et date
CategoriesListe des categories avec compteur d’articles
TagsNuage de tags ou liste de tags
HTML personnaliseContenu HTML libre pour tout type de contenu
TexteBloc de texte simple avec mise en forme basique
Menu de navigationAffiche un menu defini dans la gestion des menus
RechercheFormulaire de recherche du site
ImageAffiche une image avec lien optionnel

Chaque type de widget dispose de parametres specifiques. Par exemple, le widget “Articles recents” permet de configurer le nombre d’articles affiches et l’affichage ou non de la date.

Le WidgetController expose l’interface de gestion des widgets dans le panneau d’administration. Les fonctionnalites disponibles sont :

L’interface de gestion des widgets repose sur le glisser-deposer. Vous pouvez :

  • Ajouter un widget en le faisant glisser dans une zone
  • Reorganiser les widgets en modifiant leur ordre par glisser-deposer
  • Deplacer un widget d’une zone a une autre
  • Supprimer un widget en le retirant de sa zone

Chaque widget peut etre configure individuellement :

  1. Cliquez sur un widget pour ouvrir son panneau de configuration
  2. Modifiez le titre, les parametres specifiques au type et la visibilite
  3. Enregistrez les modifications

Depuis l’administration, vous pouvez :

  • Creer de nouvelles zones de widgets personnalisees
  • Renommer ou desactiver des zones existantes
  • Visualiser le contenu de chaque zone

Les zones de widgets sont rendues dans les layouts du theme via le composant dedie. Le systeme resout automatiquement les widgets actifs de chaque zone, les ordonne et genere le HTML correspondant.