Ce document est un guide complet pour créer un site web avec WordPress, abordant des sujets tels que l'installation, l'utilisation de langages web, et les différences entre articles et pages. Il discute également des avantages et inconvénients des CMS, la préparation et mise en ligne d'un site, ainsi que des conseils pour un référencement efficace. Enfin, il fournit des informations sur l'hébergement et les outils utiles pour optimiser un site web.

1. CREATION DES SITES
WEB AVEC WORDPRESS
Créer rapidement & facilement
son site web
Abel Lifaefi Mbula
Expert WP & Webdev
Atelier de formation NTEB 2016

2. Objectifs pédagogiques
Installer WP sur un serveur web
Utiliser PHP Myadmin
Acheter (trouver) un nom de domaine
Utiliser un client FTP (FileZila)
Référencement , vitesse & sécurité

3. Prérequis
• Maitrise de l’outil informatique
• Maitrise d’un traitement de texte

4. Durée

5. Sommaire
• Introduction au web
• Définition
• Les langages web
• Les CMS: utilisation, avantages et
inconvénient
• Conseils pour réaliser des sites web
efficaces

6. Sommaire
• Démarrer avec WordPress (WP)
• Préparer votre ordinateur
• Interface d’administration de WP
• Mettre en ligne son site WP
• Référence, performance et sécurité d’un
site web

7. INTRODUCTION AU WEB
Internet, web, CMS, client, serveur – quid ?

8. Définitions
• Internet: réseau des réseaux
• Web: pages reliées par des hyperliens
• URL: adresse unique d’une page
• CMS: logiciel de création de site
• FTP: permet d’envoyer son site sur le
serveur web
• Serveur: machine qui stocke le site
24h/24
• Client: votre ordinateur

9. Les langages web
Langages clients
• Interprétés par les
navigateurs
• HTML (fond)
• CSS (forme)
• JS (animation)
Langages serveur
• Exécutés par les
serveurs
• PHP
• JAVA
• Etc.

10. CMS – quid?
• Content Management System (en)
• Gestionnaire des contenus (fr)
• Créer rapidement & facilement un site
• Modifier et enrichir rapidement le
contenu du site
• +++auteurs peuvent intervenir sur le
site

11. CMS – avantages
• Simple d’utilisation
• Gratuit et parfois open source
• Gain de temps
• Flexible et évolutif
• Grande communauté

12. CMS – inconvénients
• Mise en route (installation sur serveur
distant, …) pas facile
• Chaque CMS a sa spécificité
• SEO
• Duplication des designs
• Cible des hackers

13. Pourquoi un site web?
• Partager sa passion
• Être visible 24h/24 dans le monde
• Mieux communiquer avec des
partenaires
• Fidéliser des partenaires
• Conquérir de nouveaux partenariats
facilement
• Augmenter la visibilité et la notoriété
de votre institution

14. Conseils pour sites web efficaces
• Réflexion cahier des charges
• Objectifs du site
• Public cible
• Réaction des visteurs
• Etc
• Bonnes pratiques:
• Contenu adapté au public
• Menu de navigation clair
• Style simple

15. En résumé
• Un CMS est une application de
création de sites web (WP, Drupal, …)
• 2 types de langages web: clients
(HTML) et serveurs (PHP)
• Un de grands avantages de CMS est
la simplicité d’utilisation
• Inconvénient majeur: cibles des
hackers
• Toujours bien réfléchir avant de se
lancer

16. DÉMARREZ AVEC
WORDPRESS

17. Pourquoi WP?
• Facile et simple à installer (installation
5 min)
• Ergonomie et design
• Grande communauté
• SEO
• Exemples: The New York Times, CNN,
Reuters, …

18. WP – inconvénient
• Sécurité (à cause de sa popularité)
• Certains thèmes sont complexes à
installer

19. Installer WAMP server
• Télécharger WAMP sur
www.wampserver.com
• Lancer l’installation en conservant
tous les paramètres par défaut
• L’icone s’affiche dans la zone de
notification
• Tapez http://localhost dans votre
navigateur

20. Interface de WAMP Server

21. Créer la BDD pour WP
• Tapez http://localhost/phpmyadmin
• Utilisateur: root, mot de passe: vide
• Cliquez sur Bases de données,
choisissez un nom puis cliquez sur
créer

22. Installer WP
• Téléchargez WP sur
www.fr.wordpress.org
• Décompressez le dossier dans le
répertoire C:/wamp/www
• Tapez http://localhost/wordpress
• Laissez-vous guidez par l’installeur

23. Installer WP
1 BDD  wordpress
Utilisateur  root
2
Mot de passe  null
3
Adresse  localhost
4
Préfixe  wp_
5

24. Tableau de bord
• Tapez http://localhost/wordpress/wp-
admin/ pour vous connecter

25. Article vs page
• Article  élément dynamique
• Page  élément statique

26. Créer une page

27. Catégories & mots-clés
• Les articles sont
classés dans des
catégories
• Ils sont facilement
retrouvé grâce aux
mots-clés
• article  catégorie

28. Créer un menu de navigation
• Apparence  Menu

29. Insérer des médias
• Médias  Ajouter
• Évitez des images qui pèsent (+3Mo)

30. Modifier l’apparence
• Apparence  Thèmes

31. Ajouter des extensions
• Pour augmenter des fonctionnalités à
votre site
• Extensions  Ajouter
• Activez uniquement les extensions
utiles
• Attentions aux extensions non
officielles

32. Trouver un hébergeur
Gratuit
Moins professionnel
url:
www.monsite.hebergeur.com
Accès difficile aux heures
d’affluence (16h30 – 22h)
www.free.fr
www.hostinger.fr
Payant
Professionnel
url : www.monsite.com
Prix : 1 à 200 €/mois (1000 €
pour des sites très fréquentés)
www.ovh.com, www.1and1.fr,
www.amen.fr

33. Envoyer le site en ligne
• L’hébergeur vous fournira toutes les
informations nécessaires pour vous
connecter au serveur
• Utiliser FileZila et déposez tous les
fichiers se trouvant dans le répertoire
« www » vers le serveur distant
• Lancer votre site en ligne et reprenez
l’installation de WP

34. Référencements
• URLs propres
• Contenu de qualité

35. Bonus 1
• Wappalyser: extension Firefox qui
permet d’identifier les technologies
utilisées sur un site web

36. Bonus 2: 10 erreurs à éviter

37. Bonus 3: 10 erreurs à éviter

38. À propos
• Abel Lifaefi Mbula
• Formateur ICDL
• Expert WP
• Développeur Web/JAVA
• Auteur de MOOC et consultant NTIC
• +243992097516/821222207
• me@abelmbula.url.ph
• NTEB Kisangani
• 3, av de l’église Makiso Kisangani

39. MERCI