Vous êtes sur la page 1sur 27

Documentation Apprendre

Lessentiel De WordPress
SOMMAIRE

INTRODUCTION : PRSENTATION DE WORDPRESS

LEON 1: INSTALLER WORDPRESS

LEON 2 : DCOUVRIR LE TABLEAU DE BORD WORDPRESS

LEON 3 : CHOISIR, INSTALLER ET CONFIGURER SON


PREMIER THME WORDPRESS

LE
LEOON 4 : RDIGER SON PREMIER ARTICLE. NOTIONS DE
MOTS CLS ET DE CATGORIES

LEON 5 : CRER SA PREMIRE PAGE WORDPRESS

LEON 6 : GRER LES MENUS DE NAVIGATION

LEON 7 : INSTALLER UNE EXTENSION WORDPRESS.


QUELQUES EXTENSIONS WORDPRESS

LEON 8: UTILISER LES WIDGETS

LEON 9: SAUVEGARDES ET MISES JOUR

LEON 10: MIGRER SON SITE INTERNET WORDPRESS

1/27
INTRODUCTION : PRSENTATION DE WORDPRESS

WordPress est un CMS (Content Management System) : un systme de gestion de contenu . A


l'origine prvu comme moteur de propulsion de blogs en 2003, il est maintenant devenu
complet, flexible et populaire.

WordPress est Open Source (libre), cod en PHP et repose sur un serveur HTTP Apache qui
fait le lien entre un systme de fichiers, une base de donne MySQL, ainsi que d'un codage
PHP afin de renvoyer les information sous forme de fichier HTML au navigateur internet. Il
permet de crer des sites Web et den grer de manire trs souple le contenu (cf : document
Explication WordPress Dynamique et document Explication WordPress Statique ).

Le succs de WordPress repose sur :

Etant un logiciel libre, le code de WordPress est ouvert. Une grosse communaut WordPress
est en perptuelle croissance. Vous trouverez trs facilement sur le net des ressources pour
vous guider dans votre utilisation de WordPress.

Le concept de thme participe galement au succs de WordPress. Travailler le design de votre


site est grandement facilit par la multitude de thmes WordPress, gratuits ou payants, qui
foisonnent sur le web.

Tout aussi rpandus que les thmes, les extensions, ou plugins, pour WordPress le rendent
modulable volont, selon vos besoins. En effet chaque extension vient apporter de grandes
fonctionnalits votre site.

Ces trois lments sont la base de la solidit, de la popularit et de la grande simplicit


dutilisation de WordPress.

En quelques chiffres : en 2014, le systme ddition de site WordPress propulse entre 25 et 30%
des sites du net. Quotidiennement 100 000 nouveaux sites propulss par WordPress voient le
jour. Des socits connues telles que Sony, Ford, CNN revandiquent l'utilisation de WordPress.

2/27
LEON 1: INSTALLER WORDPRESS {1}

Installer WordPress en Local

On peut installer WordPress sur son ordinateur (qui fait office de serveur) et non chez un
hbergeur internet. Pour cette installation locale, le logiciel le plus connus est WAMP (Windows,
Apache, MySQL et PHP). Il se dcline en MAMP sur Mac et LAMP sur Linux.

Installer WordPress en Local permet de bnficier de soustraire la recherche d'un hbergeur,


davoir un environnement de dveloppement ou encore crer une copie de son site en ligne afin
dy mener des tests grandeur nature avant dy lancer une quelconque modification.

Reportez-vous au paragraphe ci-dessous pour installer WordPress sous Windows et au suivant


sous Mac.

Installer WordPress en Local sous Windows

La mthode la plus rpandue est l'installation Instant WordPress ou de WAMP.

WAMP. est un peu plus complique mettre en oeuvre que Instant WordPress, mais , elle a
l'avantage de permettre de travailler toutes sortes de sites, et non pas seulement des sites
WordPress.

Vo u s p o u r r e z t l c h a r g e r l a d e r n i r e v e r s i o n d e WA M P s u r l e s i t e o ff i c i e l :
http://www.wampserver.com/. Vous trouverez sur ce site le procd dinstallation de WAMP et un
support de qualit.

3/27
Installer WordPress en Local sous Mac
Pour installer en local sous Mac, le processus est quasiment le mme que sous Windows
en installant MAMP au lieu de WAMP.

Installer WordPress en rseau chez un hbergeur

Hbergement en rseau

Afin dhberger votre site internet en rseau, il existe une multitude dhbergeurs, cependant, afin
de faire votre installation de WordPress sur un hbergeur en rseau, il est ncessaire de sassurer
que lhbergeur soit bien compatible MySQL et PHP, qui sont ncessaires au fonctionnement de
WordPress. Vous pouvez consulter la liste des hbergeurs gratuits et payants sur ce lien. Il faut
savoir que les hbergeurs gratuits sont de manire gnral plus limits que les hbergeurs
payants. Il existe cependant des hbergeur gratuit qui fonts bien leur boulot selon ce que vous
avez besoin.

Ici pour ce cours, nous allons nous servir de lhbergeur Olympe qui est un hbergeur fiable,
simple, compatible MySQL et PHP et surtout gratuit.

Installer WordPress sur un hbergeur en rseau

Pour commencer, aller sur la page de lhbergeur Olympe , et inscrivez-vous. Une fois inscrit,
noubliez pas daller sur votre boite mail afin de valider votre compte Olympe . Une fois valid,
vous serez rediriger vers une page o vous devrez crer un identifiant et un mot de passe pour
accder votre compte.

Une fois crer, connectez-vous votre compte, puis rendez-vous dans la rubrique Sites
dOlympe et crer votre adresse de site internet (si vous rencontrez des difficults, rendez-vous
ici). Une fois que cest fait, il vous faudra crer votre base de donnes dans la rubrique Bases de
donnes du Panel dOlympe (pour plus dinformations, rendez-vous ici).

Une fois que cest fait, rendez vous sur le site de WordPress, afin de tlcharger les fichier
dinstallation WordPress (lien franais, lien anglais). Ensuite, dcompressez le fichier Zip , puis
soit copier le dossier wordpress tel quil a t dcompresser sur votre hbergeur ou dossier
dhbergement local si vous voulez faire plusieurs installations de WordPress ou que vous avez ou
souhaitez avoir plusieurs site internet sur votre hbergeur. Si vous ne souhaitez avoir dun seul site
internet sur votre hbergeur et que ce site est un WordPress, vous pouvez tout a fait copier le
contenue du dossier dcompresser la racine de votre hbergeur. Pour copier vos fichier sur votre
hbergeur en rseau, vous pouvez utiliser FileZilla (il se peut que vous rencontrez des erreurs lors
de la copie des fichiers WordPress sur votre hbergeur, dans ce cas, vous aurez des Transferts
chous . Dans ce cas, une fois que FileZilla a finis de copier vos fichiers sur votre hbergeur,
allez dans la rubrique Transferts chous de FileZilla et faites clique droit, puis Rinitialiser et
remplacer tous les fichiers dans la file dattente , puis rendez-vous dans la rubrique Fichiers en
file dattente , puis faites clique droit et enfin cliquez sur Traiter la file dattente . Si on vous
demande de remplacer un fichier, remplacez-le.

4/27
Configuration de WordPress

Une fois votre base de donnes SQL cre laide du site de votre hbergeur (ex : Olympe) ou de
PHPMyAdmin, que les fichiers de WordPress sont hbergs laide du logiciel FTP ou SFTP, ici
FileZilla, il ne vous reste plus qua configurer WordPress.

Les informations quon vous demande sont sur la page Olympe rubrique Bases de donnes
dans le tableau se trouvant en dessous dinformations de connexion . Le Nom de la base de
donnes , ainsi que vos Identifiant correspondent Base de donnes ainsi que Nom
d'utilisateur sur Olympe, le Mot de passe est celui que vous avez mis sur cette mme page,
ladresse de la base de donnes correspond quand lui Serveur (Ex : sql2.olympe.in).
En ce qui concerne le prfixe des table, il faut que ce soit wp ce que vous voulez _ (Ex :
wptest_).

Il se peut que cette page rapparaisse sans cesse, cest pour cela que je vous invite suivre une
autre dmarche qui est beaucoup plus fiable, et pas beaucoup plus complique et qui de vrais
vous permettre de passer cette tape. Pour cela, rendez-vous sur votre logiciel FTP (ici, FileZilla)
ou la base de votre installation WordPress en local et localisez-le fichier wp-config-sample.php
puis copiez le sur votre ordinateur (attention, sur FileZilla il vous faudra slectionner sur la colonne
de gauche le dossier de destination, puis une fois fait faites un clique droit, puis Tlcharger .
Ouvrez le fichier avec un diteur de texte (Ex : Bloc Notes sur windows ou TextEdit voir
TextWrangler qui est plus adapter sur Mac)

la place de DB_NAME, DB_USER, DB_PASSWORD et DB_HOST, mettez les informations


qui figurent sur Olympe dans les rubriques Base de donnes , Nom d'utilisateur , Mot de
passe (celui que vous avez mis sur Olympe) et Serveur .

5/27
Pour modifier le prfixe des tables de la base de donn, il suffit de face de $table_prefix = wp_ ;
dajouter ce que vous voulez entre wp et _ afin de personnaliser le nom de vos tables.

Une fois cela fait, faites une copie de votre fichier modifier et renommez le en wp-config , et il
ne vous reste plus qu copier ces deux fichier la base de votre installation de WordPress sur
FileZilla ou dans le dossier dinstallation local de WordPress selon la mthode que vous avez
utiliser pour installer WordPress. Faite attention au espaces et bien reproduire les bonnes
informations sur le fichier afin dviter les erreurs.

Une fois cela fait, rendez-vous sur ladresse de votre site internet (Ex :
nomdedomaine@olympe.in), vous verrez cette page :

Vous avez juste cliquer sur essayer linstallation maintenant , puis mettre les informations de
votre site internet WordPress.

Indiquez sur cette page, votre titre de site internet, votre identifiant et mot de passe de connexion,
ainsi que votre adresse e-mail. Mettez de prfrence identifiant et mot de passe que vous utilisez
pour Olympe afin de faciliter vos connexions et de ne pas avoir retenir trop didentifiants et mot
de passe.
Une fois fait, votre WordPress est enfin configurer et prt tre personnaliser et consulter.

6/27
LEON 2 : DCOUVRIR LE TABLEAU DE BORD
WORDPRESS {1}

Dans cette leon, nous allons faire une petite visite guide du Tableau de Bord
WordPress, cest dire de linterface dadministration de votre systme de gestion de contenu
prfre. Jai choisi, pour cette visite, dopter pour le format vido, que je trouve trs adapt la
situation. Vous allez donc pouvoir dcouvrir les diffrentes parties du Tableau de Bord de
WordPress, leurs rles et les premiers rglages effectuer pour bien commencer.

La Barre dOutils
Cette courte vido prsente la barre doutils se situant en haut du Tableau de Bord
WordPress. Trs utile, elle regroupe des liens vers des fonctions essentielles lies la gestion de
votre et site. Une bonne connaissance et utilisation de cette barre doutils vous feront conomiser
un temps prcieux

La Barre Latrale

Prsentation des liens de la barre latrale gauche (sidebar en anglais). Commenons tous
de suite par les Mises jour

Mises Jour

Longlet Mises jour comme son nom lindique sert effectuer des mises jour. Que
ce soit pour mettre jour WordPress lui mme, vos thmes ou vos extensions, cest ici que cela se
passe.

Article

Longlet Articles vous permettra de grer vos articles. Lorsque vous survolez cet onglet
avec la souris, un sous-menu apparat, rvlant quatre nouveaux liens : Tous les articles ,
Ajouter , Catgories et Mots-cls .

Mdias

Cest ici que vous grerez vos mdias : images, vidos et sons. Le survol de cet onglet
dvoile deux liens : Bibliothque et Ajouter .

Pages

Longlet Pages de la barre latrale du Tableau de Bord WordPress gre les Pages. Le
survol de cet onglet fera apparatre deux nouveaux liens : Toutes les pages et Ajouter .

Commentaires

Dernier onglet de cette premire partie de la barre latrale, Commentaires conduit vers
lespace de gestion des commentaires.

7/27
Apparence

Cet onglet est probablement lun des plus important du Tableau de Bord de WordPress.
En effet en survolant ce lien, vous ferai apparatre, dans un sous menu, les
liens Thmes , Personnaliser , Widgets , Menus et diteur . Vous y grerez vos
thmes, widgets et menus.

Extensions

Encore un espace primordial du Tableau de Bord WordPress. Longlet Extensions est


le lieu o vous grerez vos extensions (ou plugins) WordPress. Une extension et un petit script
que vous ajoutez WordPress afin de lui apporter de nouvelles fonctionnalits Au survol,
longlet extensions dploie trois liens: Extensions installes , Ajouter et diteur . Cest
parti pour un rapide sjour au pays magique des extensions WordPress

Utilisateurs

Si vous voulez travailler avec des collaborateurs sur votre site, ou permettre vos lecteur
de sabonner votre site, longlet Utilisateurs sera un passage oblig du Tableau de Bord
WordPress. Vous pourrez y crer de nouveaux utilisateurs et leurs attribuer un des cinq rles
disponibles: Super Administrateur, Administrateur, diteur, Auteur, Contributeur, Abonn.Le survol
de cet onglet dvoile les liens Tous les utilisateurs , Ajouter et Votre profil .

Outils

Il donne accs aux liens Outils disponibles , Importer et Exporter .

8/27
LEON 3 : CHOISIR, INSTALLER ET CONFIGURER SON
THME WORDPRESS {1}
Choisir Son Thme WordPress

Vous allez penser que jenfonce les portes ouvertes, mais pour choisir son thme
WordPress, encore faut-il avoir une ide du design et des fonctionnalits que lon souhaite pour
son site. Et pour cela, il faut avoir quelques notions de Webdesign et savoir ce qui existe. Rien de
tel que surfer sur le web, et en particulier dans des Boutiques de Thmes WordPress, pour se
faire une ide plus prcise du large ventail de possibilits qui soffrent vous. Une petite visite de
la Galerie de Thmes de Apprenti Webmaster peut aussi vous aider dresser le portrait robot du
thme souhait. Trouver celui qui rpond toutes vos attentes ne sera pas toujours possible, le
jeu sera alors de trouver celui qui sen rapproche le plus. Je vais essayer de vous donner les outils
ncessaires lbauche du portrait de votre thme en vous fournissant certains qualificatifs
propres aux thmes WordPress

Petit Lexique des Thmes WordPress

Trs souvent, les boutiques de thmes WordPress utilisent un ou plusieurs des termes
suivants pour qualifier leurs thmes, il est important de se familiariser avec ce vocabulaire afin de
cibler rapidement les thmes rpondant vos critres de recherche.

Blog : Un thme WordPress peut tre qualifi de Blog lorsquil est particulirement
adapt au blogging. Entendez par l quil vous donne la possibilit de partager vos articles, photos,
vidos, citations et autres vos lecteur, et ce par ordre chronologique et par catgories.

Business : Thme dont la page daccueil facilite la mise en avant de votre entreprise et de
vos services. Conu videmment pour les entreprises physiques ou en ligne

ecommerce : Thme conu pour vendre des produits en ligne. Ils mettent en avant vos
produits et donnent des solutions afin de grer tout le processus de vente, en gnral en installant
un plugin ddi cet effet comme le clbre WooCommerce que nous voquerons un peu plus
loin dans ce lexique.

Events : Qualifie un thme ddi lannonce et/ou lactualit dun vnement (concert,
soire, comptition sportive, etc).

Flat : Ce terme qualifie un courant du Webdesign en vogue en ce moment. Il se caractrise


par un design minimaliste associe des couleurs vives. Le but tant de rendre lexprience
utilisateur la plus intuitive possible.

Fullscreen : Met en avant vos photos en les affichant en plein cran. Plutt destin aux
artistes.

9/27
Gratuit : Qualifie un thme gratuit. Propose souvent des fonctionnalits bien moins
avances que dans un thme Premium, mais peut suffire votre bonheur, tout dpend de ce que
vous souhaitez raliser.

Magazine : Thme particulirement adapt si votre site a pour vocation de transmettre de


linformation en quantit. Trs souvent la page daccueil aura des allures de une de journal ou de
magasine.

Minimal : Qualifie un thme mettant en avant le contenu sous une forme pure, mais
nanmoins lgante.

Multi-Purpose : Vritable couteaux suisses, ce sont des thmes tout faire. Avec eux
vous pourrez raliser des sites buts divers et varis.

Multimedia : Thmes mettant en avant des contenus multimedia : images, vidos et sons
sont ici mis en valeurs.

One Page : Courant de Webdesign de plus en plus rpandu. Ici tout le site tient sur une
page, et le contenu saffiche au fur et mesure que vous descendez sur la page. Cette dernire
est souvent assez longue.

Personal : Pour le personal blogging, sorte de journal intime en ligne.

Photo : Ddi aux photographes. Ici limage est au centre des attentions.

Pinterest-Styled : Ici vos contenu son mis en avant la manire du clbre rseau social
Pinterest, savoir pingls lcran. Originalit garantie.

Portfolio : Permet de mettre en avant vos ralisations (photos, vidos, sculptures,


artisanat). Destin aux artistes et autres cratifs.

Post Formats : Supporte la fonctionnalit Post Format de WordPress, qui donne vos
contenu des aspects divers suivant leur nature (image, texte, citation, vido, ).

Premium : Thmes payants, confre des fonctionnalits et des possibilits de


personnalisation avances votre site. Passage quasi obligatoire pour des sites but
professionnel.

Responsive : Cest le critre le plus recherch lheure actuel. Le contenu dun thme
responsive se rorganise automatiquement en fonction de la taille de lcran de lutilisateur
(ordinateur fixe, portable, tablette, smartphone) et ce afin de procurer une exprience utilisateur
optimale quelle que soit la situation.

Tumblog : Ici vos contenus saffichent comme sur la clbre plateforme de blogging
Tumblr. Simple et efficace.

Vido : Ddie la publication et partage de vidos et autres podcasts.

WooCommerce : Bnficie dune compatibilit optimal avec le clbre plugin


decommerce de WooThemes, jai nomm WooCommerce.

10
10//27
Comment Choisir Son Thme WordPress ?

Maintenant que vous vous tes familiaris avec le vocabulaire ci-dessus, je vous invite
regarder la vido suivante, au cours de laquelle je vous montre deux moyens de choisir votre
thme WordPress. Le premier est dutiliser le rpertoire de thme de wordpress.org, accessible
directement de puis votre Tableau de Bord WordPress. Le second est de vous servir de la Galerie
de Thme WordPress de Apprenti Webmaster dans laquelle je catalogue chaque mois de
nombreux thmes gratuits et premiums. Faites tout de mme attention aux sites dans lesquels
vous tlchargez vos thmes car ils peuvent contenir des contenus malveillants qui peuvent nuire
vos sites internet (Ex : apparitions de contenu non dsirer, faille dans vos fichiers qui leurs
permettes de les rcuprer) ce qui peut rendre vos sites internet vulnrables.

Installer Un Thme WordPress


Il y a diffrentes faons dinstaller un thme WordPress :

Premire Mthode : Installer un thme du rpertoire wordpress.org.

Installer un thme WordPress du rpertoire officiel de wordpress.org est relativement ais.


Cela passe videmment par une petite visite dans longlet Apparence , puis Thmes . Enfin
installer lun des thmes figurants dans la liste.

Deuxime Mthode : Installer nimporte quel thme partir du Tableau de Bord


WordPress(Ex : Thme non officiel).

Pour cela, une fois que vous avez tlcharger un thme ne figurant pas sur le site officiel
de WordPress, rendez-vous dans le dossier wp-content la racine de votre dossier ou se
trouve les fichiers de WordPress hbergs localement ou en rseau, puis copiez le dossier de
votre thme dans le dossier themes . Une fois cela fait, rendez-vous sur le Tableau de Bord de
votre site internet WordPress et allez dans longlet Apparence , puis cliquez sur Thmes et
enfin mettez votre curseur en face de votre thme et cliquez sur Activer .

Paramtrer Son Thme WordPress


Malheureusement, le paramtrage dun thme WordPress diffre selon le thme utilis, et
dpend en particulier du crateur du thme. Par exemple un thme de chez Elegant Themes se
paramtre diffremment quun thme de chez WooThemes ou de chez Themify. Mais
heureusement, il y a de nombreux points communs qui vont vous permettre de prendre rapidement
vos marques. Nous allons voir trois tudes de cas issus des trois thmes installs prcdemment,
savoir : Serene, Hermoso et Virtue.

Configurer le Thme WordPress Serene

Nous allons commencer par tudier le cas du thme Serene. Ce thme ddi au blogging
ne prsente que trs peu doptions de configuration, mais permet nanmoins dobtenir un blog au
design frais, pur et efficace.

11
11//27
Configurer le Thme WordPress Hermoso

Le thme WordPress Hermoso propos par ccsigniter est galement gratuit et prsente
de nombreuses similitudes avec Serene. Il se dmarque cependant par des options de
personnalisation bien plus fournies.

Configurer le Thme WordPress Virtue

Le thme WordPress Virtue, cr par Kadence Themes, se veut rsolument diffrent des
deux thmes prcdents (Serene et Hermoso). En effet si ces derniers taient rsolument orients
vers le blogging, Virtue lui a plus dune corde son arc. Ce thme peut sadapter quasiment
nimporte quel projet. Vous dsirez crer une boutique en ligne, un portfolio, un site personnel ou
un site pour votre entreprise ? Grce Virtue tout cela sera possible. Le panneau de
configuration, si complet quil na rien envier un thme premium, se prend facilement en main
et permet de raliser des prouesses

LEON 4 : RDIGER SON PREMIER ARTICLE. NOTIONS


DE MOTS CLS ET DE CATGORIES {1}

Notions de Mots Cls et de Catgories

Lorsque lon rdige un article sur un site ou un blog WordPress, il y a deux notions
primordiales matriser : les notions de catgories et de mots cls.

Les catgories sont en quelque sorte les classeurs qui permettront de classer les articles
WordPress. Par exemple le blog dun cuisinier, contiendra les catgories entres, plats, desserts
et cocktails.
Les mots cls sapparentent plus des thmes qui reviendront souvent au fil des articles.
Par exemple, pour notre cuisinier, cela pourrait-tre buf, poisson, lapin, fort noir, blanquette de
veau, kir royal, bisque de homard, etc.

La grande diffrence entre les catgories et les mots cls rside dans le fait que les
catgories sont hirarchises. En dautres termes, il peut y avoir des catgories et des sous-
catgories, mais il ny a que des mots-cls

Lditeur de texte de WordPress

Pour rdiger votre premier article et votre premire page, il vous faudra prendre en main
lditeur de texte de WordPress. Pas de panique, cest trs simple. Si vous savez utiliser Word
ou Open Office ou autre Libre Office, vous ne serez pas dpays. Mais il y a tout de mme une ou
deux spcificits

12
12//27
LEON 5 : CRER SA PREMIRE PAGE WORDPRESS {1}

Les articles et les pages WordPress sont deux styles de contenu diffrents dun site
WordPress. Ces deux modes de publications doivent tre utiliss bon escient pour tre efficace.
Mais encore faut-il comprendre quelle occasion faire appel lun plutt qu lautre

Quelle est la diffrence entre un article WordPress et une page


WordPress ?

LArticle WordPress

Les articles (galement nomms billets ou posts en anglais) sont des contenus
dynamiques. Ils peuvent tre affichs divers endroits de votre site, soit partiellement (extrait),
soit entirement.

Larticle Foxy visible divers endroit du site Apprenti-Webmaster

Les articles peuvent tre classs par catgories et tre associs des mots-cls. Ils
servent souvent publier des actualits, des humeurs, des informations Ils sont gnralement
classs de manire chronologique, souvent du plus rcent au plus ancien.
Par exemple larticle cr lors de la prcdente leon, appartient la catgorie sport et
est associ des mots cls tels que football ou Tony Parker . On peut le retrouver
entirement sur la page qui lui est consacr, ou sous forme dextrait sur la page darchive de la
catgorie sport , sur la page darchive du mot-cl football ou plus simplement sur la page
blog listant les derniers articles.

La Page WordPress

Les pages WordPress ressemblent beaucoup des articles : elles ont des titres et des
contenus. Mais elles en diffrent sur certains points essentiels.

Tout dabord les pages correspondent plutt un contenu statique, stable et peu
changeant, ne faisant pas partie du flux chronologique du blog. Ce sont en quelques sortes des
articles permanents.

13
13//27
La page daccueil du site Apprenti Webmaster

De plus les pages WordPress ne sont pas lies de quelconques catgories et mots-cls.
Elles peuvent cependant tre hirarchises avec des pages parents e t d e s pages
enfants .
Une page WordPress pourra abriter votre CV, une page de contact, votre portfolio, ou tout
simplement une prsentation de votre site ou de vous. Vous pourrez lui confrer des designs
diffrents en lui associant un des templates (modles de page) prsents dans votre thme
WordPress.

Crer sa premire page WordPress

Nous allons maintenant crer notre premire page WordPress, puis nous crerons une
page A propos , une page Contact , ainsi quune page Portfolio , en partant des modles
de page propos avec le thme virtue.

La page A propos

La page A propos est une page quasi incontournable sur un site. Vous pourrez y prsenter
votre site, votre entreprise, ou vous prsenter vous mme.

La page Contact

Autre grand classique dun site WordPress, la page Contact donne la possibilit vos
visiteurs de prendre contact avec vous. Que ce soit pour solliciter un renseignement, un devis ou
simplement pour vous remercier pour les services rendus par votre site, le visiteur nhsitera pas
sen servir.

Une page Portfolio

Cette page, qui pourra aussi tre nomme Ralisations ou Travaux , pourra prendre
un nom diffrent suivant le sujet de votre site. Elle ne sera pas toujours prsente car pas
forcment utile sur nimporte quel site.

14
14//27
LEON 6 : GRER LES MENUS DE NAVIGATION {1}

Si vous avez suivi toutes les leons depuis le dbut, vous savez installer WordPress en
local. Vous matrisez galement le Tableau de Bord de WordPress, vous tes capables dinstaller
un thme WordPress et de rdiger des articles et des pages WordPress.

Dailleurs vous avez dj cr plusieurs pages, et vous souhaiteriez les affecter aux
diffrents menus proposs par le thme WordPress que vous utilisez. Cela tombe bien la gestion
des menus WordPress est justement lobjet de cette sixime leon.

Menus WordPress : Localiser leurs emplacements sur votre


thme WordPress

Tous les thmes WordPress ne proposent ni les mmes emplacements pour vos menus
WordPress, ni le mme nombre de menus. Sur votre serveur, votre thme se trouvera toujours
dans le dossier themes qui se trouve dans le dossier wp-content la racine de votre
installation WordPress hbergs localement ou en rseau.

Sur le Tableau de Bord de votre site internet WordPress, vous le retrouverez dans longlet
Apparence , en cliquant sur Thmes .

Menus WordPress : Cration et affectation un emplacement

Je vous conseille vivement de rflchir maintenant ce que vous allez faire de ces
emplacements afin de rendre la plus intuitive possible la visite de votre site.

Les questions quil faut maintenant se poser sont : Quelles pages rendez-vous accessible
via cet emplacement de menu? Quelles autres via cet autre emplacement?

Nhsitez pas vous inspirez de ce que vous verrez sur des sites que vous trouvez simples
et intuitifs.

Une fois que vous aurez une ide du menu que vous voulez faire, rendez-vous tout simplement
dans longlet Apparence et cliquez sur Menus . Une fois sur la page Menus , coter de
Nom du menu , crivez le nom que vous souhaitez donner votre menu, puis cliquez sur
Crer Menu . Une fois cela fait, vous pourrez slectionner les pages que vous souhaitez faire
apparatre sur le menu (pages crer prcdemment), mettre des liens vers des sites internet
externe, slectionner les rglages du menu (emplacement du menu sur les pages), et configurer
dautre options qui peuvent apparaitre en ajoutant un thmes ou une extension.

15
15//27
LEON 7 : INSTALLER UNE EXTENSION WORDPRESS {1}

Un thme permet de modifier le design de votre site, mais a peu dincidence sur ses
fonctionnalits. Afin dapporter des fonctions supplmentaires votre site WordPress, il vous
faudra installer de nouvelles extensions (plugins en anglais).

Il en existe des milliers, permettant de faire peu prs tout et nimporte quoi sur votre site, certains
sont proposs linstallation dun thme afin que le thme dispose de toutes ses fonctionnalits.

Comment installer une extension WordPress ?

Pour installer une extension WordPress, cest aussi simple que dinstaller un thme
WordPress. On peut en installer directement depuis le Tableau de Bord de WordPress soit via le
rpertoire officiel dextensions de wordpress.org , soit via un fichier tlcharg sur votre
ordinateur. Dans certains cas installer une extension WordPress ncessitera dutiliser un logiciel
de transfert FTP comme le clbre FileZilla.

Si vous obtenez une extensions qui ne sinstalle pas directement sur le tableau de bord
WordPress, il faut, une fois tlcharg, se rendre sur votre serveur o vous avez installer
WordPress (soit laide de FileZilla pour le rseau ou aller dans le dossier de simulation de rseau
en local). Une fois que vous tes sur la base du dossier o vous avez installer WordPress, aller
dans le dossier wp-content , puis ouvrer le dossier plugins et il ne vous reste plus qua
copier le dossier de votre extension et de le coller dans ce dossier. Une fois cela fait, afin dactiver
le plugin, rendez-vous dans la rubrique Extensions , localisez votre plugin et cliquez sur
appliquer.

Extensions WordPress : Pour apporter toutes sortes de


fonctionnalits votre site

Vous voulez apporter une fonctionnalit supplmentaire votre site ? Sauf si cette
fonctionnalit savre tre vraiment trs spcifique, il y a fort parier quune extension WordPress
existante rpondra votre besoin. Il existe quasiment des extensions WordPress pour tout :
scurit et optimisation, maillage interne, rseaux sociaux, commentaires, maillage interne,
galerie, forum, formulaires, shortcodes, etc.

Il existe des extensions que lon appel Super-Plugins . Un Super-Plugin est une extension qui
permet dajouter un grand nombre de fonctionnalits votre site en une seule installation. Les
deux plus connus sont Jetpack et WooDojo.

16
16//27
LEON 8: UTILISER LES WIDGETS {2}

Les Widgets sont des plugins qui sinstallent, afin dajouter du contenu et des fonctionnalits vos
barres latrales (Sidebar). Vous pouvez grer vos Widgets en vous rendant dans la rubrique
Apparence et cliquez sur Widgets du tableau de bord WordPress. Vous pouvez modifier
lorganisation des widgets dans la rubrique Apparence en cliquant sur Personnaliser. Il faut
savoir que vu dun widget est un plugin, linstallation dun widget se fait de la mme manire dun
plugin.

LEON 9: SAUVEGARDES ET MISES JOUR

Au sein de WordPress, vous avez la possibilit de dexporter et dimporter dans un fichier XML que
vous pourrez enregistrer sur votre ordinateur. Ce format, que nous appelons WordPress eXtended
RSS (ou WXR), contient tous vos articles, pages, commentaires, champs personnaliss,
catgories et mots-cls. Une fois que le fichier tlcharg a t enregistr, vous pouvez utiliser la
fonction Importer dun autre site WordPress pour importer ce fichier dans cet autre site ou dans
votre site suite une rinstallation de WordPress.

Vous pouvez galement tout faire manuellement afin de vous assurer de rcuprer tout vos
fichiers et votre base de donne (cf : leon 10)

17
17//27
LEON 10: MIGRER SON SITE INTERNET WORDPRESS{3}
WORDPRESS{3}

Nous allons maintenant apprendre migrer son site internet WordPress avec pour
objectifs :

Passer dune version locale de site vers une version en ligne.

Changer de nom de domaine

Dplacer votre site dun rpertoire un autre

Le plus important sera dutiliser les URL appropries (ancien vers nouveau site).

Prsentation

Au dbut dun projet, il est courant de travailler dabord en local. Que signifie travailler en local. En fait, vous
simulez un serveur web sur votre machine.

Avantages du local :

pas besoin de connexion web si vous nen avez pas

plus rapide pour mettre jour ou charger les images ou fichiers

vous utilisez un systme de gestion de versions comme Git

Exportation depuis la version locale du site

Votre site internet local a pu tre fait avec MAMP, WAMP ou LAMP que lon a vu dans le cours
prcdent Une fois votre site finalis, vous dsirez migrer cette version vers ce qui sera votre site dfinitif
en ligne, sur votre serveur distant. Cest votre hbergeur qui vous a rserv cet espace. Pour ce faire, vous
avez besoin dlments incontournables qui font que votre site WordPress fonctionne :

le dossier WordPress complet que vous avec tlcharg qui comprend la structure complte
WordPress et tous les lments que vous avez ajouts comme vos thmes, extensions et mdias

la base de donne qui fait le lien avec tous les lments prcdents et stocke tout votre contenu de
type: texte, rglages, compte, cessions, liens (exportation sql avec phpMyAdmin)

le fichier comprenant votre configuration de thme si le thme une extension avec ses propres
fonctions de personnalisation de WordPress (ex : Virtue / Pinnacle ToolKit)

18
18//27
Exportation du dossier WordPress
En vous connectant votre site par FTP ou mieux par SFTP (Ex : FileZilla), vous allez dabord
charger tout le contenu de votre site. On appelle racine le dossier de votre serveur vers lequel
pointera votre nom de domaine. Le rglage est effectu par lhbergeur. Ce dossier na pas
toujours le mme nom. Les intituls les plus courants sont: www, public_html, htdocs.

Exportation de la base de donnes


Pour exporter la base de donnes, vous devez dabord vous connecter linterface web de
PHPMyAdmin depuis votre serveur local. Ensuite, vous slectionnez la base exporter. Il se peut
votre linterface soit un peu diffrente de mes captures dcran. Pour information, jai slectionn le
thme pmahomme dans les paramtres daffichage de PHPMyAdmin.

Une fois la base slectionne, tous les tableaux de votre site vont apparatres. Ici le prfixe par
dfaut wp_ a t chang en wp3ioZ_. Cette nuance est importante noter quand vous ferez la
migration. Cest un paramtre que lon choisit au moment de linstallation de WordPress. Si vous
avez celui par dfaut, gardez-le. Ensuite, aprs avoir cliqu sur Exporter, voici les seuls
paramtres changer :

Mthode dexportation: choisir Personnalise

Tables: choisir Tout slectionner. Cest la valeur par dfaut

Sortie: choisir Diriger la sortie vers un fichier, changer juste Compression et prenez gzipp

Et cest tout pour les rglages. Ensuite et enfin, tout en bas vous cliquez sur Excuter pour
tlcharger la base de donnes archive. Cest cette mme base qui nous servira pour faire la
migration vers notre site en ligne.

19
19//27
Exportation de la configuration du thme dans le cas chant
(Ex : Pinnacle)
Certains thmes vous proposerons d'installer des extensions afin de personnaliser d'avantage
votre thme WordPress ou ajouter des fonctionnalits qui vous aiderons administrer votre site
WordPress. Dans ce cas, il ce peut que vous ayez besoin d'exporter les paramtres ce ces
extensions afin de vous assurer de retrouver votre site WordPress tel qu'il tait avant la migration.
Pour ce cours, nous nous baserons sont l'extension Virtue / Pinnacle ToolKit propose lors de
l'installation des thmes Virtue ou Pinnacle .

Pour cela, rendez-vous sur votre Tableau de bord , puis allez sur Apparence , puis rendez-
vous dans la rubrique Options du thme . Vers le bas de la page (dans la colonne o se situe
Site Header ), cliquez sur Inporter / Exporter, et enfin dans Options d'exportation , faites
tlcharger.

Exportation du contenue WordPress (Pages, Articles, Portfolio)


Afin de vous assurer de retrouver tout le contenus de votre site WordPress, je vous conseil de faire
une exportation de contenu. Pour cela, allez sur votre Tableau de bord WordPress, puis allez
dans la rubrique Outils et cliquez sur Exporter . Enfin selectionnez le contenu que vous
souhaitez exporter, sachant que vous pouvez tout rcuprer en slectionnant Tout le contenu ,
puis cliquez sur Tlcharger le fichier d'export .

20
20//27
Importation en ligne de la version locale
Nous avons tous les lments (dossier WordPress et base de donnes) pour faire la migration en
ligne. La partie qui va suivre ne sera pas forcment identique la vtre selon votre hbergeur,
mais le principe sera le mme.

Information de votre base de donnes

Cette information vous a t donne lors de la cration de la base donne chez votre hbergeur.
La plupart du temps, vous lavez reue par email. Dans ce cadre, nous avons besoin des lments
suivants pour votre base :

Nom : Nom de la base

Utilisateur : root (en local), Nom utilisateur (en rseau)

Mot de passe : root (en local), Mot de passe dfinit (en rseau)

Adresse de lhbergement : localhost (en local), nom.nomfournisseur.db (en rseau)

Une fois ces lments obtenus vous allez modifier le fichier wp-config.php la racine de votre site en
insrant les lments au dessus.

Attention ne pas supprimer un des guillemets simples ou ne pas mettre despace entre ces
guillemets.

Par mesure de scurit, je vous conseil d'ajouter ces deux lignes en dessous des lignes de la
partie Rglages MySQL {5} :
define('WP_HOME','http://adresse de votre site WordPress');
define('WP_SITEURL','http://adresse de votre site WordPress');

Ensuite, selon le nom (prfixe) que vous donnerais vos tables MySQL, il vous faudra modifier le
nom de prfixe des tables cette ligne en sachant que vous pouvez mettre ce que vous voulez en
prfixe de tables (Ex : wphome) :

21
21//27
$table_prefix = 'wp_';

Il vous faudra enfin, modifier le fichier functions.php qui se trouve dans le dossier de votre
thme en allant sur votre dossiers d'installation WordPress sur votre hbergeur, puis dans le
dossier wp-contant , puis le dossier themes et enfin le dossier de votre thme. Dans ce
fichier, ajoutez les ligne suivantes juste aprs <?php> {5}:

update_option('siteurl','http://adresse de votre site WordPress');


update_option('home','http://adresse de votre site WordPress');

Mise jour de votre fichier de base de donnes exporter

Afin que votre site internet fonctionne, il est impratif de redfinir dans votre fichier de base de
donne, la nouvelle adresse de votre site WordPress, ainsi que vos nom de prfixe de table, si
vous avez modifier le prfixe des table dans le fichier wp-config.php dans le cas o ce prfixe
est dj utiliser sur votre base de donnes, o vous souhaitez utiliser un autre prfixe. Si vous
n'avez pas modifier le prfixe des tables dans le fichier wp-config.php vous pouvez passer
cette partie de cours et passer directement au prochain point (Importation de la base de donnes).

Pour cela, si vous avez un fichier compresser au format gz ou au format zip , dcompressez
le l'aide d'un logiciel d'extraction de fichier compresss (Ex : 7-Zip sur Windows ou en double
cliquant sur le fichier sur Mac), vous obtiendrez un fichier d'extension .sql . Si votre fichier n'est
pas compress, vous aurez directement le fichier d'extension .sql .

Ensuite, ouvrez votre fichier sql l'aide de votre diteur prfrer (Ex : Notepad++ sur Windows ou
TextWrangler sur Mac), puis utilisez la fonction de recherche et en face de trouver , crivez
votre ancienne adresse WordPress (Ex : http://adresse de votre ancien site wordpress) , puis en
face de remplacer , crivez votre nouvelle adresse WordPress (Ex : http://adresse de votre
nouveau site wordpress), puis faites remplacer tout . Pour le prfixe des table, utilisez
galement la fonction recherche, puis en face de trouver , crivez votre ancien prfixe
WordPress (Ex : wp_), puis en face de remplacer , crivez votre nouveau prfixe WordPress
(Ex : wpnompersonnalis et faites remplacer tout .

22
22//27
Importation de la base de donnes

Puisque vous venez de crer une nouvelle base sur votre serveur, elle doit tre vide, sans aucun
tableau. Si cette base avait dj des tableaux, il est prfrable de tout supprimer.

Pour supprimer, vous devez respecter ces tapes :

Tout cocher (les tableaux)

Pour la slection, choisissez Supprimer

Confirmer par Oui ltape suivante

Ensuite, en cliquant sur Importer on vous demandera pour Parcourir pour choisir un fichier sur
votre ordinateur. Vous excutez cette commande sans toucher aux autres rglages par dfaut et
vous slectionnerez la base de donnes exporte depuis votre installation locale. Votre base de
donnes est importe. Il reste juste mettre jour toutes les URL de votre ancien site pour les
faire correspondre au nouveau.

Mise jour de la base de Donnes {4}

Cette partie est ncssaire, seulement si vous n'avez pas fait la partie sur Mise jour de votre
fichier de base de donnes exporter . Dans ce cas passez la partie Connexion au site. Dans
l'autre cas, cest la dernire partie raliser avant la vrification du nouveau site en ligne. Pour
cela, servez-vous plutt du script search and replace (interconnectit.com). Une fois tlcharg,
installez le la racine de votre site : http://nom-de-mon-site.fr/searchreplacedb2.php. videmment,
lURL donne du site est adapter par rapport votre cas.

Vrifier les rglages de la base de donnes

Une fois la bonne adresse rentre, une interface apparat (voir ci-dessous). Si vous cliquez sur
Submit, vous pourrez contrler les diffrents identifiants de votre base de donnes

23
23//27
Ce qui donnera (la plupart des champs sont masqus dans mon cas).

Si tout est ok, cliquez sur Submmit DB details

Slection des tables de la base de donnes

Les tables de votre base saffichent. Ils seront tous slectionnez normalement, sinon, utilisez la
touche majuscule.

Enfin, cochez Leave GUID column unchanged et cliquez sur Continue.

Chane remplacer

Dans cette partie, il sagit de remplacer lancienne adresse de vote ancien site par la nouvelle.
Dans les deux cas, cela peut tre du local vers en ligne ou en ligne deux endroits diffrents.

Entrer les bonnes URL

Attention sans mettre de / la fin de lURL. Dans mon exemple, je dplace un site test la racine
du serveur.

Ensuite, cliquez sur Submit Search string

24
24//27
Rsultat

Si tout se passe bien, le script vous dtaille les oprations effectues

Rappel: Si vous avez des problmes avec des pages non trouves, veuillez nouveau enregistrer
les permaliens avec les mmes rglages dans votre site.

Connexion au site

La migration est presque termine. Il sagit de vrifier si tout fonctionne correctement quand vous
vous connectez votre site. Parfois, vous pouvez arriver sur des pages 404, o aucune page
nest trouve. La plupart du temps il suffit denregistrer nouveau les permaliens (Menu Rglages
> Permaliens) pour que tout revienne dans lordre.

En cas derreur

Le mieux est de seulement rinitialiser la base de donnes en supprimant toutes ses tables. Pour
ce faire, il suffit, une fois dans PHPMyAdmin, de slectionner la base, puis les tables et de choisir
Supprimer dans le menu. Une confirmation vous sera demande

25
25//27
Importation des paramtres de thme WordPress, Mise jour des
Permaliens et Importation du contenue WordPress

Pour finir, afin de retrouver votre site WordPress tel qu'il tait avant la migration, il vous faudra
importer les paramtres de votre thme afin de retrouver le design de vos pages, et vos rglages
de thme. Ici, nous allons faire cette tape en prenant comme exemple Pinnacle . Pour cela,
hberger votre fichier la racine de votre hbergeur (pour le nom du fichier, ne mettez pas
d'espace, ni de ponctuation), puis rendez-vous dans Apparence , puis Options du thme ,
puis Importer depuis une URL , et enfin, indiquez l'URL de votre fichier json (Ex :
http://monsite.fr/fichier.json), puis cliquez sur Importer .

Ensuite, mettez jours vos Permaliens en vous rendant sur votre Tableau de bord
WordPress, puis en allant dans l'onglet Rglages , puis en allant sur Permaliens et enfin,
cliquez sur Enregistrer les modifications , sans rien faire d'autre.

Enfin, s'il vous manque des pages, portfolios ou autre contenus, vous pouvez les importer en allant
dans l'onglet Outils puis Importer de votre Tableau de bord WordPress, puis cliquez sur
WordPress . Si ce n'est pas fait, installez l'importateur WordPress . Pour cela aprs avoir
cliquer sur WordPress , cliquez sur Installer maintenant , puis cliquez sur Activer
l'extension & lancer l'importateur , et enfin faites Parcourir... , puis slectionnez votre fichier
.xml comprenant le contenu de WordPress, puis cliquez sur Envoyer le fichier et l'importer .

26
26//27
DIVERS LIENS
Tlchargement Wordpress
Version traduite en franais
Version originale anglaise

Hbergeurs de site internet


Site 1
Site 2

Tlchargement extensions et widgets


Site 1
Site 2

Tlchargement de diverses extensions


ACF (Advanced Custom Fields) : Ajouter des champs personnaliss vos articles, pages ou contenus
personnaliss. Permet de crer la manire dun formulaire une interface sur mesure pour cadrer le
contenu ajout par les administrateurs du site.
UpdraftPlus : Faire des sauvegardes et restaurations de votre site internet WordPress
Virtue/Pinnacle Toolkit : Customiser les thmes Virtue et Pinnacle de Kadence Theme , et ajout
de fonctions (Ex : Portfolio)
BackWPup : Sauvegardes compltes automatiques de linstallation WordPress ncessite des logiciels
comme Adminer ou PHPMyAdmin pour la restauration.
Adminer : Adminer (anciennement phpMinAdmin) est un outil de gestion MySQL complet crit en PHP qui
permet de faire des sauvegardes et restauration de la base de donnes.

Tlchargement de thmes
Site 1
Site 2

SOURCES :
{1} http://www.apprenti-webmaster.com/formations-wordpress/formation-wordpress-debutant
Tutoriel
{2} http://codex.wordpress.org/WordPress_Widgets
Informations sur Widgets
{3} http://www.gregoirenoyelle.com/wordpress-migrer-son-site-local-vers-le-serveur-en-ligne/
Migrer son site
{4} http://www.gregoirenoyelle.com/wordpress-migrer-site-script-interconnect-search-replace/
Outil Search replace
{5} http://codex.wordpress.org/Changing_The_Site_URL
Changer l'url de son site WordPress

Complment de cours par Sbastien CUISSETTE stagiaire chez


Ubiquitus.
Plus de dtails dans le document rdiger par OpenClassRooms
nomm Cours WordPress Openclassrooms

27
27//27