Go to file
Fares Kerkeni d4cf947750 Redesign product page - style like navier-instruments.com
- 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>
2025-12-30 11:27:54 +01:00
theme Redesign product page - style like navier-instruments.com 2025-12-30 11:27:54 +01:00
.gitignore Initial commit - WordPress site vitrine Navier Instruments 2025-12-23 02:00:03 +01:00
README.md Initial commit - WordPress site vitrine Navier Instruments 2025-12-23 02:00:03 +01:00
docker-compose.yml Initial commit - WordPress site vitrine Navier Instruments 2025-12-23 02:00:03 +01:00

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

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

  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

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

Base de donnees (phpMyAdmin)

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