SlideShare une entreprise Scribd logo
1  sur  30
Télécharger pour lire hors ligne
CREER SON 
BLOG 
avec 
WORDPRESS 
L'@telier 
multimédia
Blog ou site ? 
Un blog est un site Internet organisé de 
manière à pouvoir publier des articles 
par ordre chronologique. L'article le plus 
récent sera placé en page d'accueil et 
en première position par rapport aux 
autres sites. 
Un blog peut aussi comporter des pages 
statiques. 
Pour aller plus loin : 
http://www.lesannuaires.com/annuaire-bl 
og.html 
http://www.kloobik.org/?page_id=14 
http://www.wordpress-fr.net/2014/02/20/les 
-trouvailles-de-la-vitrine/
Wordpress - Définition 
Wordpress est ce que l'on appelle un CMS 
(Content Management System (CMS) ou système de gestion de contenu (SGC) en français) 
C'est une famille de logiciels destinés à la conception et à la mise à jour dynamique de sites Web 
ou d'applications multimédia. 
Ils partagent les fonctionnalités suivantes : 
- ils permettent à plusieurs individus de travailler sur un même document ; 
- ils fournissent une chaîne de publication (workflow), offrant par exemple la possibilité de mettre en ligne le 
contenu des documents ; 
- ils permettent de séparer les opérations de gestion de la forme et du contenu ; 
- ils permettent de structurer le contenu (utilisation de FAQ, de documents, de blogs, de forums de discussion, 
etc.) ; 
- ils permettent de hiérarchiser les utilisateurs et de leur attribuer des rôles et des permissions (utilisateur 
anonyme, administrateur, contributeur, etc.) ; 
- certains SGC incluent la gestion de versions. 
Définition wikipédia
Wordpress - Définition 
Il existe un grand nombre de CMS libres ou pas, offrant plus ou moins de fonctionnalités. 
Consultez le site suivant pourra vous éclairer sur les CMS libres quand à leur nombre ainsi que 
sur les fonctions proposées. 
Le site est en anglais mais un bon nombre de CMS offre une version de démonstration 
réinitialisées régulièrement. 
http://www.opensourcecms.com/ 
Autre source d'information : 
http://www.framasoft.net 
wikipedia 
Nous avons décidé de vous faire découvrir Wordpress qui est un CMS polyvalent qui vous 
permettra de créer tout aussi bien un blog qu'un site commercial ou tout autre site. 
D'autre part, un très grand nombre d'extensions existent pour vous permettre d'étendre les 
possibilités de créations et de configurations de votre outil. Enfin une communauté importante 
et réactive pourra vous aider à trouver des réponses à vos questions concernant son utilisation.
Installation de Wordpress 
2 solutions pour travailler avec WP 
Créer un compte en ligne sur https://fr.wordpress.com/ 
Héberger son site WP chez un prestataire extérieur 
1) Installation d'un serveur web local Wamp (Windows) ou Mamp (IOS), ou Lamp (Linux) 
2) Télécharger WP http://www.wordpress.fr 
3) Enregistrer sous localhost (www) 
4) Créer son site sur le serveur local Wamp, Mamp ou Lamp 
5) Choisir et acheter un nom de domaine 
6) Choisir un hébergeur : http://www.tomsguide.fr/ 
7) Transférer les données chez son hébergeur avec un logiciel FTP de transfert de fichiers FileZilla
Gestion des articles et des pages 
Les articles sont généralement utilisés pour afficher des informations 
d'actualité sur un sujet précis. Les articles constituent le contenu 
essentiel d'un blog. Ils sont classés par catégorie, et on peut leur 
affecter des tags. Ils sont triés par date. 
Les pages sont utilisées pour afficher des informations pérennes sans 
réelle limite dans le temps. Elles ne sont pas triées par date. 
Le tableau de bord permet de visualiser l'ensemble de ses articles et 
de ses pages, de les trier, de les modifier individuellement ou de 
manière globale.
Gestion des articles et des pages 
Au survol de la souris sur 
une page 4 options sont 
proposées : 
- Modifier : permet de 
modifier le contenu de la 
page 
- Modification rapide : 
permet de modifier le titre, 
la date de publication, ainsi 
que les options de 
publication. Pour une page 
sa place dans le menu, 
pour un article, ses 
catégories... 
- Corbeille : permet de 
supprimer une page 
- Afficher : affiche la page 
telle qu'elle apparaîtra sur 
le blog.
Ajouter une page ou un article 
Ajouter 
Vous permet de créer une nouvelle page OU un article 
Entrez dans cette zone le titre de votre nouvelle page 
Saisissez ici le 
texte Utilisez les boutons 
de la barre d'outils 
pour mettre en 
forme votre texte 
Editez directement 
le code HTML 
Passez en mode 
plein écran pour 
plus de confort 
Ajouter des 
médias en 
cliquant sur 
ce bouton
Ajouter un article 
Publier : 
enregistrer un 
brouillon, modifier, 
publier 
Format : 
définit un 
style CSS 
On peut 
affecter un 
article à une 
catégorie et 
lui attribuer 
des tags
Articles : Catégories 
Les catégories permettent de 
classer les articles par sujet. 
Un article peut appartenir à 
plusieurs catégories. 
Modification : 
les catégories 
peuvent être 
hiérarchisées.
Articles : Tags 
On peut décrire un 
article au moyen de 
tags, ou mots-clés, plus 
précis que les 
catégories.
Ajouter une page 
Publier : 
enregistrer un 
brouillon, modifier 
et publier 
Les attributs de la page permettent de définir une 
hiérarchie dans les pages et l'ordre d' affichage des 
pages au sein d'un menu.
Wordpress – gestion des médias 
Effectuer un clic sur le menu Médias de la barre latérale gauche 
donne accès à deux options : 
- Bibliothèque 
- Ajouter 
Bibliothèque 
La bibliothèque vous permet de gérer l'ensemble 
des médias déjà présents sur votre blog : 
- images 
- sons 
- Vidéos 
- PDF 
- non-attachés 
Vous pouvez après avoir sélectionné un média y 
ajouter des informations complémentaires. 
Ajouter 
Vous pouvez ajouter tout type de média 
simplement en déposant par un glisser-déposer ou 
en cliquant sur le bouton « Sélectionner des 
fichiers »
Ajouter un média à une page ou un article 
Récupérer un fichier sur son ordinateur
Décrire le média 
Les attributs de l'image 
Renseigner le titre pour qu'une 
info-bulle apparaisse au survol 
de l'image par la souris. 
Très important d'indiquer un titre 
alternatif clair (normes 
d'accessibilité pour les personnes 
malvoyantes équipées de boîtiers 
vocaux.) 
On peut choisir l'emplacement de 
l'image, gauche, centre, droit, et sa 
taille, taille originale, grande, moyenne, 
miniature.
Insertion d'une vidéo 
Première étape : 
Sur le site où est 
publiée la vidéo, 
cliquez sur Partager, 
puis sur Intégrer (ou 
embed), 
copier le code.
Deuxième étape : 
Passez en mode 
Texte (code html) 
Positionnez le 
curseur de la 
souris là où vous 
voulez voir 
apparaître la vidéo 
Collez le code 
Insertion d'une vidéo 
Pour visualiser la vidéo, mettre à jour l'article et Afficher.
Wordpress – gestion des commentaires 
Cliquez sur le menu commentaires pour atteindre la gestion des commentaires 
Vous permet 
de filtrer les 
commentaires 
affichés 
Case à 
cocher de 
sélection de 
commentaire 
Options de traitement d'un commentaire 
- désapprouver : informe l'auteur du commentaire qu'il est en attente de validation et le fait disparaître de la page. 
- Répondre : permet de répondre au commentaire, apparaît sur la page à la suite du commentaire. 
- Modification rapide : permet de modifier le commentaire. 
- Indésirable : supprimer le commentaire de la page et le place dans la corbeille (il est encore possible de le récupérer). 
- Corbeille : permet de supprimer le commentaire.
Gestion des commentaires 
Les commentaires se paramètrent dans Réglages Discussion
Structure d'une page web 
Header : Il est situé tout en haut de la 
page. Souvent, il intègre un logo ou en-tête 
graphique qui comprend le nom du site 
Web. 
Menu : C'est une section horizontale de la 
page dans laquelle vous pouvez insérer un 
menu de navigation. 
Left Panel : Il est situé sous le header, et à 
gauche du corps principal de la page Web. 
Ici vous trouverez souvent des liens vers 
tous les importantes pages du site web, 
ainsi que d'autres éléments. 
Right Panel : Peut être utilisé à la place du 
Left Panel ou en complément pour ajouter 
des informations, des liens, des publicités. 
Main Panel : C'est là où le corps du texte 
de votre site apparaît. Il s'agit bien sûr 
l'élément le plus important de vos pages. 
Footer : C'est la section qui apparaît tout 
en bas de la page. Souvent, elle 
comprendra un message d'auteur et peut 
contenir : Politique de confidentialité, 
règlement & conditions, copyright, liens de 
contact, mentions obligatoires... 
Exemple d'une structure de page 
Entête (Header) 
Menu 
Panneau 
Gauche 
(Left panel) 
Panneau 
Droit 
(Right panel) 
Panneau principal 
(Main panel) 
Pied de page (Footer) 
Plus d'infos sur la structure 
d'une page
Wordpress – gestion de l'apparence 
L'apparence c'est la manière dont les informations contenues vont 
apparaître à l'utilisateur qui viendra consulter le site ou le blog. 
C'est ici que l'on va gérer le thème global, les widgets, les menus et 
l’entête du site. 
Le thème global 
Le thème global modifie l'agencement des composants du site : la position des articles, des 
menus, des widgets, mais également le contenu de l'entête, du pied de page etc. 
Par défaut 3 ou 4 thèmes vous sont proposés mais vous pouvez facilement en ajouter 
d'autres. 
Bouton d'ajout de thèmes 
Thèmes disponibles
Wordpress – gestion de l'apparence 
Les widgets 
Un Widget est un 
composant logiciel, son 
nom provient du mot 
gadget. 
En informatique, le mot 
widget recouvre deux 
notions distinctes, chacune 
en relation avec les 
interfaces graphiques. Il 
peut alors être considéré 
comme étant la contraction 
des termes window 
(fenêtre) et gadget. Il peut 
désigner : 
un composant d'interface 
graphique, un élément 
visuel d'une interface 
graphique (bouton, 
ascenseur, liste 
déroulante, etc.) ; 
un widget interactif, un 
petit outil qui permet 
d'obtenir des informations 
(météo, actualité, 
dictionnaire, carte routière, 
pense-bête – en anglais 
post-it –, traducteur, etc.). 
Définition wikipédia 
Widgets disponibles Zones de disposition des widgets 
Pour utiliser un widget, effectuer un clic gauche sur le widget, puis 
sans relâcher le clic, le déplacer sur la zone de positionnement 
désirée. 
Remarque : En fonction du thème choisi et des extensions installées, 
les widgets ainsi que les emplacements disponibles peuvent changer.
Wordpress – Gestion de l'apparence 
Les menus 
En informatique, un menu est destiné à simplifier l'exploration des pages d'un site via un système ergonomique de 
liens séparés en catégories aisément compréhensibles. 
Définition wikipédia 
Sélection du menu 
Pages, catégories et liens existants 
pouvant-être ajouté au menu 
Onglet « Modifier les menus » 
Agencement du menu Bouton d'enregistrement du menu
Gestion des menus 
Après avoir créé vos menus, il 
faut les positionner : 
Cliquez sur l'onglet 
Gérer les emplacements, 
et sélectionnez pour chaque 
emplacement le menu que vous 
souhaitez y voir apparaître. 
Thème : 
Twenty 
Thirteen 
Thème : 
Minamaze 
Remarque :En fonction du thème choisi, vous aurez la possibilité de positionner un ou plusieurs menus sur votre 
site à des emplacements différents.
Wordpress – gestion des extensions 
Les extensions ou plugins : il s'agit de fonctionnalités 
supplémentaires que l'on peut rajouter à WP. 
Dans WP en ligne, certaines extensions sont intégrées par défaut à certains thèmes 
(formulaire de contact, partage sur les réseaux sociaux, etc,,,), mais il est 
impossible d'en ajouter d'autres. 
En revanche, si vous avez téléchargé WP, on peut installer toutes sortes 
d'extensions : 
- téléchargez les pluggins à cette adresse : https://wordpress.org/plugins/ 
- installez le programme dans le menu Extensions
Wordpress – gestion des utilisateurs 
Les rôles 
Le système de Rôles a été mis en place pour donner au propriétaire du blog la possibilité de contrôler et de 
déterminer ce que chaque utilisateur peut ou ne peut pas voir sur le blog. Un propriétaire de blog doit gérer et 
autoriser les accès à plusieurs fonctions comme la rédaction et l'édition de billets, la création de pages, la gestion 
des liens, la création des catégories, la modération des commentaires, la gestion des plugins, la gestion des 
thèmes, et la gestion des autres utilisateurs 
5 Rôles existent sous Wordpress : 
- Abonné : Personne qui peut lire et envoyer des commentaires mais qui peut également recevoir les 
lettres d'informations 
- Contributeur : Personne qui peut rédiger et gérer ses propres billets mais qui ne peut pas les publier. 
- Auteur : Personne qui peut rédiger et publier ses propres billets 
- Éditeur : Personne qui peut rédiger et publier des billets mais aussi gérer les billets d'autres personnes 
- Administrateur : Personne qui a accès à toutes les foncions d'administration 
Gérer les utilisateurs 
Liste déroulante de sélection de rôle Utilisateurs existants
Wordpress – gestion des utilisateurs 
Ajout d'utilisateur 
Vous pouvez ajouter des utilisateurs directement depuis votre 
console d'administration. 
Cliquez sur les menu « Ajouter » puis renseignez les différents 
champs puis valider. 
Remarque : Sur WP en ligne, il n'est pas possible de créer les 
comptes utilisateurs mais seulement d'envoyer une invitation par 
email. 
Gestion de votre profil 
Vous pouvez également gérer les informations 
de votre profil tel que nom, prénom, adresse 
email, mot de passe, … 
Cliquez sur le menu « Votre profil » et modifiez 
les informations puis enregistrez les 
modifications.
Wordpress – réglages 
Les réglages de votre site. 
Les options de lecture permettent, entre 
autres choses, de définir l'architecture du 
site : 
- option blog : la page d'accueil affiche les 
derniers articles 
- option site : on définit une page d'accueil 
fixe.
Créer son compte 
Choisir un nom de site significatif. Par 
défaut, le nom d'un site gratuit se 
termine par wordpress.com. 
Renseignez tous les champs 
Créez le blog
Ressources 
Tutoriels 
Wordpress 
Comment créer un site internet avec Wordpress 
Ateliers multimédia Brest 
Openclassroom 
Référencement 
Guide du débutant en SEO 
Ecriture web 
Ecrire pour le web : fiches pratiques 
L'@telier multimédia - Médiathèque Gaston Baissette – octobre 2014

Contenu connexe

Tendances

Cours Licence Pro (Système de gestion de contenu) Partie 1
Cours Licence Pro (Système de gestion de contenu) Partie 1Cours Licence Pro (Système de gestion de contenu) Partie 1
Cours Licence Pro (Système de gestion de contenu) Partie 1Creazzly
 
Formation WordPress 2023.pptx
Formation WordPress 2023.pptxFormation WordPress 2023.pptx
Formation WordPress 2023.pptxPalmsquare
 
Conception d'un site web
Conception d'un site webConception d'un site web
Conception d'un site webMoufida Othmani
 
Formation PHP
Formation PHPFormation PHP
Formation PHPkemenaran
 
Aide à la prise en main des deux versions de Google Analytics.pdf
Aide à la prise en main des deux versions de Google Analytics.pdfAide à la prise en main des deux versions de Google Analytics.pdf
Aide à la prise en main des deux versions de Google Analytics.pdfMurielDenis
 
Introduction aux bases de données
Introduction aux bases de donnéesIntroduction aux bases de données
Introduction aux bases de donnéesAbdoulaye Dieng
 
Cours d'initiation à Photoshop
Cours d'initiation à PhotoshopCours d'initiation à Photoshop
Cours d'initiation à Photoshopaymenli
 
Architecture jee principe de inversion de controle et injection des dependances
Architecture jee principe de inversion de controle et injection des dependancesArchitecture jee principe de inversion de controle et injection des dependances
Architecture jee principe de inversion de controle et injection des dependancesENSET, Université Hassan II Casablanca
 
Rédaction d'un cahier des charges web
Rédaction d'un cahier des charges webRédaction d'un cahier des charges web
Rédaction d'un cahier des charges webForestier Mégane
 
Les étapes de création d'un site web
Les étapes de création d'un site webLes étapes de création d'un site web
Les étapes de création d'un site webChris Gaillard
 
Cours d'introduction aux HTML5 & CSS3
Cours d'introduction aux HTML5 & CSS3Cours d'introduction aux HTML5 & CSS3
Cours d'introduction aux HTML5 & CSS3Abel LIFAEFI MBULA
 
Formation prospection LinkedIn
Formation prospection LinkedInFormation prospection LinkedIn
Formation prospection LinkedInJulien Dereumaux
 
Introduction à React JS
Introduction à React JSIntroduction à React JS
Introduction à React JSAbdoulaye Dieng
 
BigData_TP5 : Neo4J
BigData_TP5 : Neo4JBigData_TP5 : Neo4J
BigData_TP5 : Neo4JLilia Sfaxi
 
Architectures n-tiers
Architectures n-tiersArchitectures n-tiers
Architectures n-tiersHeithem Abbes
 

Tendances (20)

Cours Licence Pro (Système de gestion de contenu) Partie 1
Cours Licence Pro (Système de gestion de contenu) Partie 1Cours Licence Pro (Système de gestion de contenu) Partie 1
Cours Licence Pro (Système de gestion de contenu) Partie 1
 
Formation WordPress 2023.pptx
Formation WordPress 2023.pptxFormation WordPress 2023.pptx
Formation WordPress 2023.pptx
 
Conception d'un site web
Conception d'un site webConception d'un site web
Conception d'un site web
 
Formation PHP
Formation PHPFormation PHP
Formation PHP
 
Aide à la prise en main des deux versions de Google Analytics.pdf
Aide à la prise en main des deux versions de Google Analytics.pdfAide à la prise en main des deux versions de Google Analytics.pdf
Aide à la prise en main des deux versions de Google Analytics.pdf
 
Introduction aux bases de données
Introduction aux bases de donnéesIntroduction aux bases de données
Introduction aux bases de données
 
Cours d'initiation à Photoshop
Cours d'initiation à PhotoshopCours d'initiation à Photoshop
Cours d'initiation à Photoshop
 
Développement d'un site web de E-Commerce avec PHP (Première Partie)
Développement d'un site web de E-Commerce avec PHP (Première Partie)Développement d'un site web de E-Commerce avec PHP (Première Partie)
Développement d'un site web de E-Commerce avec PHP (Première Partie)
 
Architecture jee principe de inversion de controle et injection des dependances
Architecture jee principe de inversion de controle et injection des dependancesArchitecture jee principe de inversion de controle et injection des dependances
Architecture jee principe de inversion de controle et injection des dependances
 
Rédaction d'un cahier des charges web
Rédaction d'un cahier des charges webRédaction d'un cahier des charges web
Rédaction d'un cahier des charges web
 
Les étapes de création d'un site web
Les étapes de création d'un site webLes étapes de création d'un site web
Les étapes de création d'un site web
 
Support NodeJS avec TypeScript Express MongoDB
Support NodeJS avec TypeScript Express MongoDBSupport NodeJS avec TypeScript Express MongoDB
Support NodeJS avec TypeScript Express MongoDB
 
Cours d'introduction aux HTML5 & CSS3
Cours d'introduction aux HTML5 & CSS3Cours d'introduction aux HTML5 & CSS3
Cours d'introduction aux HTML5 & CSS3
 
Formation prospection LinkedIn
Formation prospection LinkedInFormation prospection LinkedIn
Formation prospection LinkedIn
 
Introduction à React JS
Introduction à React JSIntroduction à React JS
Introduction à React JS
 
Modèle cahier des charges site web
Modèle cahier des charges site webModèle cahier des charges site web
Modèle cahier des charges site web
 
BigData_TP5 : Neo4J
BigData_TP5 : Neo4JBigData_TP5 : Neo4J
BigData_TP5 : Neo4J
 
Support JEE Spring Inversion de Controle IOC et Spring MVC
Support JEE Spring Inversion de Controle IOC et Spring MVCSupport JEE Spring Inversion de Controle IOC et Spring MVC
Support JEE Spring Inversion de Controle IOC et Spring MVC
 
Introduction à React
Introduction à ReactIntroduction à React
Introduction à React
 
Architectures n-tiers
Architectures n-tiersArchitectures n-tiers
Architectures n-tiers
 

En vedette

Support de formation pour Wordpress
Support de formation pour WordpressSupport de formation pour Wordpress
Support de formation pour WordpressVoyelle Voyelle
 
Formation WordPress à Blida
Formation WordPress à BlidaFormation WordPress à Blida
Formation WordPress à BlidaGd6d
 
Formation 15 jours pour créer son blog pro
Formation 15 jours pour créer son blog proFormation 15 jours pour créer son blog pro
Formation 15 jours pour créer son blog proDominique Dufour 杜多
 
Developing .NET MVC websites using Kentico Cloud - webinar intro
Developing .NET MVC websites using Kentico Cloud - webinar introDeveloping .NET MVC websites using Kentico Cloud - webinar intro
Developing .NET MVC websites using Kentico Cloud - webinar introKentico Software
 
START BUILDNING WORDPRESS WEBSITES IN ETHIOPIA - SEE HOW!
START BUILDNING WORDPRESS WEBSITES IN ETHIOPIA - SEE HOW! START BUILDNING WORDPRESS WEBSITES IN ETHIOPIA - SEE HOW!
START BUILDNING WORDPRESS WEBSITES IN ETHIOPIA - SEE HOW! ALEMUSH ZERIHOUN
 
Introduction to CMS
Introduction to CMSIntroduction to CMS
Introduction to CMSZac Gordon
 
Choosing the "right" CMS
Choosing the "right" CMSChoosing the "right" CMS
Choosing the "right" CMSSally Lait
 
Le digital pour se developper à l'international 2
Le digital pour se developper à l'international 2Le digital pour se developper à l'international 2
Le digital pour se developper à l'international 2Voyelle Voyelle
 
Formation Wordpress 3
Formation Wordpress 3Formation Wordpress 3
Formation Wordpress 3robinparisi
 
Learn HTML & CSS From Scratch in 30 Days
Learn HTML & CSS From Scratch in 30 DaysLearn HTML & CSS From Scratch in 30 Days
Learn HTML & CSS From Scratch in 30 DaysJonathan Grover
 
Designing WordPress - Heart&Sole2011
Designing WordPress - Heart&Sole2011Designing WordPress - Heart&Sole2011
Designing WordPress - Heart&Sole2011John O'Nolan
 
Utiliser slideshare
Utiliser slideshareUtiliser slideshare
Utiliser slidesharemdariotis
 
What is a Content Management System or CMS
What is a Content Management System or CMSWhat is a Content Management System or CMS
What is a Content Management System or CMSSteve Williams
 

En vedette (20)

Support de formation pour Wordpress
Support de formation pour WordpressSupport de formation pour Wordpress
Support de formation pour Wordpress
 
Initiation à WordPress
Initiation à WordPressInitiation à WordPress
Initiation à WordPress
 
Formation WordPress à Blida
Formation WordPress à BlidaFormation WordPress à Blida
Formation WordPress à Blida
 
Formation WordPress
Formation WordPressFormation WordPress
Formation WordPress
 
PPT WORDPRESS
PPT WORDPRESSPPT WORDPRESS
PPT WORDPRESS
 
Formation 15 jours pour créer son blog pro
Formation 15 jours pour créer son blog proFormation 15 jours pour créer son blog pro
Formation 15 jours pour créer son blog pro
 
Developing .NET MVC websites using Kentico Cloud - webinar intro
Developing .NET MVC websites using Kentico Cloud - webinar introDeveloping .NET MVC websites using Kentico Cloud - webinar intro
Developing .NET MVC websites using Kentico Cloud - webinar intro
 
WordPress as CMS
WordPress as CMSWordPress as CMS
WordPress as CMS
 
Custom V CMS
Custom V CMSCustom V CMS
Custom V CMS
 
START BUILDNING WORDPRESS WEBSITES IN ETHIOPIA - SEE HOW!
START BUILDNING WORDPRESS WEBSITES IN ETHIOPIA - SEE HOW! START BUILDNING WORDPRESS WEBSITES IN ETHIOPIA - SEE HOW!
START BUILDNING WORDPRESS WEBSITES IN ETHIOPIA - SEE HOW!
 
Introduction to cms and wordpress
Introduction to cms and wordpressIntroduction to cms and wordpress
Introduction to cms and wordpress
 
Introduction to CMS
Introduction to CMSIntroduction to CMS
Introduction to CMS
 
Choosing the "right" CMS
Choosing the "right" CMSChoosing the "right" CMS
Choosing the "right" CMS
 
Le digital pour se developper à l'international 2
Le digital pour se developper à l'international 2Le digital pour se developper à l'international 2
Le digital pour se developper à l'international 2
 
Formation Wordpress 3
Formation Wordpress 3Formation Wordpress 3
Formation Wordpress 3
 
Learn HTML & CSS From Scratch in 30 Days
Learn HTML & CSS From Scratch in 30 DaysLearn HTML & CSS From Scratch in 30 Days
Learn HTML & CSS From Scratch in 30 Days
 
Designing WordPress - Heart&Sole2011
Designing WordPress - Heart&Sole2011Designing WordPress - Heart&Sole2011
Designing WordPress - Heart&Sole2011
 
Utiliser slideshare
Utiliser slideshareUtiliser slideshare
Utiliser slideshare
 
What is a Content Management System or CMS
What is a Content Management System or CMSWhat is a Content Management System or CMS
What is a Content Management System or CMS
 
Tutoriel SlideShare
Tutoriel SlideShareTutoriel SlideShare
Tutoriel SlideShare
 

Similaire à Formation wordpress

WordPress Bases e-learning
WordPress Bases e-learningWordPress Bases e-learning
WordPress Bases e-learningAntonio Soto
 
Formation Joomla - créer son site Web
Formation Joomla - créer son site WebFormation Joomla - créer son site Web
Formation Joomla - créer son site WebHPJ Solutions
 
Tutoriel SPIP
Tutoriel SPIPTutoriel SPIP
Tutoriel SPIPCyberco
 
Hpms Blog Wordpress
Hpms Blog WordpressHpms Blog Wordpress
Hpms Blog WordpressBdx 3
 
Hpms Blog Wordpress
Hpms Blog WordpressHpms Blog Wordpress
Hpms Blog WordpressBdx 3
 
Manuel wordpress ad avenue
Manuel wordpress   ad avenueManuel wordpress   ad avenue
Manuel wordpress ad avenueFrançois Huynh
 
Guide d'utilisation site colibri ville
Guide d'utilisation   site colibri villeGuide d'utilisation   site colibri ville
Guide d'utilisation site colibri villePeggy Le Déaut ☂️
 
Créer un blog sous Wordpress.com
Créer un blog sous Wordpress.comCréer un blog sous Wordpress.com
Créer un blog sous Wordpress.comRomain Blachier
 
Creer un-site-avec-joomla-1.5
Creer un-site-avec-joomla-1.5Creer un-site-avec-joomla-1.5
Creer un-site-avec-joomla-1.5aelfkih
 
Créer un blog de bibliothèque
Créer un blog de bibliothèqueCréer un blog de bibliothèque
Créer un blog de bibliothèquewebmaster87
 
Tutorial Netvibes pour mise en place d'une page de veille
Tutorial Netvibes pour mise en place d'une page de veilleTutorial Netvibes pour mise en place d'une page de veille
Tutorial Netvibes pour mise en place d'une page de veilleThomas Hémery
 

Similaire à Formation wordpress (20)

Formation WordPress médiathèque Mauguio (mai 2017)
Formation WordPress médiathèque Mauguio (mai 2017)Formation WordPress médiathèque Mauguio (mai 2017)
Formation WordPress médiathèque Mauguio (mai 2017)
 
Wordpress meetup
Wordpress meetupWordpress meetup
Wordpress meetup
 
Guide de l'administration Wordpress
Guide de l'administration WordpressGuide de l'administration Wordpress
Guide de l'administration Wordpress
 
WordPress Bases e-learning
WordPress Bases e-learningWordPress Bases e-learning
WordPress Bases e-learning
 
Formation Joomla - créer son site Web
Formation Joomla - créer son site WebFormation Joomla - créer son site Web
Formation Joomla - créer son site Web
 
Tutoriel SPIP
Tutoriel SPIPTutoriel SPIP
Tutoriel SPIP
 
Atelier Netvibes
Atelier NetvibesAtelier Netvibes
Atelier Netvibes
 
Hpms Blog Wordpress
Hpms Blog WordpressHpms Blog Wordpress
Hpms Blog Wordpress
 
Hpms Blog Wordpress
Hpms Blog WordpressHpms Blog Wordpress
Hpms Blog Wordpress
 
Manuel wordpress ad avenue
Manuel wordpress   ad avenueManuel wordpress   ad avenue
Manuel wordpress ad avenue
 
Netvibes
NetvibesNetvibes
Netvibes
 
Guide d'utilisation site colibri ville
Guide d'utilisation   site colibri villeGuide d'utilisation   site colibri ville
Guide d'utilisation site colibri ville
 
Créer un blog sous Wordpress.com
Créer un blog sous Wordpress.comCréer un blog sous Wordpress.com
Créer un blog sous Wordpress.com
 
Prise en main de Joomla
Prise en main de JoomlaPrise en main de Joomla
Prise en main de Joomla
 
Creer un-site-avec-joomla-1.5
Creer un-site-avec-joomla-1.5Creer un-site-avec-joomla-1.5
Creer un-site-avec-joomla-1.5
 
Iut 26 novembre 2010 (1)
Iut 26 novembre 2010 (1)Iut 26 novembre 2010 (1)
Iut 26 novembre 2010 (1)
 
Tutoriaux
TutoriauxTutoriaux
Tutoriaux
 
Présentation netvibes
Présentation netvibesPrésentation netvibes
Présentation netvibes
 
Créer un blog de bibliothèque
Créer un blog de bibliothèqueCréer un blog de bibliothèque
Créer un blog de bibliothèque
 
Tutorial Netvibes pour mise en place d'une page de veille
Tutorial Netvibes pour mise en place d'une page de veilleTutorial Netvibes pour mise en place d'une page de veille
Tutorial Netvibes pour mise en place d'une page de veille
 

Plus de Médiathèque Gaston Baissette à Mauguio

Plus de Médiathèque Gaston Baissette à Mauguio (17)

Gimp prise en_main
Gimp prise en_mainGimp prise en_main
Gimp prise en_main
 
Créer sa chaîne YouTube
Créer sa chaîne YouTubeCréer sa chaîne YouTube
Créer sa chaîne YouTube
 
Journée des DYS 2019
Journée des DYS 2019Journée des DYS 2019
Journée des DYS 2019
 
Des livres numériques adaptés pour les jeunes lecteurs
Des livres numériques adaptés pour les jeunes lecteursDes livres numériques adaptés pour les jeunes lecteurs
Des livres numériques adaptés pour les jeunes lecteurs
 
Lance ta chaîne YouTube
Lance ta chaîne YouTubeLance ta chaîne YouTube
Lance ta chaîne YouTube
 
Lire sur sa tablette
Lire sur sa tabletteLire sur sa tablette
Lire sur sa tablette
 
Sweet home 3D
Sweet home 3DSweet home 3D
Sweet home 3D
 
Pinterest
PinterestPinterest
Pinterest
 
LibreOffice Writer
LibreOffice WriterLibreOffice Writer
LibreOffice Writer
 
Audacity
AudacityAudacity
Audacity
 
Shotcut
ShotcutShotcut
Shotcut
 
Twitter sur ma tablette
Twitter sur ma tablette Twitter sur ma tablette
Twitter sur ma tablette
 
Nettoyer et securiser son PC
Nettoyer et securiser son PCNettoyer et securiser son PC
Nettoyer et securiser son PC
 
SoundCloud
SoundCloudSoundCloud
SoundCloud
 
Applications de lecture_decembre_2014
Applications de lecture_decembre_2014Applications de lecture_decembre_2014
Applications de lecture_decembre_2014
 
Formation tableur
Formation tableurFormation tableur
Formation tableur
 
Découverte de l_ordinateur
Découverte de l_ordinateurDécouverte de l_ordinateur
Découverte de l_ordinateur
 

Formation wordpress

  • 1. CREER SON BLOG avec WORDPRESS L'@telier multimédia
  • 2. Blog ou site ? Un blog est un site Internet organisé de manière à pouvoir publier des articles par ordre chronologique. L'article le plus récent sera placé en page d'accueil et en première position par rapport aux autres sites. Un blog peut aussi comporter des pages statiques. Pour aller plus loin : http://www.lesannuaires.com/annuaire-bl og.html http://www.kloobik.org/?page_id=14 http://www.wordpress-fr.net/2014/02/20/les -trouvailles-de-la-vitrine/
  • 3. Wordpress - Définition Wordpress est ce que l'on appelle un CMS (Content Management System (CMS) ou système de gestion de contenu (SGC) en français) C'est une famille de logiciels destinés à la conception et à la mise à jour dynamique de sites Web ou d'applications multimédia. Ils partagent les fonctionnalités suivantes : - ils permettent à plusieurs individus de travailler sur un même document ; - ils fournissent une chaîne de publication (workflow), offrant par exemple la possibilité de mettre en ligne le contenu des documents ; - ils permettent de séparer les opérations de gestion de la forme et du contenu ; - ils permettent de structurer le contenu (utilisation de FAQ, de documents, de blogs, de forums de discussion, etc.) ; - ils permettent de hiérarchiser les utilisateurs et de leur attribuer des rôles et des permissions (utilisateur anonyme, administrateur, contributeur, etc.) ; - certains SGC incluent la gestion de versions. Définition wikipédia
  • 4. Wordpress - Définition Il existe un grand nombre de CMS libres ou pas, offrant plus ou moins de fonctionnalités. Consultez le site suivant pourra vous éclairer sur les CMS libres quand à leur nombre ainsi que sur les fonctions proposées. Le site est en anglais mais un bon nombre de CMS offre une version de démonstration réinitialisées régulièrement. http://www.opensourcecms.com/ Autre source d'information : http://www.framasoft.net wikipedia Nous avons décidé de vous faire découvrir Wordpress qui est un CMS polyvalent qui vous permettra de créer tout aussi bien un blog qu'un site commercial ou tout autre site. D'autre part, un très grand nombre d'extensions existent pour vous permettre d'étendre les possibilités de créations et de configurations de votre outil. Enfin une communauté importante et réactive pourra vous aider à trouver des réponses à vos questions concernant son utilisation.
  • 5. Installation de Wordpress 2 solutions pour travailler avec WP Créer un compte en ligne sur https://fr.wordpress.com/ Héberger son site WP chez un prestataire extérieur 1) Installation d'un serveur web local Wamp (Windows) ou Mamp (IOS), ou Lamp (Linux) 2) Télécharger WP http://www.wordpress.fr 3) Enregistrer sous localhost (www) 4) Créer son site sur le serveur local Wamp, Mamp ou Lamp 5) Choisir et acheter un nom de domaine 6) Choisir un hébergeur : http://www.tomsguide.fr/ 7) Transférer les données chez son hébergeur avec un logiciel FTP de transfert de fichiers FileZilla
  • 6. Gestion des articles et des pages Les articles sont généralement utilisés pour afficher des informations d'actualité sur un sujet précis. Les articles constituent le contenu essentiel d'un blog. Ils sont classés par catégorie, et on peut leur affecter des tags. Ils sont triés par date. Les pages sont utilisées pour afficher des informations pérennes sans réelle limite dans le temps. Elles ne sont pas triées par date. Le tableau de bord permet de visualiser l'ensemble de ses articles et de ses pages, de les trier, de les modifier individuellement ou de manière globale.
  • 7. Gestion des articles et des pages Au survol de la souris sur une page 4 options sont proposées : - Modifier : permet de modifier le contenu de la page - Modification rapide : permet de modifier le titre, la date de publication, ainsi que les options de publication. Pour une page sa place dans le menu, pour un article, ses catégories... - Corbeille : permet de supprimer une page - Afficher : affiche la page telle qu'elle apparaîtra sur le blog.
  • 8. Ajouter une page ou un article Ajouter Vous permet de créer une nouvelle page OU un article Entrez dans cette zone le titre de votre nouvelle page Saisissez ici le texte Utilisez les boutons de la barre d'outils pour mettre en forme votre texte Editez directement le code HTML Passez en mode plein écran pour plus de confort Ajouter des médias en cliquant sur ce bouton
  • 9. Ajouter un article Publier : enregistrer un brouillon, modifier, publier Format : définit un style CSS On peut affecter un article à une catégorie et lui attribuer des tags
  • 10. Articles : Catégories Les catégories permettent de classer les articles par sujet. Un article peut appartenir à plusieurs catégories. Modification : les catégories peuvent être hiérarchisées.
  • 11. Articles : Tags On peut décrire un article au moyen de tags, ou mots-clés, plus précis que les catégories.
  • 12. Ajouter une page Publier : enregistrer un brouillon, modifier et publier Les attributs de la page permettent de définir une hiérarchie dans les pages et l'ordre d' affichage des pages au sein d'un menu.
  • 13. Wordpress – gestion des médias Effectuer un clic sur le menu Médias de la barre latérale gauche donne accès à deux options : - Bibliothèque - Ajouter Bibliothèque La bibliothèque vous permet de gérer l'ensemble des médias déjà présents sur votre blog : - images - sons - Vidéos - PDF - non-attachés Vous pouvez après avoir sélectionné un média y ajouter des informations complémentaires. Ajouter Vous pouvez ajouter tout type de média simplement en déposant par un glisser-déposer ou en cliquant sur le bouton « Sélectionner des fichiers »
  • 14. Ajouter un média à une page ou un article Récupérer un fichier sur son ordinateur
  • 15. Décrire le média Les attributs de l'image Renseigner le titre pour qu'une info-bulle apparaisse au survol de l'image par la souris. Très important d'indiquer un titre alternatif clair (normes d'accessibilité pour les personnes malvoyantes équipées de boîtiers vocaux.) On peut choisir l'emplacement de l'image, gauche, centre, droit, et sa taille, taille originale, grande, moyenne, miniature.
  • 16. Insertion d'une vidéo Première étape : Sur le site où est publiée la vidéo, cliquez sur Partager, puis sur Intégrer (ou embed), copier le code.
  • 17. Deuxième étape : Passez en mode Texte (code html) Positionnez le curseur de la souris là où vous voulez voir apparaître la vidéo Collez le code Insertion d'une vidéo Pour visualiser la vidéo, mettre à jour l'article et Afficher.
  • 18. Wordpress – gestion des commentaires Cliquez sur le menu commentaires pour atteindre la gestion des commentaires Vous permet de filtrer les commentaires affichés Case à cocher de sélection de commentaire Options de traitement d'un commentaire - désapprouver : informe l'auteur du commentaire qu'il est en attente de validation et le fait disparaître de la page. - Répondre : permet de répondre au commentaire, apparaît sur la page à la suite du commentaire. - Modification rapide : permet de modifier le commentaire. - Indésirable : supprimer le commentaire de la page et le place dans la corbeille (il est encore possible de le récupérer). - Corbeille : permet de supprimer le commentaire.
  • 19. Gestion des commentaires Les commentaires se paramètrent dans Réglages Discussion
  • 20. Structure d'une page web Header : Il est situé tout en haut de la page. Souvent, il intègre un logo ou en-tête graphique qui comprend le nom du site Web. Menu : C'est une section horizontale de la page dans laquelle vous pouvez insérer un menu de navigation. Left Panel : Il est situé sous le header, et à gauche du corps principal de la page Web. Ici vous trouverez souvent des liens vers tous les importantes pages du site web, ainsi que d'autres éléments. Right Panel : Peut être utilisé à la place du Left Panel ou en complément pour ajouter des informations, des liens, des publicités. Main Panel : C'est là où le corps du texte de votre site apparaît. Il s'agit bien sûr l'élément le plus important de vos pages. Footer : C'est la section qui apparaît tout en bas de la page. Souvent, elle comprendra un message d'auteur et peut contenir : Politique de confidentialité, règlement & conditions, copyright, liens de contact, mentions obligatoires... Exemple d'une structure de page Entête (Header) Menu Panneau Gauche (Left panel) Panneau Droit (Right panel) Panneau principal (Main panel) Pied de page (Footer) Plus d'infos sur la structure d'une page
  • 21. Wordpress – gestion de l'apparence L'apparence c'est la manière dont les informations contenues vont apparaître à l'utilisateur qui viendra consulter le site ou le blog. C'est ici que l'on va gérer le thème global, les widgets, les menus et l’entête du site. Le thème global Le thème global modifie l'agencement des composants du site : la position des articles, des menus, des widgets, mais également le contenu de l'entête, du pied de page etc. Par défaut 3 ou 4 thèmes vous sont proposés mais vous pouvez facilement en ajouter d'autres. Bouton d'ajout de thèmes Thèmes disponibles
  • 22. Wordpress – gestion de l'apparence Les widgets Un Widget est un composant logiciel, son nom provient du mot gadget. En informatique, le mot widget recouvre deux notions distinctes, chacune en relation avec les interfaces graphiques. Il peut alors être considéré comme étant la contraction des termes window (fenêtre) et gadget. Il peut désigner : un composant d'interface graphique, un élément visuel d'une interface graphique (bouton, ascenseur, liste déroulante, etc.) ; un widget interactif, un petit outil qui permet d'obtenir des informations (météo, actualité, dictionnaire, carte routière, pense-bête – en anglais post-it –, traducteur, etc.). Définition wikipédia Widgets disponibles Zones de disposition des widgets Pour utiliser un widget, effectuer un clic gauche sur le widget, puis sans relâcher le clic, le déplacer sur la zone de positionnement désirée. Remarque : En fonction du thème choisi et des extensions installées, les widgets ainsi que les emplacements disponibles peuvent changer.
  • 23. Wordpress – Gestion de l'apparence Les menus En informatique, un menu est destiné à simplifier l'exploration des pages d'un site via un système ergonomique de liens séparés en catégories aisément compréhensibles. Définition wikipédia Sélection du menu Pages, catégories et liens existants pouvant-être ajouté au menu Onglet « Modifier les menus » Agencement du menu Bouton d'enregistrement du menu
  • 24. Gestion des menus Après avoir créé vos menus, il faut les positionner : Cliquez sur l'onglet Gérer les emplacements, et sélectionnez pour chaque emplacement le menu que vous souhaitez y voir apparaître. Thème : Twenty Thirteen Thème : Minamaze Remarque :En fonction du thème choisi, vous aurez la possibilité de positionner un ou plusieurs menus sur votre site à des emplacements différents.
  • 25. Wordpress – gestion des extensions Les extensions ou plugins : il s'agit de fonctionnalités supplémentaires que l'on peut rajouter à WP. Dans WP en ligne, certaines extensions sont intégrées par défaut à certains thèmes (formulaire de contact, partage sur les réseaux sociaux, etc,,,), mais il est impossible d'en ajouter d'autres. En revanche, si vous avez téléchargé WP, on peut installer toutes sortes d'extensions : - téléchargez les pluggins à cette adresse : https://wordpress.org/plugins/ - installez le programme dans le menu Extensions
  • 26. Wordpress – gestion des utilisateurs Les rôles Le système de Rôles a été mis en place pour donner au propriétaire du blog la possibilité de contrôler et de déterminer ce que chaque utilisateur peut ou ne peut pas voir sur le blog. Un propriétaire de blog doit gérer et autoriser les accès à plusieurs fonctions comme la rédaction et l'édition de billets, la création de pages, la gestion des liens, la création des catégories, la modération des commentaires, la gestion des plugins, la gestion des thèmes, et la gestion des autres utilisateurs 5 Rôles existent sous Wordpress : - Abonné : Personne qui peut lire et envoyer des commentaires mais qui peut également recevoir les lettres d'informations - Contributeur : Personne qui peut rédiger et gérer ses propres billets mais qui ne peut pas les publier. - Auteur : Personne qui peut rédiger et publier ses propres billets - Éditeur : Personne qui peut rédiger et publier des billets mais aussi gérer les billets d'autres personnes - Administrateur : Personne qui a accès à toutes les foncions d'administration Gérer les utilisateurs Liste déroulante de sélection de rôle Utilisateurs existants
  • 27. Wordpress – gestion des utilisateurs Ajout d'utilisateur Vous pouvez ajouter des utilisateurs directement depuis votre console d'administration. Cliquez sur les menu « Ajouter » puis renseignez les différents champs puis valider. Remarque : Sur WP en ligne, il n'est pas possible de créer les comptes utilisateurs mais seulement d'envoyer une invitation par email. Gestion de votre profil Vous pouvez également gérer les informations de votre profil tel que nom, prénom, adresse email, mot de passe, … Cliquez sur le menu « Votre profil » et modifiez les informations puis enregistrez les modifications.
  • 28. Wordpress – réglages Les réglages de votre site. Les options de lecture permettent, entre autres choses, de définir l'architecture du site : - option blog : la page d'accueil affiche les derniers articles - option site : on définit une page d'accueil fixe.
  • 29. Créer son compte Choisir un nom de site significatif. Par défaut, le nom d'un site gratuit se termine par wordpress.com. Renseignez tous les champs Créez le blog
  • 30. Ressources Tutoriels Wordpress Comment créer un site internet avec Wordpress Ateliers multimédia Brest Openclassroom Référencement Guide du débutant en SEO Ecriture web Ecrire pour le web : fiches pratiques L'@telier multimédia - Médiathèque Gaston Baissette – octobre 2014