Skip to content

Thème de la BOEW

Jump to bottom Edit New page
pjackson28 edited this page Sep 2, 2013 · 7 revisions

english

Le thème de la BOEW a été créé pour donner un exemple d'implémentation du thème base.

Table of Contents

Vue d’ensemble

Chef du projet : Chad Farquharson (@cfarquharson)

Description

Le thème de la BOEW à été créé pour conformer aux principes de la Norme sur la facilité des sites Web.

Avantages

  • Les premières tâches ont été essayées avec les utilisateurs : contactez-nous, la recherche, retourner à la page d'accueil, à propos de nous, rester connexes par les médias sociaux, naviguer le site, lire les avis, et basculer la langue officielle de choix.
  • Conformes à la Norme sur l'accessibilité des sites Web et la Norme sur la facilité d'emploi des sites Web
  • Conformes à WCAG 2.0 AA
  • Conception réactive avec le soutien pour les appareils mobiles et les ordinateurs de table
  • Recours aux balises sémantiques HTML5 et à la spécification WAI-ARIA pour accroître l’accessibilité
  • Regroupe le gros de la navigation sous le domaine du contenu
  • Conformité aux critères HTML5 et XML

Utilisation recommandée

  • Fournir la couche de présentation pour les pages Web

Quand utiliser

  • Ce thème peut être utilisé pour construire des thèmes supplémentaires pour la Boîte à outils de l'expérience Web.

Quand ne pas utiliser

  • Ce thème ne devrait pas être utilisé sans modification. Il devrait être utilisé seulement comme un modèle pour un autre thème.

Apparence

Le thème adapte la BOEW pour l'usage sur les autres sites.

Contenu

Le contenu devrait se fixer sur les premières tâches des utilisateurs. Les utilisateurs ont tendance à naviguer par le zone de contenu premier et les menus deuxième. Ils cherchent des mots-clés qui les aideront à rencontrer leur besoin d'informations. Écrire dans la voix active et les verbes d'usage. Les utilisateurs scruteront souvent les informations distinctes - comme les liens. Chaque lien doit être descriptif et représentatif du contenu à lequel il mène. Ceci est surtout prononcé quand les utilisateurs accèdent au site via un appareil mobile.

Implémentation

Instructions générales

  1. Utiliser \theme-wet-boew\*.html pour créer vos pages Web.
  2. Facultatif : Créer et installer un our plusieurs fichers CSS (pour le CSS personnalisé)
  3. Facultatif : Créer les liens aux nouveaux fichiers CSS entre les commentaires suivants :
< !-- CustomScriptsCSSStart -->
< !-- CustomScriptsCSSEnd -->
  1. Corriger les URLs des *.css, *.js et *.gif dans les fichiers *.html
  2. Remplacer le titre de la page (entre <title> et </title>,), le titre du site et le titre du contenu (entre <h1 id="wb-cont"> et </h1>)
  3. Remplacer les valeurs des métadonnées

Instructions spécifique à les pages de contenu (cont*.html)

  1. Corriger les liens de la barre de menu our éliminer la barre de menu
  2. Corriger les liens des mégamenus ou éliminer les mégamenus
  3. Corriger les liens English/français ou éliminer les liens de sélection de la langue
  4. Facultatif : Mettre en oeuvre navigation secondaire version 1 (trois niveaux maximum) ou navigation secondaire version 2 (quatre niveaux maximum)
  5. Corriger le titre du site
  6. Ajouter le titre du sous-site
  7. Corriger la zone de recherche ou éliminer la zone de recherche
  8. Corriger le fil d'Ariane ou éliminer le fil d'Ariane
  9. Corriger les liens dans le pied de page du site
  10. Corriger le valeur pour Date modified/Date de modification ou éliminer Date modified/Date de modification
  11. Facultatif : Fixer la barre de navigation d'en-tête mobile au sommet de la fenêtre d'affichage en ajoutant le suivant à settings.js : 
// Mobile view
var wet_boew_mobile_view = {
	header_fixed : true
};

Exemples

Développement

Le code pour le thème base se trouve dans plusieurs places dans le dossier source de la BOEW :

Problèmes connus

Historique des versions

Related Documentation

garbageFixer la barre de navigation d'en-tête mobile au sommet de la fenêtre d'affichage en ajoutant le suivant à settings.js : 
// Mobile view
var wet_boew_mobile_view = {
	header_fixed : true
};

Exemples

Développement

Le code pour le thème base se trouve dans plusieurs places dans le dossier source de la BOEW :

Problèmes connus

Historique des versions

Related Documentation

Add a custom footer
Add a custom sidebar
Clone this wiki locally