site_vitrine/README.md

163 lines
4.4 KiB
Markdown

# Navier Instruments - Site WordPress
Site vitrine pour Navier Instruments, fabricant francais d'instruments de mesure de debit d'air.
## Structure du projet
```
navier-instruments-wordpress/
├── docker-compose.yml # Configuration Docker
├── theme/ # Theme WordPress personnalise
│ ├── style.css # Styles principaux
│ ├── functions.php # Fonctions du theme
│ ├── header.php # En-tete du site
│ ├── footer.php # Pied de page
│ ├── front-page.php # Page d'accueil
│ ├── single-navier_product.php # Page produit
│ ├── archive-navier_product.php # Liste des produits
│ ├── assets/ # CSS, JS, images
│ └── inc/ # Fichiers PHP inclus
└── README.md # Ce fichier
```
## Pre-requis
- **Docker Desktop** installe sur votre machine
- Windows : https://docs.docker.com/desktop/install/windows-install/
- Mac : https://docs.docker.com/desktop/install/mac-install/
- Linux : https://docs.docker.com/desktop/install/linux-install/
## Installation et demarrage
### 1. Cloner le projet
```bash
git clone <url-du-repo>
cd navier-instruments-wordpress
```
### 2. Demarrer les conteneurs Docker
```bash
docker-compose up -d
```
Cette commande va :
- Telecharger les images Docker (WordPress, MySQL, phpMyAdmin)
- Creer les conteneurs
- Demarrer le site
### 3. Acceder au site
| Service | URL | Description |
|---------|-----|-------------|
| **Site WordPress** | http://localhost:8080 | Site principal |
| **Admin WordPress** | http://localhost:8080/wp-admin | Administration |
| **phpMyAdmin** | http://localhost:8081 | Gestion base de donnees |
### 4. Configuration initiale de WordPress
1. Ouvrir http://localhost:8080
2. Choisir la langue (Francais)
3. Remplir les informations :
- Titre du site : `Navier Instruments`
- Identifiant : `admin`
- Mot de passe : (choisir un mot de passe securise)
- Email : votre email
4. Cliquer sur "Installer WordPress"
### 5. Activer le theme
1. Aller dans **Apparence > Themes**
2. Trouver "Navier Instruments"
3. Cliquer sur **Activer**
### 6. Configurer les permaliens
1. Aller dans **Reglages > Permaliens**
2. Choisir **Nom de l'article**
3. Cliquer sur **Enregistrer**
## Commandes Docker utiles
| Commande | Description |
|----------|-------------|
| `docker-compose up -d` | Demarrer les conteneurs |
| `docker-compose down` | Arreter les conteneurs |
| `docker-compose restart` | Redemarrer les conteneurs |
| `docker-compose logs -f` | Voir les logs en temps reel |
| `docker-compose ps` | Voir l'etat des conteneurs |
## Arreter le site
```bash
docker-compose down
```
Pour supprimer aussi les donnees (base de donnees, fichiers WordPress) :
```bash
docker-compose down -v
```
## Mise a jour du theme
Si vous modifiez les fichiers dans le dossier `theme/`, les changements sont automatiquement visibles sur le site (le dossier est monte en volume).
## Fonctionnalites du site
### Pages disponibles
- **Accueil** : Presentation de l'entreprise avec hero, services, valeurs
- **Produits** : Liste des produits avec filtres par categorie
- **Page produit** : Presentation detaillee avec specifications, galerie, formulaire de devis
### Produit FLO
Le produit FLO (debitmetre portable) est cree automatiquement avec :
- Toutes les specifications techniques
- Images du produit
- Sections : Hero, Features, Protection (IP67), Batterie, Modes, etc.
### Personnalisation
Dans **Apparence > Personnaliser** :
- Logo et favicon
- Couleurs
- Informations de contact (adresse, telephone, email)
- Reseaux sociaux (LinkedIn, Twitter, Facebook, YouTube)
- Description du footer
## Identifiants par defaut
### WordPress Admin
- URL : http://localhost:8080/wp-admin
- Identifiant : (celui choisi a l'installation)
- Mot de passe : (celui choisi a l'installation)
### Base de donnees (phpMyAdmin)
- URL : http://localhost:8081
- Serveur : db
- Utilisateur : `wordpress`
- Mot de passe : `wordpress`
### MySQL Root
- Utilisateur : `root`
- Mot de passe : `rootpassword`
## Deploiement en production
Pour deployer sur un serveur de production :
1. Modifier les mots de passe dans `docker-compose.yml`
2. Configurer un reverse proxy (Nginx/Apache) avec SSL
3. Mettre a jour les URLs dans WordPress
## Support
Pour toute question technique, contacter l'equipe de developpement.
---
Developpe par Fares Kerkeni