Upload
others
View
1
Download
0
Embed Size (px)
Citation preview
Jean-Philippe PERNIN
Université Stendhal
Département Informatique Pédagogique
Bureau I113
Mél. : [email protected]
Présentation du logiciel
Wordpress
Sites web et Blogs
• Site web
– 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 : http://vercors.fr/
• 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 : http://www.photorandovercors.fr/
1 Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
Content Management Systems (CMS)
et Moteurs de blogs
– 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)
• http://www.journaldunet.com/solutions/dsi/cms-site-web-francais.shtml
– Moteur de blogs : environnement logiciel en ligne
permettant la gestion d'un blog
• Wordpress, Blogger, Overblog
• Twitter : microblogging (message de 140 caractères max).
2 Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 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
3 Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
2014
Création de votre site WordPress
• Condition initiale :
– 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 https://fr.wordpress.com/
• 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é
4 Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
Tableau de bord…Réglages…Général
Pour
commencer,
réglez votre
site…
5 Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
Vue "backoffice" (mode éditeur)
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3 6
Ces fonctions seront disponibles à tout
moment, y compris en mode lecteur (si vous êtes
connecté)
Vue "Frontoffice" (mode lecteur)
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3 7
"Mon site" gérer votre site en mode
"auteur"
Le Menu "mon site"
Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3 8
passer en mode "lecteur"
ajouter du contenu à votre site
régler l'apparence de votre site, et la présentation en "menus"
régler de gérer les accès à votre site, la visibilité, les autres utilisateurs
suivre l'activité sur votre site
2
1
Régler les paramètres de votre site
Réflexe : quand vous êtes perdus
aller sur le Tableau de bord
3
4
La personnalisation de votre site
Tableau de bord…Personnaliser…
• 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)
9 Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
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
10 Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
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
11 Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
Différences entre les articles et les pages
http://wpmarmite.com/difference-article-page-wordpress/
12 Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
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
13 Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
http://fr.wikipedia.org/wiki/Massif_du_Vercors
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.
14 Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
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"
15 Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
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 :
16 Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
…mais il est possible de récréer des menus sans
reproduire la hiérarchie des pages
• Tableau de bord…Apparence…Menus
17 Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
En résumé pour les pages
• Créez vos 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
18 Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
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.
19 Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
On a ajouté ici des widgets pour visualiser la
liste des articles, les catégories
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
20 Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3
Quelques liens supplémentaires
• Le site de WordPress : – https://wordpress.com/
• Manuel de prise en main rapide de WordPress : – http://doc.webrezosocio.com/wp/Prise-en-main-RAPIDE-de-Wordpress.pdf
• Tutoriel openclassrooms : – http://openclassrooms.com/courses/propulsez-votre-site-avec-wordpress
• Tutoriel vidéo Wordpress - Créer une Page sur Wordpress – https://www.youtube.com/watch?v=g0roijiKVRk
21 Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3