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
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