Académique Documents
Professionnel Documents
Culture Documents
Support de cours
Version en ligne :
ms-studio.net/cours
Support de cours WordPress 02.2014 page 2
WordPress................................................................................................... 3
WordPress, blog ou CMS...........................................................................3
Un logiciel libre........................................................................................... 4
Thmes et Plugins........................................................................................... 4
Les thmes.................................................................................................. 4
Les plugins..................................................................................................6
WordPress.org, WordPress.com......................................................................8
Edition de contenus............................................................................................ 15
Texte et formatage........................................................................................ 15
Edition en mode texte..............................................................................15
Edition en mode WYSIWG........................................................................15
Archives......................................................................................................... 19
Le plugin Jetpack................................................................................................ 20
Oprations avances........................................................................................... 20
Support de cours WordPress 02.2014 page 3
Resources WordPress......................................................................................... 21
La communaut de WordPress......................................................................21
Le Meetup WordPress Genve.................................................................21
Glossaire.............................................................................................................. 23
Vocabulaire WordPress..................................................................................26
Gnralits
WordPress
Lanne 2013 a marqu le 10e anniversaire de WordPress, la version 1.0
tant sortie en 2003.
Un logiciel libre
WordPress est un logiciel libre, sa libert tant garantie par la licence
GPL. Chacun est libre de lutiliser, de le modifier, et de le distribuer. Le
dveloppement est assur par une communaut internationale.
Thmes et Plugins
Les thmes et les plugins sont deux lments fondamentaux pour faire
fonctionner votre site WordPress.
Support de cours WordPress 02.2014 page 5
Les thmes
Le thme dfinit lhabillage graphique de votre site WordPress.
noter : WordPress est accompagn par plusieurs thmes par dfaut. Un nouveau
thme est dvelopp chaque anne. Le plus rcent se nomme TwentyFourteen.
Les plugins
Les plugins sont des outils permettant d'tendre les fonctionnalits de
WordPress. Les plugins offrent des fonctions personnalises pour
rpondre des besoins spcifiques.
BuddyPress
Permet de crer un rseau social interne un site WordPress.
bbPress
Permet de crer un forum.
Jetpack
Un ensemble de fonctionnalits, dveloppes lorigine pour les
usagers de WordPress.com. Cela inclut notamment un carrousel pour
la prsentation des galeries dimages, des fonctions de partage sur les
rseaux sociaux, un module de statistiques pour analyser les visites de
votre site...
Support de cours WordPress 02.2014 page 7
EditFlow
Facilite la collaboration et le suivi rdactionnel au sein dune quipe
ditoriale.
WooCommerce
Permet la cration dune boutique en ligne. Lanc en 2011, ce plugin
est en passe de devenir la solution de vente en ligne la plus utilise au
monde (actuellement 10% des sites e-commerce).
Source : http://trends.builtwith.com/shop
Lire aussi : Allain Lagadic, WooCommerce : Passer dun blog une
boutique en ligne, Aot 2013, http://interactif.com/?p=1026
MailPoet
Permet dadministrer une newsletter depuis votre site WordPress.
Contact Form 7
Permet de crer un formulaire de contact. noter quun formulaire de
contact est galement inclus dans Jetpack.
Statify
Un petit plugin permettant davoir des statistiques sur la frquentation
de votre site. Dvelopp en Allemagne, il respecte la rglementation
europenne en matire de protection des donnes.
AntispamBee
Un plugin anti-spam, pour rduire la quantit de spams dans les
commentaires de votre site.
BackWpUp
Un plugin de backup, qui permet de crer priodiquement des
sauvegardes des contenus de votre site.
Support de cours WordPress 02.2014 page 8
Codestyling Localization
Permet de traduire les interfaces des thmes et plugins dans nimporte
quelle langue.
Duplicate Post
Permet de partir dun article existant comme modle pour crer de
nouveaux contenus.
WordPress.org, WordPress.com
Il existe des diffrences fondamentales entre une installation
indpendante de WordPress, et le service WordPress.com propos
par Automattic.
Navigateur jour
Linterface dadministration utilise des technologies avances,
notamment pour la mise en ligne et ldition dimages. Il est donc
important pour les administrateurs du site dutiliser la version la plus
rcente de votre navigateur (de prfrence Chrome ou Firefox).
Editeur de code
Il sagit dun diteur qui napplique pas de formatage (gras ou italique).
Il vous sera utile si vous avez diter des fichiers contenant du code.
Quelques options :
Client FTP
Il sagit dun logiciel permettant de transfrer des fichiers entre votre
Support de cours WordPress 02.2014 page 10
1. La visibilit du site
Ce rglage permet dempcher lindexation dun site par les engins de
recherche. Votre site napparatra donc pas dans les rsultats de
recherche Google. Attention ne pas oublier de changer ce rglage
lorsque vous finissez la phase dveloppement...
NB: dans les versions de WordPress plus anciennes, la structure Nom de larticle tait
dconseille pour des raisons de performance. Depuis la version 3.3 de WordPress,
sortie en dcembre 2011, ce problme est rsolu (ticket #16687). Cette structure
peut dsormais tre utilise sans pnalisation.
Articles et Pages
Ce sont les deux principaux types de contenus de WordPress. En
anglais, les articles sont nomms Posts .
Post Formats
Certains thmes supportent des formats darticles (Post Formats),
qui permettent une prsentation visuelle diffrente pour certains
formats prdfinis, p.ex. En passant, Image, Vido, Son, Citation, Lien,
Galerie. Ces formats sont appliqus aux Articles, la manire des
Catgories et Mots-cls.
Ces Post Formats sont diffrents des Custom Post Types, qui
permettent dajouter de nouveaux types de contenus un site, en plus
des Articles et Pages (p.ex. un plugin de gestion dvnements pourra
ajouter un type de contenu Evnement).
Menus
Selon le thme utilis, vous aurez un ou plusieurs emplacements
pouvant accueillir des menus de navigation. Vous crez ces menus en
allant dans Apparence Menus.
Widgets
Similaires aux Menus, les Widgets sont de petits modules pouvant tre
glisss dans les emplacements que le thme a prvus. Il peut sagir
dune liste darticles rcents, dun nuage de mots-cls, dun formulaire
dabonnement une newsletter, dune notice en pied de page...
Les auteurs
Votre site comprendra un ou plusieurs auteurs avec diffrents niveaux
daccs. Par dfaut, WordPress offre les rles suivants :
Support de cours WordPress 02.2014 page 14
Edition de contenus
Texte et formatage
Pour diter les contenus, WordPress offre deux modes ddition : en
mode texte et en mode visuel.
Raccourcis clavier
Il existe des raccourcis clavier pour des oprations frquentes, comme
linsertion dun lien. En survolant les lments de la barre doutil, le
raccourci sera affich.
Retours de ligne
Les retours de ligne ont un comportement diffrent, selon qu'on dite
en mode texte ou visuel.
Limportance du slug
Importance du "slug" dans le permalien.
Rdiger en Markdown
Le format Markdown, invent par John Gruber et Aaron Swartz, est
une syntaxe minimale de formatage permettant dcrire dans un
diteur de code, suivant quelques conventions simples. Par exemple,
*ces mots* sont en italique, et **ceux-ci** en gras.
Plus dinfos :
http://en.blog.wordpress.com/2013/11/19/markdown/
http://en.support.wordpress.com/markdown-quick-reference/
http://daringfireball.net/projects/markdown/
Images
Petit rappel : il existe de nombreux formats dimage, et tous ne sont
pas adapts au web. Les navigateurs actuels pourront afficher les
formats suivants :
Mis part ces trois formats, tous les autres formats dimages (TIFF,
PSD, BMP, PICT...) ne seront pas affichs par un navigateur. Ils seront
traits comme un simple fichier attach.
reformater, crop.
lopration :
http://wordpress.org/plugins/regenerate-thumbnails/
Insertion d'images
insrer une image unique.
plugins (NextGen...)
Voir aussi :
Fichiers multimdia
Vidos
Audio
Fichiers joints
Archives
Concept important:
Support de cours WordPress 02.2014 page 19
Utilisation de menus
Utilisation de widgets
WordPress contient par dfaut un certain nombre de Widgets.
Exercice:
Le plugin Jetpack
Support de cours WordPress 02.2014 page 20
Oprations avances
les types de contenus
Crer des types de contenus (CPT) et taxonomies (avec un plugin)
http://wordpress.org/plugins/custom-post-type-ui/
Exercice:
Ressources WordPress
Pour en savoir plus
Forums de support](http://www.wordpress-fr.net/support/)
Forums en anglais](http://wordpress.org/support/)
La communaut de WordPress
Une communaut active dutilisateurs sest forme autour de
WordPress, donnant lieu des rencontres (meetups) et des
confrences nommes WordCamps. En 2013, 71 WordCamps se sont
drouls dans le monde, et 474 sessions ont t enregistres et
publies sur WordPress.tv
Inscrivez-vous sur :
http://www.meetup.com/geneva-wordpress/
Support de cours WordPress 02.2014 page 23
Glossaire
Glossaire gnral
CMS
CMS signifie Content Management System (systme de gestion de
contenus). Quelques CMS sous licence libre : WordPress , Drupal,
Joomla, TYPO3, SPIP, Prestashop, Magento, Dotclear... Quelques CMS
propritaires : SharePoint, Alfresco, IBM Enterprise Content
Management, Oracle ECM Suite...
DNS
Les rglages relatifs aux noms de domaines. Si vous avez un nom de
domaine mondomaine.fr, un rglage DNS (dans linterface de votre
registrar) permettra de pointer votre domaine sur votre hbergement.
FTP
Transfert de fichiers (entre votre ordinateur et le serveur hbergeant
votre site).
Hbergeur
Une entreprise vous loue de lespace serveur pour votre site web. Des
Support de cours WordPress 02.2014 page 24
Registrar
Une entreprise qui gre la location de noms de domaines. Switch
(nic.ch) est le registrar pour les domaines .ch. Quelques registrars
internationaux : gandi.net, gkg.net, 1and1.com, namecheap.com.
Linterface dadministration de votre registrar vous permettra de faire
les rglages DNS pour pointer le domaine vers votre hbergeur
internet.
robots.txt
Un fichier donnant des instructions aux engins de recherche. On peut
autoriser ou interdire lindexation du site entier, un dun rpertoire
particulier.
SEO
Search Engine Optimization. Un ensemble de bonnes pratiques visant
optimiser lindexation dun site par les moteurs de recherche,
amliorer le placement du site parmi les rsultats des requtes, et
finalement augmenter le nombre de visiteurs sur le site.
Serveur
Un ordinateur ddi servir des contenus, p.ex. votre site internet. Il
peut sagir de votre laptop (Mac OSX contient par dfaut un logiciel
serveur, Apache), ou dune machine optimise dans un centre de
donnes.
URL
Synonyme dadresse internet. Commence en gnral par le protocole
http:// ou https://. Le prfixe www est souvent facultatif.
Support de cours WordPress 02.2014 page 25
.htaccess
Un fichier donnant des instructions au serveur.
HTML
Le langage de base du web, invent par un employ du CERN (Tim
Berners-Lee) au dbut des annes 90. Il dfinit la structure dun
document les balises titre, les paragraphes, les images. Il sagit dun
langage statique il dfinit les contenus, pas les fonctionnalits
(laisse au Javascript et PHP) ou la prsentation (laisse au CSS).
CSS
Les feuilles de style (Cascading Style Sheets) dfinissent la
prsentation dune page web. Ce langage fut invent par un Norvgien
travaillant au CERN dans les annes 90. Leur objectif est de grer la
prsentation graphique dun document web, cd tous les dtails de
mise en page et de styles typographiques. Le CSS permet de sparer
la forme de la fonction.
JavaScript
Le langage javascript permet de dployer des comportements, de
linteractivit. Cest cela qui rend possible des applications complexes
comme un client webmail, ou une interface ddition comme celle de
WordPress.
jQuery
Une librairie JavaScript, qui facilite le travail du dveloppeur en
standardisant les fonctions les plus frquentes (faire apparatre ou
masquer des lments, etc), et les rend compatibles avec tous les
navigateurs (Internet Explorer, Firefox, Chrome, Safari...).
Support de cours WordPress 02.2014 page 26
PHP
Un langage excut sur le serveur (et pas dans le navigateur, comme
cest le cas du HTML, CSS et JavaScript) qui gnre les pages du site.
C'est dans ce langage que le noyau de WordPress est crit.
mySQL
La base de donnes, qui contient tout ce que vous entrez dans un
site : vos configurations et rglages, et avant tout le contenu de vos
articles.
Vocabulaire WordPress
wordpress.org
Le site communautaire central de WordPress.
wordpress.com
Un service freemium de la compagnie Automattic.
Core
Le noyau de WordPress tout ce qui nest pas un plugin ou un thme.
Thme
Cest ce qui produit lapparence graphique de votre site, sa mise en
page, et dans une certaine mesure ses fonctionnalits (emplacements
pour les menus, widgets, etc).
Plugin
Ce qui ajoute des fonctionnalits un site WordPress,
indpendamment du thme.
Support de cours WordPress 02.2014 page 27
Widget
Un petit module qui peut tre ajout des emplacements prcis de
votre thme.