1 ::: GUIDELINE BACK OFFICE SITE UNIVERS INFIRMIER À l’attention de Audrey Vesque et Delio Prudente MARDI 2 JUILLET 2013

2 ::: SOMMAIRE INTRODUCTIONPage 3 RECOMMANDATIONPage 4 CONTRAINTESPage 5 à 6 GESTION DU BACK OFFICEPage 8 ACTUALITÉSPage 9 DOSSIERSPage 12 JURIDIQUEPage 16 FORUMPage 24 ANNEXESPage 25

3 INTRODUCTION Identifiant : webmaster Mdp : webmastercode123 Introduction au back office Wordpress

4 RECOMMANDATIONS OPTIMISATION DE LA GESTION DU BO Avant d’ajouter un Dossier (slide 12), penser dans un premier temps à ajouter les vidéos à associer au Dossier dans la rubrique Vidéos (slide 13)

5 CONTRAINTES FORMAT DES IMAGES Format des visuels à uploader dans le BO : mini (Actualités dans la colonnes de droite) : 55x55 vignettes (dossiers sur la home) : 189x132 vignettes moyennes (images dans la colonne de droite, zone focus) : 280x... - grandes tailles maximum (peuvent être utilisée pour une image à l'intérieur d'une page) : 1024x > La zone centrale du site a pour largeur max : 594px --> le slider de la home : 594x323 Principe de fonctionnement de Wordpress : uploader une seule image en bonne qualité, Wordpress décline des vignettes. Si l'image envoyée dépasse la taille maximum, l'image sera redimensionnée automatiquement. Si elle est trop petite, certaines vignettes n'existeront pas. En résumé, le paramètre à respecter est la taille d'origine (dimensions) et la proportion de l'image (16/9, 4/3, vertical...) Largeur minimum : 600px Hauteur variable, conseillée : 420px B A B A B C C

6 CONTRAINTES PUBLICITÉS Sur l’ensemble du site Univers Infirmier : possibilité d’avoir 5 publicités différentes maximum sur le site définir sur quel type de pages on affiche une publicité donnée : pages prédéfinies (contact, notre offre, partenaires, …) les pages de listing des actualités / dossiers / juridique catégorie d'actualités / catégorie de dossier toutes les pages intérieures type d'article actualités / dossier / juridique Process d’affichage d’une publicité : Faire une demande précise (cahier des charges) auprès de l'administrateur pour afficher une publicité uniquement sur certaines page d'article actualités / dossier / juridique Contrainte de dimensions pour la publicité : 283px max en largeur, hauteur libre. Contrainte de poids : de 50Ko à 100Ko max Transmettre à l’agence Pied de Biche les contraintes techniques de l'annonceur (validées au préalable avec l’annonceur). Habituellement la publicité est hébergée par l'annonceur qui fournit le code HTML (iframe, lien,...) à intégrer dans l'emplacement prévu à l’agence PDB A B

7 CONTRAINTES PUBLICITÉS A B Possibilité de cibler autant ? Ex : présence d’un pub uniquement dans dossiers > soins> diabète OUI possible

8 ::: GESTION DU BACK OFFICE WORDPRESS

9 ACTUALITÉS Liste des articles présents dans la rubrique Actualités Une actualité

Créer un nouvel article, cliquer sur « Ajouter », process valable pour toutes les rubriques du site (Dossiers / Actualités / Juridique) Classer ces actualités par catégories : événements, documentaires etc ACTUALITÉS Liste des articles présents dans la rubrique Actualités

11 3 Créer ou modifier un titre Classer ces actualités par catégories Ajouter ou modifier du texte (passer par la fonctionnalité ‘copier du texte simple’ afin de supprimer les styles existants) Insérer une image > cliquer sur ‘ajouter un média’. Visuel à uploader ou à rechercher dans la photothèque Image ‘A la une’ présente en vignette dans le listing des actualités et aussi éventuellement dans le slider Valider et mettre en ligne ‘Mettre à jour’ 4 ACTUALITÉS Créer ou modifier une actualité

12 DOSSIERS = type de formation (Soins/Hygiène/Matériels) Créer ou modifier un dossier 9 Entrer l’url de la vidéo hébergée sur viméo Image « A la une » présente dans le listing des dossiers Vidéos rattachées (rubrique ‘+ de vidéos’ : voir slide suivante) Attribuer les dossiers aux types de formation (Soins/Hygiène/Matériels) et au sous-thème (Douleur, diabète etc) Créer un sous-thème à rattacher au type de formation appelée dans le BO ‘Catégorie parente’ (Soins/Hygiène/Matériels)

DOSSIERS - VIDEOS Intégrer des vidéos « + de vidéos » A - Ajouter une vidéo B - Entrer l’url de la vidéo vimeo C - Entrer le texte explicatif de la vidéo D - Insérer dans la photothèque le visuel de la vidéo 10 A B C C D D

14 DOSSIERS Créer ou modifier un dossier Uploader la fiche technique en PDF, l’interview en mp3, un document et un fichier zippé si nécessaire Pour les articles des rubriques Actualités et Dossiers, l’extrait est automatiquement généré d’après le texte central. Néanmoins il est toujours possible d’en fixer un. Par contre pour les articles Juridique, il est nécessaire de les inscrire manuellement. Focus photo (Titre modifiable) : lightbox avec photos uploadées ou bien du texte. Ajouter un média et sélectionner l’ordre d’apparition des photos bis

15 DOSSIERS Créer ou modifier un dossier

16 18 Créer ou modifier un dossier juridique avec ces chapitres et ces articles JURIDIQUE

17 JURIDIQUE Créer ou modifier un dossier Juridique Ajouter, créer un nouveau dossier ‘Ajouter’ Ajouter un chapitre au dossier (niveau 2) ex: Installation en milieu libéral, chapitre 1 : AGA – Association de Gestion Agréée. Attribuer un dossier parent au chapitre créé (Installation en milieu libéral= dossier parent) Possibilité de mettre cet article en avant ‘A la une »

18 Créer ou modifier un dossier juridique avec ces chapitres et ces articles Créer des ancres dans un chapitre 21 Ajouter les chapitres du dossier les uns en dessous des autres Sélectionner le chapitre et leur attribuer comme style = Gras + vert Insérer l’ensemble du texte correspondant à ce chapitre Création de l’ancre : A/ Sélectionner le texte sur lequel l’ancre doit pointer et cliquer sur le dessin de l’ancre. Entrer un identifiant unique tel que A1T1 (chap 1 et titre 1) B/ Sélectionner le titre pointant vers l’ancre et cliquer sur le bouton ‘lien’ et entrer # A1T1, enregistrer et fermer 21 A (ancre) AB (lien) B JURIDIQUE

19 Créer un lien « Haut de page » Ajouter un lien « Haut de page » dans l’éditeur de texte : Ecrire « > Haut de page » dans le texte et sélectionner le texte Cliquer sur l’icône « Lien » et entrer uniquement le signe # et sauvegarder JURIDIQUE 22 A A B B B

20 23 JURIDIQUE Uploader une vidéo dans la colonne de droite

21 JURIDIQUE 23 Ajouter une vidéo dans la rubrique colonne de droite ‘En image’ et ajouter quelques lignes de texte (170 caractères espaces compris conseillé) 23 Uploader une vidéo dans la colonne de droite

22 Uploader une vidéo dans la colonne de droite JURIDIQUE Process : Code HTML utile pour les zones de textes dans la colonne de droite : copier le code HTML existant sur une autre page et ne remplacer que les éléments en vert (identifiant Vimeo ( ) ainsi que la hauteur (220) 23 ETAPE 1 ETAPE 2 : entrer les informations dans le code html

23 Programmer la date de parution d’un article Juridique 24 Modifier la date de mise en ligne de l’article JURIDIQUE 24

FORUM Création des catégories et sous-catégories : par l’administrateur Créer une discussion dans une catégorie A A A A B B Répondre à une discussion et autres fonctionnalités C C

25 ANNEXES

26 VIMEO Paramètres d’une vidéo privée type dans Vimeo Utiliser la valeur prédéfinie « Univers Infirmier » (à sélectionner directement lors de l’insertion de la vidéo sur Vimeo) A A

27 VIMEO Paramètres d’une vidéo privée type dans Vimeo