Modèles prédéfinis : définition
Les modèles prédéfinis ou “préréglages” sont composés d’un conteneur qui contient un ensemble d’éléments préexistants et paramétrés à l’avance. Grâce à ses éléments et à ses préréglages, Sitejet Builder vous permet de créer rapidement et facilement votre site Web, sans écrire une seule ligne de code.
Les éléments fournissent des objets individuels pour construire votre site, comme des icônes, des diaporamas, etc. Les préréglages combinent des éléments et les enrichissent d’options supplémentaires en termes de design. Nous vous expliquons ci-dessous comment utiliser et personnaliser les préréglages.
Connaissances de base
Les préréglages offrent des options de style personnalisables. La plupart des modèles proposent des variantes et des paramètres permettant de personnaliser votre site web selon plusieurs axes.
Par exemple, le modèle « Colonnes » combine plusieurs options de mise en page et en forme de différents contenus, tels que du texte seul, du texte associé à une image, un nombre défini de colonnes (1, 2, 3 par exemple). Une colonne ou un ensemble de colonnes sera rassemblé au sein d’un conteneur qui sera matérialisé par une couleur distincte des éléments qu’il contient. Dans notre exemple sur la page d’accueil existe un conteneur rassemblant une section de 3 colonnes qui, elles-mêmes, renferment des images. Un simple survol ou un clic vous permet de repérer rapidement un modèle grâce à la bordure orange qui s’affiche. Le nom du modèle y est également visible.
Le modèle “Liste de la collection” peut exister sous la forme de 3 colonnes contenant elles-mêmes une image et du texte dans chaque colonne. Bien entendu, d’autres combinaisons sont possibles. Le nom du modèle apparaît clairement (encadré en jaune) au passage de la souris, de même que le “nom” du modèle “Image” figurant dans chaque colonne (encadré en bleu) :
Chaque préréglage possède une classe (ou appellation unique) (dans le cas présent, pour le modèle “Liste de collection“, il s’agit de l’appellation ” .preset-collection-container-museum “). Lorsque vous ajoutez un préréglage à votre site web, un nouveau bloc de styles est automatiquement inséré à la fin de la fenêtre CSS personnalisée. Ce code CSS inclut tous les paramètres que vous avez sélectionnés dans le panneau de configuration du préréglage, situé à gauche : par exemple, la taille de la colonne et sa hauteur, son alignement, etc.). Par conséquent, toute modification apportée à l’un affectera l’autre.
Tous les modèles prédéfinis ont une base de fonctionnement qui leur est commune. Ensuite, les éléments contenus dans ces modèles ont leurs propres spécificités : un texte ne sera pas paramétré comme une image pour faire simple. Ceci n’est qu’une infime partie de ce qu’il est possible de réaliser à l’aide des préréglages.