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.
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