• Créer les rubriques (pages parents) et les contenus (pages enfants) à partir des informations issues du site de Stendhal.
• Adapter le contenu d’origine au modèle éditorial de WordPress (pas d’onglet dans les pages = plusieurs pages)
• Créer les catégories d’actualités (catégories d’articles : mode blog).
• Adapter l’éditeur visuel à vos besoins en ajoutant des plugins pour TinyMCE : Ultimate TinyMCE.
• Ajouter un formulaire de contact (à partir du plugin Fast Secure Contact Form)
• Proposer titre et sous-titre pour le site (h1 et h2, Réglages>Général)

Choix retenu : Yoann

A insérer avant /* PRIMARY CONTENT */

Attention : il y a quelques répétitions. il est possible de réécrire tout ça de façon plus économe.

Veuillez mettre à jour les CSS sur votre WordPress local

/* MENU AUTOMATIQUE DE NAVIGATION WORDPRESS */
.menu-en-tete ul {
background:#000;
margin-bottom: 22px;
}

.menu-en-tete ul li.menu-item {
display: inline;
font-size:22px;
padding: 22px;
}

.menu-en-tete ul li.menu-item a {
display: block;
display: inline;
font-family:Arial;
text-decoration:none;
color:white;
line-height: 40px;
width: 100px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding: 22px 10px 7px;
border: 1px dotted #333;
border-bottom:none;
background: url(transp.png);
}

.menu-en-tete ul li.menu-item a:hover {
color:#F03;
background:white;
padding-top: 22px;
padding-bottom: 7px;
padding-left: 10px;
padding-right: 10px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.menu-en-tete ul li.menu-item a:java-script {
color:#F03;
background:white;
padding-top: 22px;
padding-bottom: 7px;
padding-left: 10px;
padding-right: 10px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.menu-en-tete ul li.current-menu-item a {
color:#F03;
background:white;
padding-top: 22px;
padding-bottom: 7px;
padding-left: 10px;
padding-right: 10px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

Source : http://colorschemedesigner.com/#5t41TvQq6w0w0
#####  Color Palette by Color Scheme Designer
#####  Palette URL: http://colorschemedesigner.com/#5t41TvQq6w0w0
#####  Color Space: RGB; 

*** Primary Color:

   var. 1 = #BF012D = rgb(191,1,45)
   var. 2 = #8F243D = rgb(143,36,61)
   var. 3 = #7C001D = rgb(124,0,29)
   var. 4 = #DF395F = rgb(223,57,95)
   var. 5 = #DF6581 = rgb(223,101,129)

*** Secondary Color A:
   var. 1 = #D04701 = rgb(208,71,1)
   var. 2 = #9C4F28 = rgb(156,79,40)
   var. 3 = #872E00 = rgb(135,46,0)
   var. 4 = #E7753B = rgb(231,117,59)
   var. 5 = #E79369 = rgb(231,147,105)

*** Secondary Color B:
   var. 1 = #018A5D = rgb(1,138,93)
   var. 2 = #1A684E = rgb(26,104,78)
   var. 3 = #005A3D = rgb(0,90,61)
   var. 4 = #32C595 = rgb(50,197,149)
   var. 5 = #59C5A1 = rgb(89,197,161)

*** Complementary Color:
   var. 1 = #44B601 = rgb(68,182,1)
   var. 2 = #488823 = rgb(72,136,35)
   var. 3 = #2C7600 = rgb(44,118,0)
   var. 4 = #74DA37 = rgb(116,218,55)
   var. 5 = #8FDA63 = rgb(143,218,99)

Le thème choisi au départ contenait trop d’erreurs (pas de traduction, incohérence dans le choix des fonctions, CSS compliqué, trop de div inutiles, etc.)

Nous développerons le site à partir d’un blank theme. Quelques indications :

• source : wordpress-naked (modifié)
• la version d’origine se trouve dans wp-content/themes
• version zippée pour installation automatique se trouve à cette adresse : licpro.zip
• langage : HTML5
• largeur du gabarit central, #canvas : 960px
• largeur de #primaryContent : 700px
• largeur de la #secondaryContent (la sidebar) : 260px
• structure générale : (header) body > #canvas > #primaryContent > (index.php) > section > article > header > h1,  the_title() + ul.metadata (date,author,category,tags,edit,comments)
• the_content() se trouve après  section > article > header dans un div.post

Attention : l’originale fait 1000px de large

Utilisateurs

• Mode d’emploi client : ligne éditoriale (arborescence, mots-clés, titres, etc.), gestion des droits et des profils, fonctionnement du site et des plugins, respect de la charte graphique
• Gestion des droits utilisateurs
• Gestion de la validation avant publication des contenus
• Gestion des profils avec ajout de données utilisateurs
• Annuaire des membres

Fonctionnalités

• Amélioration du moteur de recherche
• Ergonomie de la navigation par fil d’Ariane
• Fonctionnement de WordPress : gestion du cache, gestion des installations plugins/thèmes
• Formulaire de contact multi-choix et sécurisé
• Gestion des commentaires
• Socialisation et bookmarking
• Statistiques
• Contenus multimédias (Youtube, Slideshare, Scribs, Flickr, etc.)
• gestion de l’interface éditeur (TinyMCE)

Contenus

• Référencement
• Calendrier
• FAQ
• Gestion des mots-clés : Simple Tags
• Gestion des liens (blogoliste)
• Gestion des téléchargements
• Amélioration du flux RSS