YOOtheme Pro, vous permet de facilement cr\u00e9er vos pages web en utilisant les templates r\u00e9cents propos\u00e9s par YOOtheme, de personnaliser ces templates et de cr\u00e9er vos propres styles d’affichage.<\/p>\n
Gr\u00e2ce \u00e0 de nombreux param\u00e8tres, vous apportez vos diff\u00e9rentes modifications sur l’ensemble des affichages et visualisez votre travail en direct.<\/p>\n
\nYOOtheme Pro, vous permet de facilement cr\u00e9er vos pages web en utilisant les templates r\u00e9cents propos\u00e9s par YOOtheme, de personnaliser ces templates et de cr\u00e9er vos propres styles d’affichage.
\nGr\u00e2ce \u00e0 de nombreux param\u00e8tres, vous apportez vos diff\u00e9rentes modifications sur l’ensemble des affichages et visualisez votre travail en direct.
\nPr\u00e9sentation
\nTout se passe d\u00e9sormais depuis le template lui-m\u00eame (dans Extensions > Template > Yootheme > Website builder).<\/p>\n
Le nouveau constructeur de YOOtheme est compos\u00e9 de deux parties :<\/p>\n
\u00c0 gauche vous retrouvez un menu qui vous permet de naviguer \u00e0 travers les diff\u00e9rents outils et param\u00e8tres du constructeur.
\n\u00c0 droite vous retrouvez une pr\u00e9visuallisation en direct de votre travail. Cela est tr\u00e8s pratique car vous pouvez voir le r\u00e9sultat de vos modification sans avoir \u00e0 enregistrer et actualiser votre age frontend. Vous \u00e9conomisez donc du temps et vous ne d\u00e9rangez pas les \u00e9ventuels visiteurs qui pourraient visiter votre site web (lors de modifications sur un ite en ligne).<\/p>\n
Cette pr\u00e9visualisation en directe vous permet \u00e9galement de simuler l’affichage de votre siteweb sur les diff\u00e9rents formats d’affichage (Ordinateur de bureau, ordinateur protable, smartphone ou encore tablette).<\/p>\n
La pr\u00e9visualisation vous permet de naviguer sur les diff\u00e9rentes pages de votre siteweb. Au fur et \u00e0 mesure de votre navigation, les outils pertinents seront automatiquement mis \u00e0 jour dans la partie de gauche.
\nDiff\u00e9rents param\u00e8tres d’affichage pour l’ensemble du site ou pour des parties bien particuli\u00e8res
\nIci, vous retrouvez les param\u00e8tres globaux ui seront appliqu\u00e9s \u00e0 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 \u00e0 afficher selon la taille de l’\u00e9cran de vos utilisateurs) ou l’affichage et le param\u00e9trage des ic\u00f4nes de vos r\u00e9seaux sociaux, mais aussi plus complexes comme l’organisation du header de votre site (plusieurs style d’affichage sont propos\u00e9s par d\u00e9faut), l’organisation des position de modules ou les points de rupture de l’affichage responsive design.
\nUtilisation de styles pr\u00e9d\u00e9finis ou cr\u00e9ation de style personnalis\u00e9s
\nGr\u00e2ce \u00e0 la gestion des styles, vous allez pouvoir personnaliser des styles existants (ceux propos\u00e9s par les diff\u00e9rents templates YOOtheme) ou modifier totalement l’affichage de votre site web. Ici encore, vous retrouverez des param\u00e8tres g\u00e9n\u00e9raux, qui affectent l’ensemble du site, ou des param\u00e8tres plus pr\u00e9cis qui vont jouer sur des \u00e9l\u00e9ments en particulier.
\nPour les personnes qui n’ont jamais utilis\u00e9 le Customizer de YOOtheme dans ses versions pr\u00e9c\u00e9dentes, le grand nombre de param\u00e8tres peut effrayer. Mais pour \u00e9viter cela, le gestionnaire de slide permet d’identifier visuellement et simplement la partie que va g\u00e9rer chaque param\u00e8tre. La pr\u00e9visualisation affichera des encadrement sur le \u00e9l\u00e9ments qui seront affect\u00e9s par le param\u00e8tre que vous survollerez \u00e0 la souris.<\/p>\n
\u00c9galement, lorsque vous survollerez la pr\u00e9visualisation en direct, une tooltips affichera les diff\u00e9rents composants qui affectent cette partie.
\n
\nPour param\u00e9trer votre site, vous pourrez donc naviguer \u00e0 travers votre site via le syst\u00e8me de pr\u00e9visualisation et r\u00e9gler les \u00e9l\u00e9ments page par page, ou alors afficher tous les \u00e9l\u00e9ments existants sur le site (sur une m\u00eame page) et les g\u00e9rer directement.<\/p>\n
Constructeur de site web simple et intuitif par syst\u00e8me de glisser\/d\u00e9poser
\nLa partie la plus interessant de ce constructeur est tr\u00e8s certainement l’\u00e9l\u00e9ment \u00ab\u00a0Builder\u00a0\u00bb. \u00c0 partir de l\u00e0, vous allez pouvoir organiser tous les \u00e9lements qui cnstituent vos pages par simple glisser\/d\u00e9poser.
\n
\nEncore une fois, vous pouvez naviguer \u00e0 travers les pages de votre site wbe, le builder se mettra automatiquement \u00e0 jour en fonction de la page que vous affichez.
\nSection\/Row\/Element
\nLorsque vous souhaitez utiliser le Builder, il est important de comprendre le concept de base :Section\/Row (ligne)\/Element.<\/p>\n
Les \u00e9l\u00e9ments 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 \u00e9l\u00e9ments plus complexes comme un slideshow, une galerie d’image<\/p>\n
Attention, ce Builder fonctionne pour les pages \u00ab\u00a0statiques\u00a0\u00bb seulement. Cela signifie qu’il ne fonctionne pas, par exemple, pour les pages de type Blog.
\nGestion des menus de navigation
\n
\nLa gestion de module directement depuis l’\u00e9dition du template
\nAgit sur les pages statiques<\/p>\n","protected":false},"excerpt":{"rendered":"
YOOtheme Pro, vous permet de facilement cr\u00e9er vos pages web en utilisant les templates r\u00e9cents propos\u00e9s par YOOtheme, de personnaliser ces templates et de cr\u00e9er vos propres styles d’affichage. Gr\u00e2ce \u00e0 de nombreux param\u00e8tres, vous apportez vos diff\u00e9rentes modifications sur l’ensemble des affichages et visualisez votre travail en direct.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[13],"tags":[],"class_list":["post-482","post","type-post","status-publish","format-standard","hentry","category-archives"],"yoast_head":"\n