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

• me@abelmbula.url.ph

•NTEB Kisangani

• 3, av de l’église Makiso Kisangani

MERCI