Créer son site Web À l’aide de WordPress

1. Créer son site WebÀ l’aide de WordPress Par Michael Adam

2. Michaël Adam <- Votre prof!  Programmeur-analyste Directeur de comptes chez Megavolt 12 ans d’expérience Des milliers de projets réalisés

3. Plan de cours • Le Web : comment ça marche!? • Acheter son nom de domaine • Installer WordPress • Installer un thème visuel et le personnaliser • Créer les pages de son site • Mettre son site en ligne

4. Cours 1 Le Web Les noms de domaine Installer Wordpress

5. Le Web Comment ça marche!?

6. Petit historique • ARPANET • 1969 • Armée américaine • Réseau de communication aillant une tolérance élevé à la perte d’un de ses membres • Internet moderne • 1990

7. Il y a plusieurs chemins pour se rendre du point A au point B. Composition du réseau Internet Le Web (la toile en français) est composé de : Clients Ordinateurs Téléphone mobiles Tablettes Téléviseurs intelligents Consoles de jeux vidéos Serveurs Web Serveurs DNS Autres A B

8. Adresse IP Cette adresse est unique Comme l’adresse postal d’une maison Ça ressemble à ça :182.20.1.210 123.4.56.7 A B 98.76.54.3

9. infrastructure client / Serveur 123.4.56.7Votre ordinateur Sur le Web A (client) demande à B (serveur Web) de lui afficher Google.ca B reçoit et traite la demande B remet la page demandée à A Dans un restaurant Le clientpasse sa commande au serveur Le serveur prend la commande et la traite en cuisine Le serveur remet le plat commandé au client A B 74.125.226.191 Google.ca

10. LA problématique de l’adresse IP • Qui peut se rappeler d’une adresse IP!? • Pas moi! • La solution : Les noms de domaine • Facebook.com • Google.ca • Wikipedia.org

11. Le DNS DNS 123.4.56.7Votre ordinateur DNS = Domain Name Serverou serveur de nom de domaine Le serveur DNS traduit l’adresse entrée par le client en adresse IP Le DNS est un peu comme le menu au restaurant:Ce que vous appeler un sous-marin steak et champignonest appelé un numéro 12 par le personnel du restaurant Le menu comme le DNS vous permet de communiquer dans une langue que vous comprenez! A B 74.125.226.191 Google.ca

12. Le contenu du DNS • Un sorte de tableau Excel

13. Le chemin d'une requête Web DNS 123.4.56.7Votre ordinateur Le clientdemande Google.ca Le DNS répond au client que Google.ca est à l’adresse 74.125.226.191 Le client demande 74.125.226.191 maintenant qu’il connait l’adresse du serveur de Google Le serveur Web répond au clienten lui envoyant la page d’accueil de Google.ca A B 74.125.226.191 Google.ca

14. nom de domaine Comment en faire l’acquisition?

15. Choisir son nom de domaine • Choisissez un nom court et facile à retenir • Votre nom de domaine devrait contenir le nom de votre organisation • Choisissez d’abord une adresse .comou .ca si disponible • Pour une organisme sans but lucratif, choisissez un .org • Achetez-le rapidement afin d’être sûr de ne pas vous le faire voler!

16. Choisir son registraire Registraire international Registraire local Plus cher (20$ à 30$ par année) Support téléphonique personnalisé Service dans votre langue Panneau de gestion pas toujours disponible Exemple : Domaine Plus (domaineplus.com) • Pas cher (10$ à 15$ par année) • Support par courriel ou chat en ligne • Service offert souvent en anglais seulement • Panneau de gestion disponible • Exemples : • Go Daddy (www.godaddy.com) • Enom (www.enom.com) • Network Solutions (www.networksolutions.com) • Tucows (www.tucows.com)

17. Vérifier si le nom de domaine est disponible et l’acheter

18. À penser • N’oubliez pas qu’il faut renouveler le nom de domaine à chaque année! • Acheter votre nom de domaine pour plusieurs années à l’avance pour être certain de ne pas oublier et le possiblement le perdre. • Enregistrez plusieurs noms de domaine. • Par rapport aux erreurs de frappe possibles • Par rapport aux extensions disponibles afin d’éviter le vol d’identité • Ne pas enregistrer plusieurs noms de domaine avec des mots clés pour l’indexation dans les moteurs de recherche • Faites attention aux fraudeurs qui vont tenter de vous voler votre domaine pour ensuite vous le revendre.

19. WordPress Installer et configurer WordPress

20. WordPress : Qu’est-ce que c’est? • Gestionnaire de contenus (CMS ou Content Management System) • Permet de modifier le contenu de votre site sans connaissance technique (pas de programmation) • WordPress est une solution Open Source et non propriétaire • Gratuit • Développé par la communauté et non une seule personne ou agence • Beaucoup de ressources en ligne (thèmes, modules, etc.) • Beaucoup d’aide en ligne (tutoriaux, vidéos, etc.) • Vous pouvez télécharger WordPress à l’adresse : wordpress.org

21. WordPress : Qu’est-ce que c’est? • WordPress est le CMS le plus utilisé dans le monde à l’heure actuel • WordPress est programmé avec les technologies PHP et MySQL • Facile de trouver un hébergeur pour un site WordPress • Facile à installer parce que des installations rapides sont habituellement disponibles • Autres CMS • Drupal • Joomla • Des milliers d’autres

22. EASYPHP comme Serveur WEB • Télécharger et installer Visual C++ Redistributable for Visual Studio 2012 Update 4 (pour Windows 7) • http://www.microsoft.com/en-us/download/details.aspx?id=30679 . • Déjà installé sur votre poste • Télécharger et installer EasyPHPDevServer • http://www.easyphp.org/ • Déjà installé sur votre poste • Référez-vous au document de marche à suivre pour le faire à la maison.

23. Vos accès CODE D’USAGER             MOT DE PASSE                  ÉTUDIANT/ÉTUDIANTE • NC9919141                         19741027                            Martine Chalifour • NC8992357                         19550424                            Micheline Fortin • NC9921861                         19860108                            Cathy Leblanc • NC9922099                         19780930                            Jean-Philippe Moreau • NC9921896                         19660104                            Daniel Samson • NC9921889                         19620605                            Michel Simard • NC8992304                         19760228                            Annie Trépanier • NC9922154                         19910523                            Marie-Ève Desrochers • NC9922126                         19530611                            Serge Fournier • NC9922157                         19590629                            Michel Poirier • NC9922160                         19580413                            Daniel Brochu • NC9922168                         19720525                            Isabelle Savard

24. Installer WordPress Dans EasyPHP • Dirigez-vous à l’accueil du site www.easyphp.org • Cliquez sur l’icône à côté d’Add Modules. • Descendez dans la page jusqu’à la section Blog / CMS. Le premier est WordPress. • Cliquez sur le bouton 3.8 à côté de la version VC 11. • Après quelques secondes, le téléchargement va démarrer automatiquement. • Exécuter le fichier .exe qui vient de se télécharger.

25. Ouvrir WordPress • Cliquez avec le bouton droit de la souris sur l’icône d’EasyPHP dans la barre des tâches. • Un menu va apparaitre. Cliquez sur Administration. • Choisissez le navigateur dans lequel vous souhaitez que le panneau d’administration s’ouvre. • Cliquez sur le bouton Espace Public à droite du module WordPress.

26. Votre site Web est créé! • Votre site Wordpress est maintenant installé et fonctionnel! Bravo! Voici ce que vous devriez voir. • Ajouter cette page à vos favoris.

27. Se connecter à l’administration • Prennez l’adresse de votre site WordPress et d’ajouter /wp-adminà la fin de cette adresse. • Par exemple, l’adresse de mon blogue est http://127.0.0.1/modules/wordpress380x140216193045/. • Il suffit d’aller à l’adresse http://127.0.0.1/modules/wordpress380x140216193045/wp-adminpour accéder à la console de gestion. • Nom d’utilisateur : admin • Mot passe : adminpwd

28. Mettre à jour WordPress • WordPress est mis à jour régulièrement • Pour se protéger des pirates • Pour corriger des bugs • Pour ajouter de nouvelles fonctionnalités ou améliorer celles existantes • La mise à jour doit être déclencher manuellement • Peut potentiellement briser des fonctionnalités du site • Idéalement, il faut faire une copie de sauvegarde avant la mise-à-jour • BackWPupest un bon module à installer pour faire des copies de sauvegarde • Il n’est pas nécessaire de faire de copie lorsqu’on fait la mise à jour sur un WordPress vierge

29. Mettre à jour WordPress • Cliquez sur Please update nowdans le haut de la page d’accueil de l’administration. • Cliquez sur Update Now.

30. Changer son Mot de passe • Normalement, il serait important d’aller changer son mot de passe d’administrateur mais … NE CHANGEZ PAS VOTRE MOT DE PASSE SVP!  • Cela évitera de mauvaises surprises pendant le cours! 

31. Traduire WordPress • WordPress est installé en anglais par défaut mais il peut être traduit dans presque toutes les langues. • Dirigez-vous à l’adresse http://www.wordpress-fr.net/telechargements/. • Téléchargez les 3 fichiers .mo suivants : • Allez à l’endroit où vous avez installé EasyPHP sur votre ordinateur. Par défaut, il sera à cet endroit : C:\Program Files (x86)\EasyPHP-DevServer-14.1VC11 • Allez dans le dossier Modules puis Wordpress***. Ce dossier contient tout les fichiers de votre site WordPress.

32. Traduire WordPress • Dirigez-vous dans le dossier wp-content et créez un dossier nommé languages. • Dans ce dossier, déposez les 4 fichiers .mo téléchargés précédemment. • Retournez dans le dossier de base de WordPress en revenant en arrière de deux niveaux. • Trouvez le fichier nommé wp-config.php et double cliquez dessus pour l’ouvrir. Choisissez Bloc Note pour l’ouvrir.

33. Traduire WordPress • Recherchez la ligne de code suivante : define('WPLANG', ''); • Modifiez cette ligne pour ceci : define('WPLANG', 'fr_FR');

34. Traduire WordPress • Enregistrez et fermez le fichier. • Retournez dans l’administration de WordPress et rafraichissez la page. • Bravo! Votre site WordPress est maintenant en français! 

35. Configurer WordPress • Dans l’administration, allez dans le menu Réglages / Général. • Entrez le Titre du site : Mon premier site • Entrez le Slogan: Certainement pas mon dernier! • Entrez votre Adresse de messagerie (courriel). • Choisissez votre Fuseau Horaire : UTC -5 • Choisissez le premier Format de date et le premier Format d’heure. • Enregistrez les modifications.