Comment créer de nouvelles classes
Lorsque vous êtes sur votre site, et que vous êtes connecté en administrateur, vous avez plusieurs options pour créer de nouvelles classes CSS.
- Tout d'abord pour créer le nom des classes CSS futures :
1) Dans l'accès pro. :
Lorsque vous êtes sur votre site, et que vous êtes connecté en administrateur, il vous faut cliquer sur le lien accès pro..
Dans la boîte mise en page, à gauche de votre page, cliquez sur le lien magasin de thèmes.
Sur la page magasin de thèmes, cliquez sur l'icône crayon, une fenêtre apparaît.
Dans l'onglet Thème :
Si vous souhaitez ajouter quelques classes, il vous suffit d'aller dans classes css sélectionnables où se situent déjà quelques classes disponibles correspondantes pour chaque personnalisation, et d'entrer le nom de votre classe dans le rectangle blanc.
Si vous désirez en ajouter plusieurs, il vous suffit d'appuyer sur le + vert.
Exemple ici : toto
2) Sur la page d'accueil :
Dans le menu administration, cliquez sur le lien configuration du thème.
Vous avez exactement la même fenêtre de paramètre que dans l'accès pro..
Vous pouvez donc également créer de nouvelles classes css ici.
Votre classe CSS se trouve maintenant dans l'onglet style des boîtes des différents éléments.
- Maintenant que vous avez créé le nom des classes CSS que vous désirez avoir pour la suite, il vous suffit de les remplir.
Vous pouvez soit aller dans l'accès pro. du menu administration et refaire les étapes du petit 1), soit aller directement dans configuration du thème du menu administration.
Pour cela vous avez deux méthodes différentes pour pouvoir insérer du contenu pour vos classes CSS.
a) Si vous souhaitez importer un ou plusieurs fichier(s) css, il vous suffit d'entrer le lien où se situe votre fichier dans le rectangle blanc en face de url fichier CSS.
Si vous désirez en ajouter plusieurs, il vous suffit d'appuyer sur le + vert.
b) Dans le menu administration, allumez le mode Editeur CSS.
Une fenêtre vide s'affiche en bas de votre page.
Vous pouvez remplir vos nouvelles classes css ici.
Exemple ici : .toto {..:..;}