Wordpress : un « libre » concepteur de site web Par : François Simard.

20
Wordpress : un « libre » concepteur de site web Par : François Simard

Transcript of Wordpress : un « libre » concepteur de site web Par : François Simard.

Page 1: Wordpress : un « libre » concepteur de site web Par : François Simard.

Wordpress : un « libre » concepteur de site web

Par : François Simard

Page 2: Wordpress : un « libre » concepteur de site web Par : François Simard.
Page 3: Wordpress : un « libre » concepteur de site web Par : François Simard.

Je me présente

Page 4: Wordpress : un « libre » concepteur de site web Par : François Simard.

Objectifs de l’atelier

• Apprendre les fonctions de base de Wordpress afin de Créer un site web / blog– Utilisation des thèmes– Écrire les articles et les pages– Insérer du contenu multimédia– Utilisation des widgets

Page 5: Wordpress : un « libre » concepteur de site web Par : François Simard.

Présentations

• Veuillez SVP vous présenter en prenant soins de mentionner– Votre nom– Votre travail– Votre connaissance actuelle de Wordpress et

des blogs– Vos attentes

Page 6: Wordpress : un « libre » concepteur de site web Par : François Simard.

Wordpress : un outil à code source libre

• possibilité de libre redistribution, d'accès au code source et de travaux dérivés (source : Wikipédia)

Page 7: Wordpress : un « libre » concepteur de site web Par : François Simard.

Wordpress : Outil de la culture du web 2.0

• les interfaces permettant aux internautes ayant peu de connaissances techniques de s'approprier les nouvelles fonctionnalités du web et ainsi d’interagir de façon simple à la fois avec le contenu et la structure des pages et aussi entre eux, créant ainsi notamment le Web social (source : Wikipédia)

Page 8: Wordpress : un « libre » concepteur de site web Par : François Simard.

Wordpress :Outil de création de blog

• Contraction de « Weblog », le blog est un site Web constitué par la réunion de billets agglomérés au fil du temps et souvent classés par ordre antéchronologique (source : Wikipédia)

Page 9: Wordpress : un « libre » concepteur de site web Par : François Simard.

Vocabulaire de Wordpress

• Les articles– Les articles sont les billets qui, présentés

dans un ordre chronologique inversé, s’accumulent et forme le cœur du blog

• Les pages– Les pages sont les autres pages web qui

présentent un contenu plus statique

Page 10: Wordpress : un « libre » concepteur de site web Par : François Simard.

Vocabulaire de Wordpress

• Les widgets– Les widgets sont des « modules » qui

viennent agrémenter votre site.

• La barre latérale– La barre latérale est l’endroit qui s’affichera

sur le blog et sur chaque page qui contiendra les widgets

Page 11: Wordpress : un « libre » concepteur de site web Par : François Simard.

Exemples

Gracieuseté de Frank Fournier

Page 12: Wordpress : un « libre » concepteur de site web Par : François Simard.

Exemples

Gracieuseté de Frank Fournier

Page 13: Wordpress : un « libre » concepteur de site web Par : François Simard.

Exemples sur le web

– Site personnel sur Wordpress.com– Site de relation d’aide– Site d’outils cliniques– Site du département de T.E.S.

Page 14: Wordpress : un « libre » concepteur de site web Par : François Simard.

Présentations du tableau de bord

Page 15: Wordpress : un « libre » concepteur de site web Par : François Simard.

Exercices pratiques

• Allez dans votre compte

• Choisissez un thème

• Écrivez un article

• Écrivez une page

• Choisissez quelques widgets

Page 16: Wordpress : un « libre » concepteur de site web Par : François Simard.

Modules de la page de publication

• Module d’édition (fonctions d’insertion)• Module Publier• Module Catégories• Module Extrait• Module Rétroliens• Module Discussion• Module Likes• Module Mots-clefs• Module image à la une

Page 17: Wordpress : un « libre » concepteur de site web Par : François Simard.

Rôles des utilisateurs

Page 18: Wordpress : un « libre » concepteur de site web Par : François Simard.

Transfert d’un site à Wordpress

• Aucun système automatique à ma connaissance

• Utilisation de l’onglet HTML dans l’espace d’édition

Page 19: Wordpress : un « libre » concepteur de site web Par : François Simard.

Différences entre Wordpress.com et ProfWeb

• Avantages :– Sauvegardes et mise-

à-jour automatique– Très stable

• Désavantage :– Ne permet pas

l’utilisation de tous les thèmes et de tous les widgets

• Avantage :– Permet pas l’utilisation

de tous les thèmes et de tous les widgets

• Désavantages :– Sauvegardes et mise-

à-jour manuel– Risque d’instabilité

Page 20: Wordpress : un « libre » concepteur de site web Par : François Simard.

Sauvegarde et mise-à-jour

• Il existe plusieurs façons de faire une sauvegarde

• Je vous suggère l’outil d’exportation et d’importation

• Backup complet possible (souhaitable)

• Mise-à-jour automatique!!