wordpress : un « libre » concepteur de site web par : françois simard
TRANSCRIPT
![Page 1: Wordpress : un « libre » concepteur de site web Par : François Simard](https://reader035.vdocuments.pub/reader035/viewer/2022062511/551d9da0497959293b8ceadb/html5/thumbnails/1.jpg)
Wordpress : un « libre » concepteur de site web
Par : François Simard
![Page 2: Wordpress : un « libre » concepteur de site web Par : François Simard](https://reader035.vdocuments.pub/reader035/viewer/2022062511/551d9da0497959293b8ceadb/html5/thumbnails/2.jpg)
![Page 3: Wordpress : un « libre » concepteur de site web Par : François Simard](https://reader035.vdocuments.pub/reader035/viewer/2022062511/551d9da0497959293b8ceadb/html5/thumbnails/3.jpg)
Je me présente
![Page 4: Wordpress : un « libre » concepteur de site web Par : François Simard](https://reader035.vdocuments.pub/reader035/viewer/2022062511/551d9da0497959293b8ceadb/html5/thumbnails/4.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062511/551d9da0497959293b8ceadb/html5/thumbnails/5.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062511/551d9da0497959293b8ceadb/html5/thumbnails/6.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062511/551d9da0497959293b8ceadb/html5/thumbnails/7.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062511/551d9da0497959293b8ceadb/html5/thumbnails/8.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062511/551d9da0497959293b8ceadb/html5/thumbnails/9.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062511/551d9da0497959293b8ceadb/html5/thumbnails/10.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062511/551d9da0497959293b8ceadb/html5/thumbnails/11.jpg)
Exemples
Gracieuseté de Frank Fournier
![Page 12: Wordpress : un « libre » concepteur de site web Par : François Simard](https://reader035.vdocuments.pub/reader035/viewer/2022062511/551d9da0497959293b8ceadb/html5/thumbnails/12.jpg)
Exemples
Gracieuseté de Frank Fournier
![Page 13: Wordpress : un « libre » concepteur de site web Par : François Simard](https://reader035.vdocuments.pub/reader035/viewer/2022062511/551d9da0497959293b8ceadb/html5/thumbnails/13.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062511/551d9da0497959293b8ceadb/html5/thumbnails/14.jpg)
Présentations du tableau de bord
![Page 15: Wordpress : un « libre » concepteur de site web Par : François Simard](https://reader035.vdocuments.pub/reader035/viewer/2022062511/551d9da0497959293b8ceadb/html5/thumbnails/15.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062511/551d9da0497959293b8ceadb/html5/thumbnails/16.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062511/551d9da0497959293b8ceadb/html5/thumbnails/17.jpg)
Rôles des utilisateurs
![Page 18: Wordpress : un « libre » concepteur de site web Par : François Simard](https://reader035.vdocuments.pub/reader035/viewer/2022062511/551d9da0497959293b8ceadb/html5/thumbnails/18.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062511/551d9da0497959293b8ceadb/html5/thumbnails/19.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062511/551d9da0497959293b8ceadb/html5/thumbnails/20.jpg)
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!!