Written by YOOtheme Pro, vous permet de facilement créer vos pages web en utilisant les templates récents proposés par YOOtheme, de personnaliser ces templates et de créer vos propres styles d’affichage.
Grâce à de nombreux paramètres, vous apportez vos différentes modifications sur l’ensemble des affichages et visualisez votre travail en direct.
YOOtheme Pro, vous permet de facilement créer vos pages web en utilisant les templates récents proposés par YOOtheme, de personnaliser ces templates et de créer vos propres styles d’affichage.
Grâce à de nombreux paramètres, vous apportez vos différentes modifications sur l’ensemble des affichages et visualisez votre travail en direct.
Présentation
Tout se passe désormais depuis le template lui-même (dans Extensions > Template > Yootheme > Website builder).
Le nouveau constructeur de YOOtheme est composé de deux parties :
À gauche vous retrouvez un menu qui vous permet de naviguer à travers les différents outils et paramètres du constructeur.
À droite vous retrouvez une prévisuallisation en direct de votre travail. Cela est très pratique car vous pouvez voir le résultat de vos modification sans avoir à enregistrer et actualiser votre age frontend. Vous économisez donc du temps et vous ne dérangez pas les éventuels visiteurs qui pourraient visiter votre site web (lors de modifications sur un ite en ligne).
Cette prévisualisation en directe vous permet également de simuler l’affichage de votre siteweb sur les différents formats d’affichage (Ordinateur de bureau, ordinateur protable, smartphone ou encore tablette).
La prévisualisation vous permet de naviguer sur les différentes pages de votre siteweb. Au fur et à mesure de votre navigation, les outils pertinents seront automatiquement mis à jour dans la partie de gauche.
Différents paramètres d’affichage pour l’ensemble du site ou pour des parties bien particulières
Ici, vous retrouvez les paramètres globaux ui seront appliqués à l’ensemble de votre site web. Vous pourrez par exemple modifier des choses simples comme l’image de votre logo (vous pourrez charger 2 images à afficher selon la taille de l’écran de vos utilisateurs) ou l’affichage et le paramétrage des icônes de vos réseaux sociaux, mais aussi plus complexes comme l’organisation du header de votre site (plusieurs style d’affichage sont proposés par défaut), l’organisation des position de modules ou les points de rupture de l’affichage responsive design.
Utilisation de styles prédéfinis ou création de style personnalisés
Grâce à la gestion des styles, vous allez pouvoir personnaliser des styles existants (ceux proposés par les différents templates YOOtheme) ou modifier totalement l’affichage de votre site web. Ici encore, vous retrouverez des paramètres généraux, qui affectent l’ensemble du site, ou des paramètres plus précis qui vont jouer sur des éléments en particulier.
Pour les personnes qui n’ont jamais utilisé le Customizer de YOOtheme dans ses versions précédentes, le grand nombre de paramètres peut effrayer. Mais pour éviter cela, le gestionnaire de slide permet d’identifier visuellement et simplement la partie que va gérer chaque paramètre. La prévisualisation affichera des encadrement sur le éléments qui seront affectés par le paramètre que vous survollerez à la souris.
Également, lorsque vous survollerez la prévisualisation en direct, une tooltips affichera les différents composants qui affectent cette partie.
Pour paramétrer votre site, vous pourrez donc naviguer à travers votre site via le système de prévisualisation et régler les éléments page par page, ou alors afficher tous les éléments existants sur le site (sur une même page) et les gérer directement.
Constructeur de site web simple et intuitif par système de glisser/déposer
La partie la plus interessant de ce constructeur est très certainement l’élément « Builder ». À partir de là, vous allez pouvoir organiser tous les élements qui cnstituent vos pages par simple glisser/déposer.
Encore une fois, vous pouvez naviguer à travers les pages de votre site wbe, le builder se mettra automatiquement à jour en fonction de la page que vous affichez.
Section/Row/Element
Lorsque vous souhaitez utiliser le Builder, il est important de comprendre le concept de base :Section/Row (ligne)/Element.
Les éléments sont des objets uniques que vous utilisez pour construire le contenu de votre site web, par exemple du texte, des titres, des images, ou des éléments plus complexes comme un slideshow, une galerie d’image
Attention, ce Builder fonctionne pour les pages « statiques » seulement. Cela signifie qu’il ne fonctionne pas, par exemple, pour les pages de type Blog.
Gestion des menus de navigation
La gestion de module directement depuis l’édition du template
Agit sur les pages statiques