Présentation du logiciel Wordpress. logiciels... · 2015. 3. 9. · Le Menu "mon site" Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3 8 passer en mode "lecteur" ajouter

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

http://creativecommons.org/licenses/by-nc-nd/2.0/fr/

http://vercors.fr/

http://www.photorandovercors.fr/

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).



http://www.journaldunet.com/solutions/dsi/cms-site-web-francais.shtml







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


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é



https://fr.wordpress.com/

Tableau de bord…Réglages…Général

Pour

commencer,

réglez votre

site…



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)


"Mon site" gérer votre site en mode

"auteur"


Le Menu "mon site"


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)



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



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



Différences entre les articles et les pages

http://wpmarmite.com/difference-article-page-wordpress/










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


http://fr.wikipedia.org/wiki/Massif_du_Vercors


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.



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"



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 :



…mais il est possible de récréer des menus sans

reproduire la hiérarchie des pages

• Tableau de bord…Apparence…Menus



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



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


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



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



https://wordpress.com/

http://doc.webrezosocio.com/wp/Prise-en-main-RAPIDE-de-Wordpress.pdf











http://openclassrooms.com/courses/propulsez-votre-site-avec-wordpress










https://www.youtube.com/watch?v=g0roijiKVRk

Documents

Présentation du logiciel Wordpress. logiciels... · 2015. 3. 9. · Le Menu "mon site" Jean-Philippe Pernin - DIP - Université Stendhal - Grenoble 3 8 passer en mode "lecteur" ajouter