Créer un blog sur WordPress

Créer un blog sur WordPress
Alexandre Serres,
URFIST de Rennes
13 novembre 2014

2
PLAN
• 1/ Quelques notions de base sur les blogs
• 2/ Créer un blog sur WordPress en 10 étapes
• 3/ Fonctionnalités avancées
• 4/ Usages, ressources

1/ Quelques notions de base sur les
blogs

4
Qu’est-ce qu’un blog ?
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é

5
Qu’est-ce qu’un blog ? La terminologie
• 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

6
Qu’est-ce qu’un blog ? La terminologie
• 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

URFIST Rennes, 2011
7
Archives
Catégories
Fils RSS
Commentaires
Décodage

8
Rétrolien
Qu’est-ce qu’un blog ?
« Concrètement, l'auteur d'un blog A peut établir un rétrolien vers un billet d'un blog B en faisant, dans un de
ses propres billets sur son blog A, un lien vers l'URL du billet du blog B. Si le blog B gère les rétroliens, il est
automatiquement indiqué dans le billet sur le blog B que le blog A y fait référence. Le lecteur du billet sur le
blog B peut alors découvrir le blog A et s'y rendre, grâce à ce lien automatique. De même, l'auteur du blog B
est mis au courant que l'auteur du blog A s'intéresse à son contenu ; le système de rétroliens est parfois
qualifié de « social » car il permet des rencontres virtuelles. » (Wikipedia)

9
Principes techniques
• 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…

B. de Carné, 2008
10

B. de Carné, 2008
11
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

12
• Deux possibilités :
Démarche de création d’un blog
– Utiliser une plate-forme en ligne gratuite :
• Blogger, WordPress, Over Blog, etc.
• Voir « Tableau comparatif des plateformes de blogs gratuites »
– 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
WordPress
B. de Carné, Acréat, 2008 13
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

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

Créer un blog sur WordPress en
10 étapes
• 1/ Ouvrir un compte et créer le blog
• 2/ Vérifier les paramètres, se familiariser avec l’interface
• 3/ Personnaliser l’aspect du blog : choix du Thème
• 4/ Organiser le blog avec les widgets
• 5/ Ajouter des catégories, des liens
• 6/ Rédiger, mettre en forme un billet
• 7/ Créer et gérer les pages statiques, gérer les menus
• 8/ Insérer des fichiers
• 9/ Gérer les utilisateurs
• 10/ Gérer les commentaires

• 1ère étape : nommer le blog
– sur la page d’accueil de WordPress : donner un nom à votre blog et Créer un
site
2.1 Créer un blog sur WordPress :
créer le blog et ouvrir un compte

• 1ère étape : créer le blog, ouvrir un compte
Vérification par WordPress sur le
nom du site
> Ouvrir sa messagerie pour vérifier le mel envoyé par WordPress
et activer le mot de passe

– donner une adresse et un titre au blog
– cliquer sur Non merci, j’opte pour l’adresse gratuite
– décider de la visibilité : au début, choisir Privé

– En bas de la page, cliquer sur Créer le Blog : votre blog est créé !

paramétrages, décodage de l’interface
• 2ème étape : paramétrer le compte
– Sur la page d’accueil de WordPress, aller 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.)

• 2ème étape : paramétrer le compte
– Gérer les notifications :
• Dans Notifications :
– Si vous ne souhaitez pas recevoir les mels de WordPress, désactiver l’envoi des notifications par
mail ;
– Ne pas oublier d’Enregistrer les modifications

• 2ème étape : 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 du blog

• 2ème étape : paramétrer le blog
• Dans Réglages :
– Réglages généraux : pour modifier le titre du blog, insérer un
slogan, régler les formats de dates, d’heures…

– Lecture :
• Régler les paramètres de lecture, de visibilité
– Partager :
• Intégrer des boutons de partage et de service (Imprimer, Twitter…)

– Partager :
• Pour intégrer des boutons de partage et de service (Imprimer, Twitter…)
• Attention : le blog doit être déclaré visible (et non Privé) pour accéder aux
boutons de partage

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

• 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.
–Le thème détermine la mise en forme du blog : nombre de colonnes, bandeau,
disposition des billets…
–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

• Dans Apparence, Personnaliser
– Possibilités de :
• Modifier les couleurs du thème, de l’arrière-plan
• Insérer une image d’arrière-plan
• Paramétrer la page d’accueil :
– derniers billets ou une page statique ?
• Modifier le titre du blog
• Insérer un logo
• Modifier l’en-tête

organiser les widgets
• 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 Colonne principale
- Entourés : les widgets conseillés
API musicale
pour Facebook

• 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

avec les widgets
– Organiser les widgets par fonction
– Recherche dans le blog :
• Chercher :
– Moteur de recherche
interne
• Catégories :
– Recherche sur des
catégories pré-définies
– Cocher les cases
• Nuage de mos-clés :
– Recherche par tags
– Remplir la case Titre

avec les widgets
– 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

avec les widgets
– 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
– Widget Catégories :
ajouter des catégories, des liens
• 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 liens
– Menu 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
– Menu Liens :
• Cocher la case _blank, pour ouvrir le lien dans un autre onglet
• Indiquer éventuellement la relation

• 5ème étape : ajouter des liens
– Menu Liens :
• Indiquer éventuellement l’adresse de l’image du blog
• L’adresse du flux RSS
• Ne pas oublier de valider (en haut à droite)

rédiger, mettre en forme un billet
• 6ème étape : rédiger et mettre en forme un billet
– Menu Articles, sous-menu Ajouter
Zone de titre
Zone de publication
Zone du permalien
Zone des catégories
Zone d’écriture
Zone de mise en forme

• 6ème étape : rédiger et mettre en forme un billet
Pour insérer
un lien
Copiés-collés de textes
sous Word ou txt
Pour ajouter
un fichier
Styles
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

• Insérer des liens
externes :
– Sélectionner le texte à
transformer en lien
– Cliquer sur le bouton
« Insérer/modifier un lien »,
devenu actif
– La fenêtre ci-contre s’ouvre
– Coller l’URL du lien
– Cocher la case (_blank), pour
ouvrir le lien dans un autre
onglet
– Cliquer sur Ajouter un lien

• Insérer des liens
internes (vers un autre
billet ou page du blog) :
– Dans la fenêtre du lien, cliquer sur la
flèche après « Faîtes un lien vers l’un
des contenus de votre site » :
– La fenêtre se déroule
complètement
– Taper le terme recherché
– Sélectionner la page trouvée
– Cliquer sur Ajouter un lien
> attention : le lien ouvrira la
page, mais pas sur le terme
choisi

42
créer, gérer les pages statiques
• 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

43
– Pour créer une page :
Dans Pages,
Ajouter
Donner un titre à la page Saisir et mettre en forme
le texte

44
– 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

45
– Gérer les pages statiques :
Dans Pages,
Toutes les pages
Possibilité d’actions
groupées
Filtrage par dates
Commentaires
Statistiques
de consultation
Bouton « J’aime »

46
insérer des fichiers
• 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 et en image

47
– Gestion de la Bibliothèque (regroupe l’ensemble des fichiers transférés
sur le blog) :

48
– Gestion de la Bibliothèque :
• Possibilité de transférer plusieurs fichiers, puis de les relier à telle ou telle page
• Dans l’affichage du fichier, passer la souris et cliquer sur Joindre
• Choisir la page ou l’article où sera publié le fichier
• Cliquer sur Sélectionner

49
• 8ème étape : insérer et activer une carte de Google Maps
– Sur Google Maps, après avoir choisi la carte à intégrer, cliquer sur l’icône de la roue
dentée, et sur la fenêtre ci-dessous, choisir Partager et intégrer la carte
• Sur WordPress, dans la page concernée,
passer en mode Texte
Copier le code HTML
généré par Google Maps
Coller le code HTML dans
la zone de saisie

50
• 8ème étape : insérer et activer une vidéo, une présentation
– Sur YouTube, choisir la vidéo à intégrer, cliquer sur Partager, puis sur Intégrer
Copier le code HTML
généré par YouTube
– Pour une présentation .ppt sur SlideShare, même démarche :
• Sur le support, cliquer sur Intégrer, puis copier le code HTML
– Sur WordPress, dans la page concernée, passer en mode Texte
– Coller le code HTML dans la zone de saisie

51
• 9ème étape : gérer les utilisateurs
gérer les utilisateurs
– Tableau de bord des utilisateurs du blog
• Liste, actions groupées possibles, attribution des rôles (droits
d’écriture)…

52
– Inviter des utilisateurs
Indiquer l’adresse mel préciser le rôle
(les droits)
faire un message
d’invitation

53
– 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

54
gérer les commentaires
• 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

55
– Dans les Réglages par défaut des articles, autoriser les liens de
notification (pings et rétroliens) et les commentaires
– Par prudence, cocher la case :

56
– 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

Gérer sa signature publique
• Sur l’importance de la signature publique :
– Voir billet sur La maison des carnets
• Dans Utilisateurs, aller sur Mon profil public
– Renseigner le champ Full name

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églages, Sondages, puis Ajouter
– Accepter l’interconnexion avec l’application Polldaddy
• Dans Remarque, Créer le sondage, le remplir et le
paramétrer
– L’intégrer dans le billet choisi

61
Intégrer un compte Twitter dans un blog
WordPress
• 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) :

62
• Dans WordPress :
Intégrer un compte Twitter dans un blog
– 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é
WordPress

Autres fonctionnalités :
le bookmarklet
• Pour créer un article à la volée, à partir du
navigateur
• Dans Outils, choisir Outils disponibles :
– Glisser-déposer le bookmarklet dans la barre personnelle du
navigateur
– A partir d’une page web à signaler dans le blog, ouvrir le
bookmarklet et publier un article

Autres fonctionnalités :
le bookmarklet
• Pour créer un article à la volée, à partir du
navigateur
– Sur la page web à signaler ou commenter, cliquer sur le
bookmarklet et remplir la fenêtre suivante :
Compléter éventuellement
le billet
Publier ou
enregistrer
comme brouillon
Choisir le blog
Par défaut, titre
de la page web
URL de la page
Mettre des
catégories,
des tags

66
Les blogs en bibliothèque
• 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 :
• Figoblog, Marlène’s Corner, Bibliobsession…
• Blogs de bibliothèques :
– Actualités du SCD de Strasbourg, InQuarto…
– Intégration fréquente dans les sites web : BibliothèquesRennes2
• Sur le développement des blogs dans les BU :
– 43 blogs de BU agrégés sur Planet’BU
• 22 blogs ouverts entre 2009 et 2012
– Cf enquête 2012 :
Blogs en BU : données chiffrées pour se situer ou se lancer.

67
 Quelques fonctions :
Communication institutionnelle :
 Fil ABES, Actualités du SCD de Strasbourg
Valorisation des ressources de la bibliothèque :
 Bua’bloc, Ubodoc
Vie de la bibliothèque, projets collaboratifs… :
 Bib’Am, ChantierBU
Services de veille :
 Mettez-la en veille !
Animation d’un projet :
 Projet AO
La blogosphère bibliothéconomique :
différents usages

68
Pour trouver des blogs dans le
champ des bibliothèques
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é :

69
La blogosphère scientifique :
différents usages
• Blogs de chercheur
• Blogs thématiques collectifs
• Blogs liés à un enseignement
• Blogs de séminaire
• Blogs « compagnons » d’une publication
• Plateformes de blogs d’une institution
(université, organisme de recherche)

Le carnet de recherche dans le système d’information scientifique
Travail sur les sources
wiki, édition critique, corpus, bdd,
carnets
URFIST Rennes, CLEO, 2009 70
Bibliographie
Citulike, Connotea, blog
Séminaire
blog, site, audio
Veille Archives Ouvertes
comptes rendus, blog, agrégateur
Colloque
site, enregistrement audio-vidéo
Article
revues en ligne
Ouvrage
individuel ou collectif
livre électronique
Actes
site, livre électronique
Source : CLEO

La blogosphère scientifique :
871 carnets de recherche, la plateforme Hypothèses
en novembre 2014

La communauté d’Hypothèses :
La maison des carnets

73
• Sur WordPress :
– URFIST de Nice. La pratique du blogue (Wordpress)
– Gil Van Meeuwen. Diaporama « Créer un blog avec Worpress
– WordPress : les meilleurs plugins (indispensables !)
– Wordpress pour les nuls • Débutants et Avancés
– WordPress Channel. Tutoriels WordPress
• 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
• Sur Hypothèses :
– CLEO. La maison des carnets d’Hypothèses
Ressources

Adresse mel :
alexandre.serres@uhb.fr
Site web :
Contact
http://www.sites.univ-rennes2.fr/urfist/

Créer un blog sur WordPress

Contenu connexe

Créer un blog sur WordPress