Créer un blog sur WordPress

Créer un blog sur WordPressStage SCD de Nantes

Alexandre Serres,URFIST de Rennes

14 juin 2013

2

• 1/ Introduction • 2/ Quelques notions de base sur les blogs• 3/ Créer un blog sur WordPress en 10 étapes • 4/ Fonctionnalités avancées • 5/ Ressources

PLAN

1/ Introduction

4

• Plusieurs typologies possibles (cf O.Ertzscheid)• Premier critère : nature du contenu

– Trois grandes catégories : • Journaux personnels :

– journaux « extimes » de Skyblog, blogs familiaux...• Carnets de notes (notebooks) :

– Points de vue, analyses, synthèses... sur tout sujet ; individuels ou collectifs

– Blogs de journalistes, politiques, scientifiques, d’experts...• Méta-blogs, blogs filtres :

– Reprise des contenus d’autres blogs– Véritables blogs de veille, thématiques...

• Autres critères : – Blogs personnels/collectifs, intimes/thématiques

Typologies des blogs

5Source : Affordance

Typologies des blogs

http://affordance.typepad.com/mon_weblog/2008/06/une-typologie-d.html

6

• Appropriation des blogs par les bibliothèques :– D’abord BU, puis bibliothèques publiques ; en France,

mouvement inverse– Ont vocation à remplacer les anciens intranets, à compléter les

sites web :• Blogs personnels / ou multiauteurs, multithématiques• Fonctionnalités collaboratives• Fonctions documentaires

– Blogs de bibliothécaires / blogs de bibliothèques• Exemples : Figoblog, Marlène’s Corner, bua’bloc (SCD Angers),

Bibliobsession

• Sur le développement des blogs dans les BU : – 36 blogs de BU agrégés sur Planet’BU

• 22 blogs ouverts entre 2009 et 2012

– Cf enquête Blogs en BU : données chiffrées pour se situer ou se lancer.

Les blogs en bibliothèque

http://www.figoblog.org/

http://marlenescorner.net/

http://bu.univ-angers.fr/blog/

http://www.geobib.fr/planetbu/index.php

https://livrearbitre.wordpress.com/2012/06/04/blogs-en-bu-donnees-chiffrees-pour-se-situer-ou-se-lancer/

7

Quelques fonctions : Communication institutionnelle :

Fil ABES, Actualités du SICD de Strasbourg Valorisation des ressources de la bibliothèque :

Bua’bloc, Bubloblog Vie de la bibliothèque, projets collaboratifs… :

Bib’Am

Services de veille : Mettez-la en veille !

Animation d’un projet : Projet AO

Les blogs en bibliothèque

http://fil.abes.fr/

http://blog-sicd.u-strasbg.fr/

http://bu.univ-angers.fr/blog/

http://buboblog.univ-brest.fr/

http://bibliothequesartsetmetiers.wordpress.com/

http://mettezlaenveille.wordpress.com/



http://blog.univ-angers.fr/projetao/#.Ubg3vpzRI24

8

2. Trouver des blogs

Les portails et annuaires de blogs : Biblioblogs :

• Composante de Bibliopedia, le site collaboratif des bibliothécaires, documentalistes et archivistes

• Annuaire complet des blogs en bibliothéconomie : blogs personnels, institutionnels, professionnels, scientifiques…

• Recherche possible par moteur de recherche personnalisable : Biblioblogs francophones

Touti Frouti : Portail des blogs des bibliothèques publiques

• À partir d'un blog, en consultant la blogroll :– Bertrand Calenge, UrfistInfo…

• Dans une plateforme de blogs : – Hypothèses

• Sur un moteur de recherche spécialisé :– Google Blog– Technorati

Pour trouver des blogs dans le champ des bibliothèques

http://www.bibliopedia.fr/index.php/Biblioblogs#Sciences_de_l.27information

http://www.bibliopedia.fr/index.php/Accueil

http://www.google.com/cse/home?cx=010020619410847701657:g48o07f3qag

http://toutifrouti.viabloga.com/

http://bccn.wordpress.com/

http://urfistinfo.hypotheses.org/

http://hypotheses.org/

http://www.google.fr/blogsearch?hl=fr

http://technorati.com/

2/ Quelques notions de base sur les blogs

10

2.1 Qu’est-ce qu’un blog ?

• Web log : journal de bord

• Un blog = – un site web – réunion d'un ensemble

de billets (posts)– hyperliens– ajout d'éléments

multimédias (photos, sons, vidéos…)

• Caractéristiques : – Simplicité :

• de création : nombreuses plates-formes, aide en ligne

• d'alimentation

– Instantanéité

– Interactivité

Qu’est-ce qu’un blog ?

11

• Billets (posts) : – Contenu du blog – Classement anté-chronologique

• Commentaires : – Ouverts ou fermés, modérés ou non

• Permaliens : – Lien permanent de chaque billet

• Catégories : – Classement des billets dans des thématiques

• Tags :– Mots-clés libres pour chaque billet

Qu’est-ce qu’un blog ? La terminologie

12

• Rétrolien (trackback)– Indication automatique des liens entrants sur un billet– Placés en commentaires

• Liste de liens (blogroll) : – Liste des blogs jugés proches, communauté d’intérêt

• Fils RSS :– Abonnement aux derniers billets du blog

• Archives:– Accès à tous les anciens billets, par année et par

mois

Qu’est-ce qu’un blog ? La terminologie

URFIST Rennes, 201113

Archives

Catégories

Fils RSS

Commentaires

Décodage

14

Rétrolien

Qu’est-ce qu’un blog ?

15

• Blogs, comme les wikis, reposent sur des CMS (Content Management System) (Systèmes de Gestion des Contenus)

• Un CMS : outil de production de site web dynamique• Permet :

– la publication dynamique et la gestion collaborative de contenus– de gérer le contenu d’un site web sans connaissance technique

particulière• Notion de contenu :

– Ensemble des informations proposées aux visiteurs d’un site web :• texte, image, audio, vidéo, documents…

Principes techniques

B. de Carné, Acréat, 2008 16



Séparation contenu/présentation• Le contenu est stocké dans une base de données• La structure et la présentation sont définies dans des

fichiers physiques modèles, templates, gabarits, squelettes…

• Lors de la consultation d’une page, le CMS intègre le contenu dans le modèle de page et affiche le résultat au visiteur

• Un système de mise en cache permet de ne pas calculer la page à chaque affichage


18

• Deux possibilités : – Utiliser une plate-forme en ligne gratuite :

• Blogger, WordPress, Over Blog, etc.

• Voir « Tableau comparatif des plateformes de blogs publiques »

– Télécharger un outil de création de blog : • WordPress

• Compétences techniques nécessaires

Démarche de création d’un blog


• Plateforme de publication personnelle

• PHP, MySQL• Installation très simple• Légèreté, esthétisme• Extensibilité importante

plus de 3 000 modules

• Respect total des standards du Web

http://fr.wordpress.com

Démarche de création d’un blog : WordPress

3/ Créer un blog sur WordPress en 10 étapes

• 1ère étape : ouvrir un compte, créer le blog

Créer un blog sur WordPress en 10 étapes

> ne pas créer tout de suite le blog, en laissant en blanc l’adresse

> Ouvrir sa messagerie pour vérifier le mel envoyé par WordPress et activer le mot de passe

• 1ère étape : ouvrir un compte, créer le blog– dans « Mes blogs » (menu principal), cliquer sur :

– donner une adresse et un titre au blog

– décider de la visibilité– cliquer sur Sign Up, au-dessous de l’option gratuite « De base »– Le blog est créé !

Créer un blog sur WordPress en 10 étapes

• 2ème étape : paramétrer le compte, décoder l’interface– Dans Réglages, au-dessous de l’icône utilisateur :

• Vérifier les paramètres• Éventuellement changer le mot de passe• Indiquer la langue de l’interface• Changer éventuellement le blog principal• Compléter le profil public (avatar, etc.)

– Dans Subscriptions Delivery : • Si vous ne souhaitez pas recevoir les mels de WordPress, désactiver l’envoi des notifications par mail

Création d’un blog sur WordPress en 10 étapes

• 2ème étape : paramétrer le compte, décoder l’interface– aller dans « Mes blogs » et cliquer sur le nom du blog :

– Dans le blog, aller sur Tableau de bord (dans le bandeau supérieur, sous-menu au-dessous du nom du blog) et décoder l’interface


C’est votre interface Admin, le Back office

• 3ème étape : personnaliser l’aspect du blog – Pour choisir un thème, un modèle : dans Apparence, choisir Thèmes et parcourir

les thèmes


• 3ème étape : personnaliser l’aspect du blog - choisir un thème qui vous plait : Aperçu Direct d’abord, et Activer pour le thème choisi ; si le thème ne convient pas, en choisir un autre.

–Attention aux thèmes trop chargés–Possibilité de changer de thème plus tard–Une fois le thème choisi et activé, aller sur le site pour vérifier


• 4ème étape : organiser le blog avec les widgets - choisir différents widgets dans le menu Apparences et les faire glisser dans la colonne de droite : Sidebar ou Pied de page- par défaut, certains widgets figurent déjà dans la Sidebar

- Entourés : les widgets conseillés


• 4ème étape : organiser le blog avec les widgets - Entourés : les widgets conseillés


• 4ème étape : organiser le blog avec les widgets - Entourés : les widgets conseillés


• 4ème étape : organiser le blog avec les widgets

– organiser les widgets par fonction

– Suivi du blog

• Liens RSS : – flux RSS du blog, pour

permettre de s’abonner – Compléter les

paramètres et Enregistrer

– Souscrire au blog :– Pour suivre le blog par mel



– Organiser les widgets par fonction

– Recherche dans le blog : • Rech. :

– Moteur de recherche interne

• Catégories :

– Recherche sur des catégories pré-définies

– Cocher les cases

• Nuage de tags :– Recherche par tags

– Remplir la case Titre




– Activité du blog : • Articles récents :

– Les 5 derniers articles

– Cocher la case pour afficher la date des articles

• Commentaires récents :

– 5 derniers commentaires

• Archives :– Tous les billets du blog

– Cocher les cases




– Les liens extérieurs : • Liens :

– Les liens vers les blogs proches

– Choisir Blogroll dans la catégorie de liens

– L’administration du blog :• Meta :

– Accès à l’interface Admin


• 5ème étape : ajouter des catégories, des liens– Widget Catégories :

• Deux possibilités de créer des catégories :

– au moment de la rédaction des articles

– En amont, indépendamment des articles

• Pour ajouter une catégorie :– Dans Articles, sous-menu

Catégories– Donner un nom, selon les

thèmes abordés– Situer dans la hiérarchie

(éventuellement)– Faire une brève description– Cliquer sur Ajouter


• 5ème étape : ajouter des catégories, des liens– Widget Liens :

• Pour ajouter un lien dans la blogroll :– Menu Liens, sous-menu Ajouter– Compléter les cases : nom, adresse web, description (éventuellement)– Cocher la case Blogroll, pour afficher le lien dans la blogroll


• 5ème étape : ajouter les données de certains widgets

– Widget Liens :• Cocher la case _blank, pour ouvrir le lien dans un autre onglet

• Indiquer éventuellement la relation


• 5ème étape : ajouter des catégories, des liens– Widget Liens :

• Indiquer éventuellement l’adresse de l’image du blog• L’adresse du flux RSS

• Ne pas oublier de valider (en haut à droite)


• 6ème étape : rédiger et mettre en forme un billet– Menu Articles, sous-menu Ajouter


Zone de titreZone de publication

Zone des catégories

Zone d’écriture

Zone de mise en forme

Zone du permalien

• 6ème étape : rédiger et mettre en forme un billet


Copiés-collés de textes sous Word ou txt

Pour insérer un lien

Styles

Pour ajouter un fichier

Pour ajouter un sondage

Pour ajouter un formulaire

Couleurs

Pour séparer le texte(balise More)

Mode HTML

Mode de rédaction en plein écran

Afficher/masquer les options d’édition

40

• 7ème étape : créer et gérer les pages statiques– Une page statique = comme un article, avec un titre,

un contenu et des métadonnées associées ; – Une page : différente d’un article :

• ne fait pas partie du flux chronologique du blog – statique

• ni catégorisée, ni taguée– Pages peuvent être organisées hiérarchiquement :

• pages « parents » et sous-pages – Gestion et mise en forme des pages :

• Comme pour les articles


41

• 7ème étape : créer et gérer les pages statiques– Pour créer une page :


Dans Pages, Ajouter

Donner un titre à la page Saisir et mettre en formele texte

42

• 7ème étape : créer et gérer les pages statiques– Pour créer une page :


Dans Pages, Ajouter

Donner un titre à la page Saisir et mettre en formele texte

43

• 7ème étape : créer et gérer les pages statiques– Placer une page dans une hiérarchie :– Dans Attributs de la page :

• Décider sous quelle page « Parent » apparaîtra la nouvelle page • Décider quel modèle :

– Par défaut : le modèle du blog– Modèle spécial, lié au modèle, avec des fonctionnalités

supplémentaires• Décider l’ordre d’affichage de la page

– Par défaut, l’ordre alphabétique– Possibilité, en donnant un numéro, de modifier

l’ordre d’apparition


44

• 7ème étape : créer et gérer les pages statiques– Gérer les pages statiques :


Dans Pages, Toutes les pages

Possibilité d’actionsgroupées

Filtrage par dates

Statistiques de consultation

Commentaires

Bouton « J’aime »

45

• 8ème étape : insérer des fichiers (images, PDF…)– Dans une page ou un article, cliquer sur :– Aller chercher le fichier :

– Vérifier et valider le fichier – Il apparaît dans la page en code HTML


46

• 8ème étape : insérer des fichiers (images, PDF…)– Gestion de la Bibliothèque (regroupe l’ensemble des fichiers transférés

sur le blog) :


47

• 8ème étape : insérer des fichiers (images, PDF…)– Gestion de la Bibliothèque :

• Possibilité de transférer plusieurs fichiers, puis de les relier à telle ou telle page

• Attention : il faut ensuite déclarer le fichierdans la page concernée, pour le voir publié


48

• 8ème étape : insérer des fichiers (images, PDF…)– Insérer une carte de Google Maps :

• Sur Google Maps, après avoir choisi la carte à intégrer, cliquer sur l’icône Lien et ouvrir la fenêtre ci-dessous :

• Sur WordPress, dans la page concernée, passer en mode Texte


Copier le code HTMLgénéré par Google Maps

Coller le code HTML dansla zone de saisie

49

• 9ème étape : gérer les utilisateurs– Tableau de bord des utilisateurs du blog

• Liste, actions groupées possibles, attribution des rôles (droits d’écriture)…


50

• 9ème étape : gérer les utilisateurs– Inviter des utilisateurs


Indiquer l’adresse mel préciser le rôle (les droits)

faire un messaged’invitation

51

• 9ème étape : gérer les utilisateurs– 5 rôles différents :

• Administrateur :– Par défaut le propriétaire du blog– A tous les droits sur le blog : édition, suppression…– De préférence, un seul administrateur pour un blog

• Editeur :– Peut voir, éditer, publier, supprimer n’importe quel article ou page– Peut modérer les commentaires– Peut gérer les catégories, les tags, les liens– Peut transférer des images et fichiers

• Auteur :– Peut voir, éditer, publier, supprimer ses propres articles– Peut transférer des images et fichiers sur ses propres articles

• Contributeur :– Peut éditer ses articles, mais pas les publier– Un article proposé par un contributeur doit être validé par l’administrateur, qui peut ou

non le publier

• Lecteur :– Pour un blog privé, personne invitée à lire le blog – Pas de droit d’édition


52

• 10ème étape : gérer les commentaires– Décider d’abord si les commentaires sont autorisés ou non– Dans le menu, Réglages et Discussion– Vérifier tous les paramètres, cocher ou décocher selon le fonctionnement

choisi


53

• 10ème étape : gérer les commentaires– Dans les Réglages par défaut, autoriser les liens de notification

(pings et rétroliens) et les commentaires

– Par prudence, cocher la case :


54

• 10ème étape : gérer les commentaires– Pour voir les commentaires existants :

• Menu Commentaires• Possibilité de :

– Approuver : commentaire publié– Désapprouver : le commentaire ne sera pas publié– Marquer comme indésirable– Placer dans la corbeille


4/ Fonctionnalités avancées

Personnaliser l’en-tête

• Dans Apparence : En-tête– Sélectionner une image et la recadrer– Modifier la couleur du texte

Créer et intégrer un sondage

• Dans Réactions, Sondages, puis Ajouter– Accepter l’interconnexion avec l’application Polldaddy– Créer le sondage

58

• Dans Twitter, créer un widget :– Dans les paramètres du compte, menu Widgets, puis Créer un

nouveau– Créer le widget et valider

– Dans l’URL du widget créé, repérer le n° d’identifiant (ID) du widget et le copier (un numéro long) :

Intégrer un compte Twitter dans un blog WordPress

59

• Dans WordPress :– insérer le widget Twitter Timeline

(par glisser-déposer) dans la sidebar :

– Paramétrer le widget :• Le titre• Coller l’ID du widget de Twitter• Valider• Vérifier sur le blog publié

Intégrer un compte Twitter dans un blog WordPress

60

• Dans Réglages :– Lecture :

• Régler les paramètres de lecture, de visibilité

– Partager :• Intégrer des boutons de partage et de service (Imprimer, Twitter…)

Autres fonctionnalités

5/ Ressources

62

• Sur WordPress : – URFIST de Nice. La pratique du blogue (Wordpress)

– Gil Van Meeuwen. Diaporama « Créer un blog avec Worpress

• Sur les blogs des bibliothèques :– Lionel Dujol. Blogs de bibliothèques : un nouveau service aux usagers ?– Perrine Helly. Comment lancer et faire fonctionner un blog de

bibliothèque ? Quelques pistes concrètes à partir de l’exemple du Buboblog

Pour aller plus loin

Adresse mel :

[email protected]

Site web :

http://www.sites.univ-rennes2.fr/urfist/

Contact

Education

Créer un blog sur WordPress