Content system & Design system | Documentation

Bienvenue dans la documentation Homegrade

Vous trouverez ici une Liste de composants du design system Homegrade

Blocks de contenu Composants css

Block components

Blocks de contenu

Ces blocs sont accessibles depuis l'éditeur et peuvent être insérés de manières flexibles dans les pages de contenu

Content page header

content-page-header

Un header qui s'insère en haut de page

Options & Variantes

  • Call to action

    Ajout d'un lien juste après le contenu. Dans cet exemple "Voir l’équipe de direction de Homegrade"

Qui sommes-nous ?

Plus de 40 conseillers en rénovation

Homegrade, ce sont plus de 40 conseillers en rénovation en majorité architectes, mais également ingénieurs, historiens de l’art… en formation continue ! Ces experts de terrain vous fournissent des conseils avisés et professionnels.

Découvrez notre équipe de direction, composée de professionnels chevronnés qui guident notre asbl vers l’excellence.

Voir l’équipe de direction de Homegrade

Image Bannière

picture-banner

Pour insérer une image bannière fixe ou intégrale

Options & Variantes

  • Hauter

    Si fixe, la bannière est verticalement restreinte et il est alors possible de régler sa position verticale

">
">

CSS components

Composants CSS

Ces blocs existent dans le design système, mais sont utilisés de manière automatique dans les pages

Boutons

différent boutons

Bouton Primaire Bouton Secondaire Bouton Outline Bouton White Shadowed

Heading Box

Pour le titrage de pages. L'icone et le titre sont intégrées automatiquement depuis les informations de page

"Heading Box", "description" => "Bonjour ! je suis une belle boite de titrage", "pageIcon" => array( "url" => get_template_directory_uri() . "/resources/img/pictogrammes/pictogramme-formulaire.svg" ) )); ?>

News Heading Box

Pour le titrage de pages. L'icone et le titre sont intégrées automatiquement depuis les informations de page

array(get_term(88, "news_type")), "title" => "Boite de titrage News", "thumbnail" => get_the_post_thumbnail(2271, "full", array('class' => 'news-heading-box__thumbnail')), "published" => get_the_date() )); ?>

Chapter Header

Bloc Supérieur de titrage pour les fiches conseils. Les couleurs et les illustrations sont attribués automatiquement en fonction de la thématique courante. Le bouton de téléchargement de brochure est affiché automatiquement lorsque la brochure est disponible

"test", 'ID' => 1243, )); ?>