Support de cours pour un atelier qui a eu lieu à Kisangani, RD Congo sur le CMS WordPress. L'accent était mis sur la procédure de déploiement de son site local vers un hébergeur distant.

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