65
Wordpress [email protected] Le blog de cette formation : http://www.magnanfrancois.info/wordpres s-scient 1

Wordpress [email protected] Le blog de cette formation : 1

Embed Size (px)

Citation preview

Page 1: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Wordpress

[email protected]

• Le blog de cette formation :http://www.magnanfrancois.info/wordpress-scient

1

Page 2: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Contenu

• Qu’est-ce qu’un blog ? A quoi ça sert ?• La blogosphère scientique• L’outil Wordpress• Ouverture d’un blog sur la plateforme Wordpress• Les fonctionnalités, Wordpress : démos et exercices• Wordpress chez un hébergeur• Fonctionnalités avancées

2

Page 3: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Qu’est ce qu’un blog ?

• Un système de publication rapide de textes, images, vidéos, etc. qui se succèdent au fil du temps sur la première page du blog

• Une tribune sur Internet, une possibilité d’échanges et de dialogues grâce aux commentaires et au référencement du blog par d’autres blogs, signalement réseaux sociaux

3

Page 4: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Description d'un billet (ou article, note, ou post)

TITRE

Lien permanent

CommentairesCatégoriesdate

Page 5: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Blogosphère scientifique

5

Page 6: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Contexte : nouveaux moyens d’expression

• Sites du Web 2.0 permettent aux internautes d'interagir avec le contenu des pages mais aussi entre eux : web communautaire, interactif, participatif..

• Grâce à ses nouveaux outils, les scientifiques peuvent avoir de nouveaux usages du web : archives ouvertes, wikis, blogs, réseaux sociaux

6

Page 7: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Blogs collectifs ou institutionnels

• Un labo tient à jour sa rubrique actualités : signalement de publications, annonces (conférences, colloques, journées d’études, etc.) http://www.gdc.cnrs.fr/blog/

• La société de parasitologie française informe sur les événements liés à sa discipline : http://parasitologie.blog.lemonde.fr/

7

Page 8: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

• Un carnet de recherches tenu par des chimistes : http://usefulchem.blogspot.com/

8

Page 9: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

• Pistes de travail, actualité de la recherche Cognition, éducation et technologies par les chercheurs du Groupe Compas - - http://www.groupe-compas.net

• Emma : EMMA (Les Emotions au Moyen Âge) est un programme de recherche consacré à l’étude des émotions médiévales dans une perspective d’échanges avec les sciences humaines et sociales.

• http://emma.hypotheses.org/

9

Page 10: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Blogs de vulgarisation scientifique

• Café des sciences : http://cafe.enroweb.com/• communauté de blogueurs francophones :

une plateforme commune réunissant des blogs scientifiques (sciences dures)

10

Page 11: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Blog d’une revue

• Blogs d’une revue scientifique : contexte - sommaires, appels à contributions, journée d’études, etc.

• http://contextes.hypotheses.org/

11

Page 12: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

plateforme de blogs scientifiques

• http://hypotheses.org/ - Hypothèses, plateforme de publication de carnets de recherche éditoriaux en sciences humaines et sociales destinée aux blogueurs enseignants/chercheurs

12

Page 13: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Autres blogs de chercheurs• http://contemporain.info/audet/archives/290

• Thèmes : - littérature contemporaine (française et québécoise) - littérature électronique et possibilités des nouvelles technologies pour la recherche littéraire - théorie de la fiction, théorie de la narrativité, théorie des genres

• « Carnet mis en place pour trier de l’information, filtrer le web en fonction des intérêts et objets de recherche de l’auteur » par un enseignant, René Audet

13

Page 14: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Autres blogs de chercheurs

• Un sociologue Baptiste Coulmont• Évoque l’actualité de sa spécialité, mais aussi

l’actualité des universités (réformes, mouvements étudiants, …) et des recrutements.

• http://coulmont.com/blog/2011/12/03/les-cordons-de-la-bourse/

14

Page 15: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

En savoir plus sur la blogosphère scientifiques

• Réflexions et liens sur ce qu’est un blog scientifique, liens avec la recherche

• la rubrique Francoblogsciences du blog Affordance http://affordance.typepad.com

15

Page 16: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Blogs et veille

• Blogs diffusent régulièrement des informations, ces informations peuvent être reçues régulièrement, sans aller sur le site ( +/- système d’abonnement) grâce à la technologie RSS via un logiciel lecteur RSS

• Intérêt dans le cadre d’une diffusion d’info, ou pour la veille si on trouve les bons blogs

16

Page 17: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Se repérer dans la blogosphère

• Moteurs de recherche parmi les blogs

• Google blogsearch

• http://blogsearch.google.fr

• Icerocket – onglet blogs

• http://www.icerocket.com/

17

Page 18: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

L’outil Wordpress

18

Page 19: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Comment mettre en ligne un blog ?

• 1/ Solution plate-forme• Immédiate, facile, souvent gratuite. Moins de

possibilités techniques , taille de l'hébergement limitée, adresse sur la plateforme monblog.wordpress.com est moins « visible » que www.monprojet.org

• Exemples : Blogger, simple, Wordpress, plus avancé, comme Typepad (payante)

19

Page 20: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Comment mettre en ligne un blog ?

• 2 / Chez un hébergeur • plus de possibilités, plus complexe.• Il faut disposer d’un service d’hébergement et

d’un logiciel de blogging comme wordpress et dotclear

• Si la mise à jour du blog est simple, l’installation du logiciel chez l’hébergeur demande des notions techniques

20

Page 21: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Wordpress : possibilité plateforme et possibilité installation

• Wordpress est aussi une plateforme en ligne où il suffit d’ouvrir un compte pour avoir un blog

• http://fr.wordpress.com/ ouvrir un blog en 5 minutes

• possibilité de télécharger le logiciel Wordpress pour l’installer

• http://www.wordpress-fr.net/ télécharger et aide (FR)• http://wordpress.org/ télécharger et aide complète(EN)

21

Page 22: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Wordpress

• Wordpress est très complet• Blog car toutes les notes s’affichent de façon

successives sur la page d’accueil• CMS : car permet de réaliser une

superposition de pages et de gérer des rôles différents

• Exemple : http://urfistreseau.wordpress.com/

22

Page 23: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Les fonctionnalités

23

Page 24: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

A repérer : le tableau de bord

• Comme son nom l’indique, tableau de bord du blog, accès rapide à certaines commandes

24

Page 25: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

A répérer : les paramètres personnels

• Pour modifier langue de l’interface privée, login, mot de passe, et adresse mail. Pour cela :

• Utilisateur/paramètres personnels– Mise à jour profil, personnalisation du mot de passe

25

Page 26: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Ajouter un article

• Article / Ajouter

– Possible de joindre une image ou un fichier attaché– En simultané, il est possible de créer les catégories du

billet– Publication : mode public ou brouillon

26

Page 27: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Options de l’écran

• A connaître : pour faire apparaître des options supplémentaires liées à la publication (partage réseaux sociaux, autorisation de commentaires par article, etc.)

27

Page 28: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Zone de l’écriture de l’article

• Permet une mise en forme visuelle

28

Page 29: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Ajout d’image, fichier attaché

29

Page 30: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Zone : publier l'article

• Etat : publié - en attente de relecture (permet aux éditeurs d'exercer une relecture) - brouillon

• Visibilité : Public, Mettre cet article en avant sur la page, - Protégé par mot de passe - privé

30

Page 31: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Catégories de l’article

• Elles peuvent être attribuées/ajoutées lors de la création de l’article

31

Page 32: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Tags de l’article

• Conseil : prévoir peu de catégories, bien les réfléchir.

• L’indexation par tags peut être plus libre, et être plus spécifique

• Catégorie : histoire médiévale• Tag : Charlemagne

32

Page 33: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Exo : WordpressEcrire des posts, créer des catégories

– Ecrire des posts• Bien les formater• Intégrer des images• Créer des catégories et y classer les posts.• Placer un post en mode brouillon, ajouter un

fichier attaché (doc, pdf) à un post• Articles/Modifier pour modifier après coup un

article

33

Page 34: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Les commentaires

• Plus ils sont ouverts, plus ils assuront une réactivité à votre blog, mais il faudra alors les gérer : répondre, surveiller

34

Page 35: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Réglages des commentaires pour tout le blog

35

Page 36: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Réglage des commentaire article par article

• Lors de l’écriture d’un article : options de l’écran, l’option discussion doit être cochée

• Possible article par article, d’autoriser ou non les commentaires

36

Page 37: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Gérer les commentaires

• Zone commentaire– Pour gérer modifier supprimer les

commentaires postés sur votre blog

• Et pour suivre les commentaires- Apparaissent sur le tableau de bord, dans la

zone commentaire, Wordpress les signale par mail...

37

Page 38: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Démo Blogroll

• Blogroll : liste de liens vers d'autres blogs. Détermine l'identité d'un blog et d'un réseau

• Zone liens pour créer et gérer les liens (possibilité ensuite de modifier son apparence sur menu de la première page avec un « widget» (menu : apparence)

38

Page 39: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Exo WordpressBlogroll/commentaire

• Ajoutez des liens (sites ou blogs voisins sur votre page accueil)

• Créer des commentaires et gérer les commentaires

39

Page 40: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Charte graphique : les thèmes• Elément important de différenciation/ Utilisation de

feuilles de styles• Simplicité système de modèles = les "thèmes"• Menu Apparence/thèmes

• Attention, chaque thème amène aussi des options de fonctionnement.

40

Page 41: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Widgets et Création de pages• Widgets : à partir de l'onglet "Apparence" puis

widget : vous pouvez disposer les éléments voulus sur la barre latérale de votre page d'accueil. Chaque thème peut amener différentes possibilités de widgets.

• Possible de faire une hiérarchie de page : menu pages. Il s'agit de pages pérennes à la manière de pages web de site (exple : à propos de ce site, CV de l’auteur, etc..) sans les billets et sans RSS

41

Page 42: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Exercice

• Choisir un thème qui permet de visualiser la hiérarchie pages (avec un onglet par page, comme Regulus)

• Créer une ou plusieurs page• Choisir les différents widgets qui s’accorderont

le mieux avec votre contenu et les ordonner

42

Page 43: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Installer Wordpress

43

Page 44: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Fonctionnement d'un site dynamique avec Mysql/Php

44

Base dd MySql

Pages html dynamiques

Entrer des donnéespar formulaire

Langage PHP

Site web

Mode d'affichage des pages)

CSS

Page 45: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Wordpress chez un hébergeur distant : procédures

• 1/ Trouver un hébergeur compatible PHP/Mysql• 2/ Récupérer les fichiers de Wordpress sur le site de

Wordpress• 3/ Lancer Wordpress sur l’espace d’hébergement (avec

logiciel FTP)• 4/ Configurer l’accès à votre blog Wordpress

45

Page 46: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

1/ trouver un hébergeur compatible

• Il faut un hébergeur proposant une base de donnée Mysql, et aussi Php

En détail, WordPress depuis la version 2.0 requiert :

– PHP version 4.2 ou au dessus,– MySQL version 3.23.23 ou au dessus

• Voir : http://codex.wordpress.org/fr:Heberger_WordPress

46

Page 47: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Quelques hébergeurs compatibles• www.amen.fr

http://www.ovh.com/ solutions payantes• solutions gratuites • www.free.fr :• Hébergement free réservé aux clients free : prendre un

accès internet gratuit (inutile de l’utiliser) puis retourner sur www.free.fr avec login et mot de passe client pour activer l’espace d’hébergement puis activer la base de donnée Mysql (en un clic de souris et 24 heures d’attente à chaque fois)

• Gratuits Olympe Network, http://www.lescigales.org/ http://www.000webhost.com/features

• http://www.chez.com/ 47

Page 48: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

2/ Les paramètres de votre hébergement

• 2 types de paramètres :• A/ Pour le FTP (File Transfert Protocole)

serviront à mettre en ligne les fichiers de Wordpress avec un logiciel FTP comme Filezilla, simple et gratuit

• B/ Pour la base de donnée Mysql, qui serviront à paramétrer Wordpress pour se mettre en lien avec la dite base de donnée

48

Page 49: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

2/ Les paramètres de votre hébergement

• A/ Les paramètres FTP fournis par l’hébergeur :• Une adresse FTP : charger vos fichiers sur le serveur

distant : ftp://ftpperso.free.fr (exemple de free)• Un login FTP : urf1 par exemple• Un mot de passe FTP : mlcalb par exemple• Tous ces paramètres FTP seront utiles• Note : vous disposerez aussi de l’URL de votre site:

http://urf1.free.fr par exemple

49

Page 50: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

2/ Les paramètres de votre hébergement

• B/ Les paramètres de la base de donnée Mysql fournis par l’hébergeur

• Note : sauf rares exceptions, votre base de donnée sera « activée » (installée, mais vide, par l’hébergeur)

• Une adresse de la bdd : http://sql.free.fr par exemple, chez free. A connaître, mais wordpress ne la demandera pas

50

Page 51: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

2/ Les paramètres de votre hébergement

• B/ Les paramètres de la base de donnée Mysql fournis par l’hébergeur (suite)

• Le nom de la base de donnée : urf1(par exemple)• Login de la base de donnée : urf1 (par exemple)• Mot de passe de la base de donnée : mlcalb (par

exemple)• Pour Configurer Wordpress, il faudra le nom,

login et mot de passe de votre b.d.d. Mysql

51

Page 52: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

3/ Récupérer Wordpress

• Télécharger la dernière version de Wordpress• http://www.wordpress-fr.net/telechargements/• Décompresser l’archive de Wordpress.

• Vous obtenez un dossier Wordpress qui contient plusieurs dossiers et fichiers à extension php

52

Page 53: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Lancer les fichiers de Wordpress

• Il faut charger le contenu du dossier Wordpress avec un logiciel FTP comme Filezilla. FTP = File Transfert Protocol, protocole d’accès optimisé pour le chargement de fichiers.

• Se servir de l’adresse FTP, login et password et faire passer vos fichiers du local (votre poste) au distant (hébergeur)

53

Page 54: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Configurer Wordpress pour qu’il se mette en liaison avec la bdd Mysql puis l’accès – login et

mot de passe de votre blog

• Se rendre à l’adresse de votre blog (http://urf1.free.fr par exemple) et suivre les indications qui apparaissent

54

Page 55: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

55

Page 56: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

56

Page 57: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

57

Page 58: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

58

Page 59: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

59

Page 60: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

60

Page 61: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Fonctionnalités avancées de Wordpress

61

Page 62: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Wordpress création d’usagers

• Pour que d’autres participent à votre blog• Hébergement plateforme wordpress.com :

menu utilisateurs, inviter : les participants devront prendre un compte sur Wordpress.com

• Hébergement propre : menu utilisateurs, inscrire : inutile pour eux de prendre un compte sur Wordpress.com

62

Page 63: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Rôles et droits sur Wordpress

63

Page 64: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Thèmes avec wordpress « hébergé »

• chez l’hébergeur il vous faut les charger mais le logiciel Wordpress s’en occupe…– http://themes.wordpress.net/ pour les consulter…

64

Page 65: Wordpress francoismagnan@gmail.com Le blog de cette formation :  1

Sauvegardes• Outils/exporter pour exporter le contenu de la

BDD (c.a.d le texte, les pages, et des élements de paramètrage du site, comme la liste des usagers).

• Outils/importer, choisir wordpress, puis importer le fichier de sauvegarde pour que la sauvegarde soit réinstallée.

• Attention : fichier attachés, images doivent être aussi sauvegardés. Récupérer les dans le dossier wp-content, ou un à un manuellement si vous êtes sur wordpress.com

65