Créer son site web avec WordPress
-
Upload
abel-lifaefi-mbula -
Category
Internet
-
view
228 -
download
0
Transcript of Créer son site web avec WordPress
CREATION DES SITES WEB AVEC WORDPRESS
Créer rapidement & facilement son site web
Abel Lifaefi Mbula Expert WP & Webdev
Atelier de formation NTEB 2016
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é
Prérequis •Maitrise de l’outil informatique
•Maitrise d’un traitement de texte
Durée
Sommaire • Introduction au web
• Définition
• Les langages web
• Les CMS: utilisation, avantages et inconvénient
• Conseils pour réaliser des sites web efficaces
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
INTRODUCTION AU WEB Internet, web, CMS, client, serveur – quid ?
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
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.
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
CMS – avantages •Simple d’utilisation
•Gratuit et parfois open source
•Gain de temps
•Flexible et évolutif
•Grande communauté
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
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
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
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
DÉMARREZ AVEC WORDPRESS
Pourquoi WP? •Facile et simple à installer (installation 5 min)
•Ergonomie et design
•Grande communauté
•SEO
•Exemples: The New York Times, CNN, Reuters, …
WP – inconvénient •Sécurité (à cause de sa popularité)
•Certains thèmes sont complexes à installer
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
Interface de WAMP Server
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
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
Installer WP 1 BDD wordpress
Utilisateur root 2 Mot de passe null 3 Adresse localhost 4 Préfixe wp_ 5
Tableau de bord •Tapez http://localhost/wordpress/wp-admin/ pour vous connecter
Article vs page •Article élément dynamique
•Page élément statique
Créer une page
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
Créer un menu de navigation •Apparence Menu
Insérer des médias •Médias Ajouter
•Évitez des images qui pèsent (+3Mo)
Modifier l’apparence •Apparence Thèmes
Ajouter des extensions •Pour augmenter des fonctionnalités à votre site
•Extensions Ajouter
•Activez uniquement les extensions utiles
•Attentions aux extensions non officielles
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
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
Référencements •URLs propres
•Contenu de qualité
Bonus 1 •Wappalyser: extension Firefox qui permet d’identifier les technologies utilisées sur un site web
Bonus 2: 10 erreurs à éviter
Bonus 3: 10 erreurs à éviter
À propos •Abel Lifaefi Mbula
• Formateur ICDL
• Expert WP
• Développeur Web/JAVA
• Auteur de MOOC et consultant NTIC
• +243992097516/821222207
•NTEB Kisangani
• 3, av de l’église Makiso Kisangani
MERCI