Présentation du logiciel Wordpress

Transcription

1 Présentation du logiciel Wordpress Jean-Philippe PERNIN Université Stendhal Département Informatique Pédagogique Bureau I113 Mél. : Jean-Philippe.Pernin@u-grenoble3.fr

2 1 Site web Sites web et Blogs Ensemble d'informations consacrées à un thème, organisées de façon arborescente, et consultables grâce à un système de navigation basé sur des menus. Exemple pris au hasard : Blog "journal de bord" permettant la publication régulière par un auteur d'articles ou de billets, classés de façon chronologique. Le blog est généralement consacré à un thème. Exemple pris au hasard :

3 Content Management Systems (CMS) et Moteurs de blogs 2 CMS : environnement logiciel en ligne permettant la gestion d'un site sans connaissance de l'informatique. Basé sur la séparation du contenu et de la forme. Drupal, Joomla, SPIP, (Wordpress ) Moteur de blogs : environnement logiciel en ligne permettant la gestion d'un blog Wordpress, Blogger, Overblog Twitter : microblogging (message de 140 caractères max).

4 3 Pourquoi WordPress? WordPress permet de cumuler les fonctions de moteur de blog et de CMS. De plus en plus utilisé aujourd'hui Prise en main relativement simple 2014

5 4 Condition initiale : Création de votre site WordPress Choisir un sujet par binôme Prévoir le nom du site du type xxxxxx.wordpress.com Ou xxxxxx représente le nom de votre sujet Aller sur Respecter les 5 étapes de création Optez pour le compte gratuit Attention : vous ne disposerez par de la liste complète de toutes les fonctionnalités du logiciel, mais d'un ensemble tout à fait suffisant pour créer un site de qualité

6 5 Tableau de bord Réglages Général Pour commencer, réglez votre site

7 6 Vue "backoffice" (mode éditeur) Ces fonctions seront disponibles à tout moment, y compris en mode lecteur (si vous êtes connecté)

8 7 Vue "Frontoffice" (mode lecteur) "Mon site" gérer votre site en mode "auteur"

9 8 Le Menu "mon site" Réflexe : quand vous êtes perdus aller sur le Tableau de bord passer en mode "lecteur" suivre l'activité sur votre site ajouter du contenu à votre site 2 régler l'apparence de votre site, et la présentation en "menus" 1 4 régler de gérer les accès à votre site, la visibilité, les autres utilisateurs 3 Régler les paramètres de votre site

10 La personnalisation de votre site Tableau de bord Personnaliser 9 Design personnalisé : non disponible en version gratuite Titre, slogan et logo : permet de donner les infos principales de votre site et d'y associer une identité visuelle. Couleurs et arrière-plan, image d'en-tête : permet de modifier certains paramètres du thème choisi Widgets : permet d'ajouter des composants dans certaines zones de l'écran (colonne latérale par exemple) Page d'accueil statique Permet de fixer le contenu de la page d'accueil (conseillé pour un site web informationnel)

11 10 Thème : l'apparence de votre site Si vous voulez modifier de façon globale l'apparence de votre site, choisir un thème (gratuit) Personnaliser Thèmes

12 11 Organiser votre contenu Le contenu comprend : des pages Correspondent plutôt à l'utilisation Site Peuvent être classées en sous-pages (notion de page parent) des articles Correspondent plutôt à l'utilisation Blog d'auteur Peuvent être classées en catégories Les médias (images, sons, vidéos) Les liens La présentation des contenus Les menus les widgets La page d'accueil personnalisée

13 12 Différences entre les articles et les pages

14 13 Le travail demandé à réaliser (exemple) Créer un site web de type informationnel, ex. ici le Vercors, contenant une rubrique "actualités" dans laquelle vous publierez régulièrement des "news" datées. Cas exemple: le massif du Vercors Source pour cet exemple

15 14 Procédure à respecter Concevoir le contenu Concevoir l'architecture des pages Concevoir l'architecture des articles Concevoir la présentation Choisir un thème Définir les principes de navigation et les menus Définir éventuellement une page d'accueil Concevoir la stratégie de partage et d'accès Site privé/public Liste des rédacteurs, présence de commentaires, etc.

16 15 Etape 1 : Concevoir le contenu stable (les pages) Définir la hiérarchie des pages et les sous-pages. Exemple : Reproduire cette hiérarchie en créant des pages et en définissant les pages "parentes"

17 16 Effet de la hiérarchie des pages sur les menus Par défaut, à chaque fois que l'on crée une page, on crée un élément de menu ou de sous-menu. Exemple :

18 mais il est possible de récréer des menus sans reproduire la hiérarchie des pages Tableau de bord Apparence Menus 17

19 18 Créez vos pages En résumé pour les pages Organisez-les de façon hiérarchique de façon à retrouver les informations rapidement en mode auteur (back office). Un peu comme dans des dossiers/sous-dossiers. Posez-vous après la question des menus de présentation de l'information à l'utilisateur. Vous pourrez revoir l'ordre et les intitulés hiérarchie des pages hiérarchie des menus

20 19 Les articles Les articles correspondent à des informations régulièrement mises à jour pouvant être organisées dans des catégories et avec des mots clés. Par défaut, les articles sont affichés dans la page d'accueil. On a ajouté ici des widgets pour visualiser la liste des articles, les catégories

21 20 La page d'accueil Vous pouvez choisir votre propre page d'accueil 1. Créer une page 2. Définir cette page comme page d'accueil Apparence Personnaliser

22 21 Quelques liens supplémentaires Le site de WordPress : Manuel de prise en main rapide de WordPress : Tutoriel openclassrooms : Tutoriel vidéo Wordpress - Créer une Page sur Wordpress