Afficher la version standard du site

Personnaliser un modèle graphique du webo-shop

Apprenez les bonnes pratiques à appliquer pour personnaliser et décliner rapidement votre thème graphique webo-shop

Détail de la formation

Niveau : Débutant à intermédiaire

Durée : 7 heures

Type : Formation collective
Formation exclusive

Profil : Webdesigners, chefs de projets, intégrateurs

Tarifs : Formation collective 499€ HT
Formation exclusive 800€ HT


Demander des informations

 

 

Objectifs

 

  • Comprendre le fonctionnement de l'interface webo-facto
  • Appliquer des multi-thèmes sur un modèle webo-shop
  • Optimiser son modèle webo-shop
  • Gagner en souplesse et en productivité
 
 

Pré-requis

  • Venir avec une charte graphique au format PSD ou avec un template graphique d'une place de marché
  • Formation aux solutions Medialibs e-majine et/ou saytup

Programme

Fonctionnement du webo-shop

  • Présentation de l'interface "modèles"
  • Présentation de l'interface "addons"
  • Téléchargement d'un modèle webo-shop
  • Installation du modèle webo-shop
  • Configuration webo-facto du modèle

Fonctionnement des templates HTML & CSS

  • Analyse de l'espace FTP
  • Hiérarchie des templates
  • Analyse du CSS en place
  • Analyse des scripts JS en place
  • Bonnes pratiques

Création de multi-thèmes

  • Gestion des thèmes dans le webo-fact
  • Thème parent
  • Thème enfants
  • Gestion de la structure de chaque thème
  • Création de module de contenu / article préformaté
  • Structuration du template HTML préformaté / modèle de contenu

Déclinaison graphique du thème webo-shop

  • Optimisation du mainPage.html
  • Optimisation des appels, CDN / JS / CSS
  • Optimisation du CSS
  • Création d'un fichier custom.CSS
  • Ajout du favion

Frameworks

  • Analyse des frameworks du marché (bootstrap, foundation, knacss...)
  • Fonctionnement du framework sélectionné
  • Documentation et bonnes pratiques
  • Utilisation des principaux composants

Bonnes pratiques

  • Méthodologie de personnalisation graphique (custom.css)
  • Bonnes pratiques
  • Conclusion
 
 

Information et inscription à la formation :
Personnaliser un modèle graphique du webo-shop