Documentation au sujet de la page de nouvelles
- Statut
- Stable
- Type
- Gabarit de Canada.ca
- Dernière revue
- 2024-09-13
- Est conforme à
- Spécifications du contenu et de l'architecture de l'information 3.0
- Spécification
- Pages de profil des ministres - Modèle obligatoire de Canada.ca
- Version du gabarit
- Version 3.0
- Instances disponibles
- https://www.canada.ca/fr/nouvelles.html
- https://www.canada.ca/en/news.html
Exemples pratiques
Liste des modifications
- Version 3.0 :
- Suppression de la section des promotions au haut de la page.
- Ajout d'un texte d'introduction à gauche de la section Suivez.
- Ajout d'une fonctionnalité aléatoire pour les trois éléments de la section En vedette.
- Mise à jour de l'URL du lien de recherche avancée.
Version précédente
- Version 2.0
- Gabarit de la page d'accueil des nouvelles - Version 2.0
Transition de la version 2.0 à la version 3.0
- Promotions :
- Supprimez la section des promotions en haut de la page.
- Ajoutez le texte d'introduction à gauche de la section « Suivez » et remplacez la classe
pull-right
partext-sm-right
sur le<div>
qui entoure la section « Suivez ». Voir l'exemple pratique pour le code HTML.
- En vedette :
- Ajoutez l'attribut
data-wb-randomize='{ "toggle": "hide" }'
à chaque élément<div class="col-lg-4 col-sm-6 hght-inhrt">
enveloppant les groupes de fonctionnalités. - Modifiez la balise HTML des fonctionnalités de
<div>
à<section>
- Ajoutez la classe
hide
aux éléments<section class="well well-sm eqht-trgt">
(éléments de fonctionnalité). - Au-dessus de l'élément
<div>
nouvellement créé, ajoutez un<ul class="nojs-show">
avec une liste des liens vers toutes les promotions contenues dans l'élément<div>
. Cette étape est nécessaire pour les utilisateurs de la version HTML de base.
- Ajoutez l'attribut
- Articles de nouvelles :
- Mettez à jour le lien de recherche avancée vers ce qui suit :
https://www.canada.ca/fr/nouvelles/recherche-avancée-nouvelles/resultats-nouvelles.html
- Mettez à jour le lien de recherche avancée vers ce qui suit :
Gabarit obsolète
À partir de la version 5.0.0 de GCWeb, les promotions utilisent la version 5.0 des promotions contextuelles. Le morceau de code suivant est donc obsolète.
<header>
...
</header>
<aside class="prm-flpr">
<div class="container">
<h2 class="wb-inv">Promotions</h2>
<div class="wb-tabs carousel-s2 show-thumbs playing slow">
<ul role="tablist">
<li class="active">
<a href="#tab1"><img src="./img/promos/1170x347-1.png" alt="><span class="wb-inv">Tab 1: Banff National Park</span></a>
</li>
<li>
<a href="#tab2"><img src="./img/promos/1170x347-2.png" alt="><span class="wb-inv">Tab 2: Algonquin Provincial Park</span></a>
</li>
<li>
<a href="#tab3"><img src="./img/promos/1170x347-3.png" alt="><span class="wb-inv">Tab 3: Rideau Canal</span></a>
</li>
</ul>
<div class="tabpanels">
<div role="tabpanel" id="tab1" class="in fade">
<a href="#" class="learnmore">
<figure>
<img src="./img/promos/1170x347-1.png" alt=">
<figcaption>
<p>Banff National Park </p>
</figcaption>
</figure>
</a>
</div>
<div role="tabpanel" id="tab2" class="out fade">
<a href="#" class="learnmore">
<figure>
<img src="./img/promos/1170x347-2.png" alt=">
<figcaption>
<p>Algonquin Provincial Park </p>
</figcaption>
</figure>
</a>
</div>
<div role="tabpanel" id="tab3" class="out fade">
<a href="#" class="learnmore">
<figure>
<img src="./img/promos/1170x347-3.png" alt=">
<figcaption>
<p>Rideau Canal </p>
</figcaption>
</figure>
</a>
</div>
</div>
</div>
</div>
</aside>
<main>
...
</main>
Raport et évaluation
Il n'y aucun raport ou évaluation disponible pour ce gabarit.
Détails de la page
- Date de modification :