Sélection de la langue

Recherche


Afficher la bande contextuelle et la bande sous pied de page sans les liens facultatifs

Le pied de page général (à l’échelle du site) situé au bas de chaque page Web contient jusqu’à 3 bandes :

Sur les pages transactionnelles et de campagne, la bande principale est facultative. Vous pouvez aussi omettre les liens Médias sociaux, Applications mobiles et À propos de Canada.ca de la bande sous pied de page.

Implémentation de référence

Code final attendu - Pied de page sans la bande principale et sans les liens facultatifs dans la bande sous pied de page
<footer id="wb-info">
	<h2 class="wb-inv">À propos de ce site</h2>
<div class="gc-contextual">
		<div class="container">
			<nav>
				<h3>[Bande du pied de page contextuel]</h3>
				<ul class="list-col-xs-1 list-col-sm-2 list-col-md-3"><li><a href="http://canada.ca/fr">Lien contextuel 1</a></li><li><a href="http://canada.ca/fr">Lien contextuel 2</a></li><li><a href="http://canada.ca/fr">Lien contextuel 3</a></li></ul>
			</nav>
		</div>
	</div>

	<div class="gc-sub-footer">
		<div class="container d-flex align-items-center">
			<nav>
				<h3 class="wb-inv">Organisation du gouvernement du Canada</h3>
				<ul>
					<li><a href="https://www.canada.ca/fr/transparence/avis.html">Avis</a></li>
					<li><a href="https://www.canada.ca/fr/transparence/confidentialite.html">Confidentialité</a></li></ul>
			</nav>
			<div class="wtrmrk align-self-end">
				<img src="https://wet-boew.github.io/themes-dist/GCWeb/GCWeb/assets/wmms-blk.svg" alt="Symbole du gouvernement du Canada" />
			</div>
		</div>
	</div>
</footer>

Pour le thème GCWeb-Jekyll

En définissant les variables noFooterMain et noFooterCorporate à « true », la bande principale et les liens optionnels de la bande sous pied de page seront masqués au chargement de la page.

Lignes directrices

Consultez le système de conception de Canada.ca pour savoir quels éléments de pied de page ou quelles implémentations adaptées utiliser en fonction du type de page que vous créez :

Détails de la page

Date de modification :