Petit aperçu sur les fonctions et avantages de Wordpress. Découvrez comment créer votre site internet sans connaître le HTML

1. Présentation de
WordPress
Formations e-Action
www.e-action.fr

2.  Il existe deux types de site :
 Statiques
 Dynamiques
 Une page web est comme une page de journal
 Elle contient texte, photo, rubriques, menus…
 Mais sur Internet, l’encre et le papier c’est le code html
(Ctrl+U)
Un système « dynamique »

3. Votre navigateur Internet « traduit » le code HTML
Code HTML Page visible
Navigateur
Internet

4.  Ces pages sont directement écrites en HTML
 Ce qu’on voit dans le navigateur est la traduction d’un
seul gros bloc de code
 Et autrement dit, il faut savoir « parler » HTML pour
les écrire !
Les pages d’un site « statique »

5.  Les pages d’un site dynamique apparaissent grâce à
un travail d’assemblage que réalise le navigateur
 Ces pages sont constitués de différents bouts de code
 WordPress est un de ces sites « dynamiques »
Les pages d’un site « dynamique »

6. Les « bouts de code » de WordPress
 Au final, le navigateur va créer une
seule page à partir de ces différents
bouts de code, qui se situent dans
différents fichiers
 Dis comme ça, cela semble peut-être
un peu compliqué, non ?
 Mais comme vous le verrez, les
avantages de ce système sont
multiples !

7. Quels sont les avantages de WordPress par
rapport à un site « statique » ?
1. Vous n’avez pas besoin de connaître le HTML : vous
pourrez publier des textes et créer des pages aussi
simplement qu’en utilisant Word !
2. Vous pourrez très facilement gérer votre site : créer
des liens, insérer des images, des vidéos… ou
changer complètement de design en quelques clics !
WordPress… Version simple !

8.  En effet, WordPress sépare :
 Le contenu (les textes, les images...)
 Du contenant (le design et le code HTML)
 Vous disposez ainsi d’un système extrêmement
flexible et facile à modifier
WordPress vous simplifie la vie !

9.  Le site http://respect-
animal.ca/ a un très beau
design : il a été entièrement
codé à la main par une
graphiste professionnelle
 Le problème, c’est le jour où
l’on décide de changer le
design… Il faudra refaire
TOUTES les pages à la main
Un exemple

10.  Avec WordPress, il suffit de modifier le fichier voulu
(par exemple le header, la sidebar, etc.) ou de changer
le « thème » entier du site
 Que le site contienne 10 ou 10 000 pages, la
modification sera instantanée pour toutes les pages !
 Pour avoir une démonstration, allons sur le site
http://www.csszengarden.com/
Un exemple

11.  WordPress se compose de trois éléments :
 Le moteur
 Le thème (ou design)
 Le contenu
 Chaque élément est modifiable séparément :
 On fait les mises à jour du moteur
 On peut changer le thème en quelques clics
 Le contenu est quant à lui stocké sur le serveur
Les trois éléments de WordPress

12.  Le quatrième élément de WordPress, ce sont les
plugins ou, en français, les « extensions »
 Elles permettent d’étendre les fonctionnalités de
WordPress. Par exemple :
 Créer une galerie de photos
 Intégrer des commentaires Facebook
 Elles sont optionnelles mais indispensables pour tout
bon blog !
Le « Quatrième élément » WordPress

13. Retrouvez toutes les vidéos
sur la plateforme gratuite :
http://formation.e-action.fr/