Love Radius México

love-radius-logo

Ce site a été développé avec WordPress + WooCommerce. C’est un site sur mesure (Custom Post Types, Custom Taxonomies). L’intégration Web est réalisée avec Html et Sass, le design a été conçu avec Figma et Photoshop.

  1. 1. Phase de Design
  2. 2. Intégration Web
  3. 3. Développement WordPress + WooCommerce
  4. 4. Screenshots

1. Phase de Design

J’ai réalisé ce Design avec Figma et Photoshop.

2. Intégration Web Responsive

Technologies utilisées :

  1. HTML / SASS / jQuery
  2. Full Responsive
  3. Mobile First
  4. Adaptée à tous les navigateurs modernes (Chrome, Firefox, Safari, Edge)

Mon organisation SASS

  1. Metodologie BEM (Pour les noms des classes)
  2. Sass 7-1 Pattern (Para l’organisation des dossiers)
  3. Flexbox et Css Grid Layout

Je n’utilise aucunb Framework Css

3. WordPress + WooCommerce

Je n’utilise pas de theme WordPress existant (ni gratuit, ni payany), il s’agit d’un site sur-mesure.

Faire un site sur-mesure me permet d’avoir un contrôle bien plus précis sur mon code, ce qui apporte au site:

 

  1. Une meilleure gestion du SEO-onpage
  2. Plus de control pour faire évoluer le site sans qu’il ne devienne une usine à gaz
  3. Une maintenance plus simple à gérer
  4. Moins de failles de sécurité
  5. Une vitesse de chargement du site optimale
  6. Une meilleure accessibilité

 

Ce site est fait avec:

  1. Le gestionnaire de dépendances Composer
  2. L’architecture WordPress de johnpbloch
  3. Gestion des assets (css, javascript, images) avec ParcelJS
  4. Gestion de versioning avec Git
  5. WooCommerce

Cette organisation me permet de pouvoir versioner facilement le theme que j’ai crée sans avoir à faire le versioning de tout le Core de WordPress (ce serait beaucoup top lour, et peu évolutif).
Il me permet également de pouvoir remonter le site à vitesse express en cas de bug ou de mauvaise manipulation du site. Aussi, cela me permet de pouvoir travailler en local, sans avoir à mettre en pause le site en production.

 

Pour la gestion dynamique du contenu du site, j’utilise (sans plugins) :

  1. Custom Post Type
  2. Custom Taxonomies

Pour la gestion du contenu statique (éditable depuis le panneau d’administration) :

  1. ACF (con acf-json para una facilidad de puesta en producción).

 

Plugins utilisés en production:

  1. Advanced Custom Fields (ACF)
  2. Polylang
  3. YoastSEO
  4. iThemeSecure
  5. Contact Form 7
  6. Woocommerce
  7. Variation Swatches for WooCommerce

Plugins utilisés uniquement en développement:

  1. Query Monitor
  2. Advanced Custom Fields: Theme Code

4. Screenshots

 

love-radius-1

 

love-radius-2

 

love-radius-3