- Light theme matching site design - Full-width sections with alternating backgrounds - Hero with stats, badges and product image - 5 feature icons row - Content sections with text + image alternating - Banner section with gradient - Protection grid (ShockProof, WaterProof, DustProof) - Specs grid and CTA section - Responsive design for mobile - Uses Unsplash placeholder images 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> |
||
|---|---|---|
| theme | ||
| .gitignore | ||
| README.md | ||
| docker-compose.yml | ||
README.md
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
Installation et demarrage
1. Cloner le projet
git clone <url-du-repo>
cd navier-instruments-wordpress
2. Demarrer les conteneurs Docker
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
- Ouvrir http://localhost:8080
- Choisir la langue (Francais)
- Remplir les informations :
- Titre du site :
Navier Instruments - Identifiant :
admin - Mot de passe : (choisir un mot de passe securise)
- Email : votre email
- Titre du site :
- Cliquer sur "Installer WordPress"
5. Activer le theme
- Aller dans Apparence > Themes
- Trouver "Navier Instruments"
- Cliquer sur Activer
6. Configurer les permaliens
- Aller dans Reglages > Permaliens
- Choisir Nom de l'article
- 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
docker-compose down
Pour supprimer aussi les donnees (base de donnees, fichiers WordPress) :
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 :
- Modifier les mots de passe dans
docker-compose.yml - Configurer un reverse proxy (Nginx/Apache) avec SSL
- Mettre a jour les URLs dans WordPress
Support
Pour toute question technique, contacter l'equipe de developpement.
Developpe par Fares Kerkeni