Créé en 2021 et modifié le 05 Jan 2021
Découverte de WordPress et Woocommerce
Partie 1 – Votre e-commerce
- Choisir un thème pour votre e-commerce et un nom
- Choisir des codes couleurs. Les codes couleurs peuvent utiliser l’ensemble triade et complémentaire https://color.adobe.com/fr/create.
- une typographie https://fonts.google.com/
- un logo
Partie 2 – WordPress en ligne
- Créer un compte sur wordpress.com
- Choisir un thème
- Réaliser la page d’accueil de votre site
- Réaliser une page qui présente quelques produits
- Relier la page qui présente vos produits à la page d’accueil
Partie 3 – Serveur web en local
- télécharger wamp et l’installer https://sourceforge.net/projects/wampserver/files/
- télécharger sublime text et l’installer https://www.sublimetext.com/
- créer un fichier index.html qui affiche bonjour et le déployer sur son serveur web. www de l’installation wamp. On y accède avec http://localhost/index.html une fois le serveur web lancé
<!doctype html> <html lang="fr"> <head> <meta charset="utf-8"> <title>Titre de la page</title> </head> <body> bonjour </body> </html>
Partie 4 – Installation de WordPress en local
- télécharger WordPress https://fr.wordpress.org/download/
- décompresser WordPress dans le www de wamp
- accéder à http://localhost/phpmyadmin puis créer une base de données shop (encodage utf8-general_ci lien des tables innodb).
- lancer WordPress en accédant au répertoire décompressé via http://localhost/wordpress
- définir l’accès à la base de données shop avec login root et aucun mot de passe
Partie 5 – Création de pages
Livrable gitLab : shop/mission1/…
- Lancer http://localhost/wp-admin
- reprendre vos pages de wordpress.com sur votre installation wordpress locale
Partie 6 – Woo commerce
Livrable gitLab : shop/mission1/…
- installer le plugin Woo commerce qui permet de modifier WordPress pour réaliser un site e-commerce.
- Réaliser votre site e-commerce avec au minimum 5 produits.
- Créer un projet à votre NOM sur gitlab.com puis dans l’arborescence shop/mission1/, ajouter votre document contenant le nom et la charte graphique au format pdf. Le document doit être de la forme https://gitlab.com/monpseudo/frebourg/-/blob/master/zootickoon/1/charte.pdf
- Partager le projet avec l’utilisateur cherryclass.