StylesOutil intégré · Melis CMS

La mise en forme de vos pages, sans toucher au code

Les styles sont des feuilles CSS que vous enregistrez une fois puis associez à vos pages depuis leurs Propriétés — modifiez polices, couleurs et espacements sans éditer de code.

Démo en direct
melis — Styles
Le gestionnaire de styles listant les feuilles CSS
Bibliothèque CSSEnregistrez une fois
Par pageAssociez dans les Propriétés

Fait partie de

Melis CMS

Type

Outil intégré

Back-office

CMS › Styles

Gère

Feuilles CSS

Association

Par page

Propriétés de page

Vue d'ensemble

Une bibliothèque de feuilles de style

Au lieu d'éditer du code, vous enregistrez ici un style — un nom et son chemin ou sa source CSS — puis vous l'attribuez à une page depuis l'onglet Propriétés de celle-ci.

Les styles sont réutilisables : mettez-en un à jour de façon centralisée et toutes les pages qui l'utilisent suivent.

Fonctionnalités clés

Mettre vos pages en forme, simplement

Enregistrez une feuille de style une fois, associez-la où vous en avez besoin, mettez-la à jour de façon centralisée.

Bibliothèque CSS

Une liste gérée de feuilles de style disponibles pour vos pages.

Enregistrer nom + source

Donnez un nom à un style et indiquez son chemin CSS ou sa source en ligne.

Associer par page

Attribuez un style à une page depuis ses Propriétés — sans développeur.

Aucune édition de code

Changez l'apparence sans toucher à la base de code.

Réutilisé sur plusieurs pages

Un seul style, de nombreuses pages ; mettez à jour une fois.

S'associe aux templates

Les templates définissent la structure, les styles définissent l'apparence.

Voir en action

De la bibliothèque à la page

Enregistrez une feuille de style, puis associez-la à n'importe quelle page depuis ses Propriétés.

Styles › Nouveau
Création d'un nouveau style — nom et source CSS
RéutilisableMême style, n'importe quelle page
Créer

Enregistrez un style en quelques secondes

Nommez le style, indiquez son CSS, enregistrez — puis associez-le depuis les Propriétés de n'importe quelle page.

  • Enregistrez une feuille de style
  • Associez-la à une page
  • Mettez-la à jour de façon centralisée

Pour les développeurs

Comment c'est branché

Contrôleur

ToolStyleController pilote le gestionnaire de styles.

Fabrique de formulaire

MelisCmsStyleSelect liste les styles dans les sélecteurs du BO.

Service moteur

MelisEngineStyle expose le CSS des pages, mis en cache.

// Les styles sont exposés (en cache) par le moteur :
$styleSvc = $sm->get('MelisEngineStyle');

// Une page référence l'id de son style dans ses propriétés ;
// le front inclut la feuille de style au moment du rendu.

Fait partie de Melis CMS

Explorez le reste de la boîte à outils

Styles est l'un des outils du back-office du CMS — voici les autres.

Mettez vos pages en forme, sans code

Découvrez le gestionnaire de styles dans un back-office en direct.