- Apparence > CSS personnalisé
- Cliquer sur l’œil pour arriver sur l’interface visuelle
Le principe
- Cliquer sur une ligne de texte de ton site à droite
L’interface est divisée en plusieurs panneaux.
- A droite (1) : la visualisation en direct du site et des modifications apportées
- A gauche (2) : les réglages que tu peux effectuer : texte, animation et mise en page
- En bas à gauche (3) : l’emplacement de l’élément
- En bas à droite (4) : les caractéristiques de l’élément
Les étapes:
- +Je passe la souris dans 1 sur l’élément ou la zone que je veux modifier
- en 2 je vais faire mes modifications. Les outils sont rangés par onglet. Exemple: le background ou couleur d’arrière-plan se trouve sous l’onglet animation
- Je modifie et il génère le résultat en direct
- j’enregistre.
Onglet texte
- Couleur texte : rentrer la valeur de la couleur avec # avant
- Taille police : hauteur de la police en px
- Hauteur ligne : hauteur de la ligne de texte en px
- Épaisseur police : référence du style de la police
- Style police : standard, maj, italique
- Décoration : standard, maj, souligné, barré
- Variante police : normale, petites majuscules
- Transformation texte : capitale, majuscule, minuscule
- Famille de police : référence Google font du type ‘Roboto’, sans-serif;
- Alignement : aucun, gauche, droite, centré, justifié
- Retrait texte : décale le texte vers la droite
- Interlettrage : espace entre les lettres
- Espacement mots : espace entre les mots
Onglet Animation
- Couleur arrière-plan : applique une couleur de fond à l’élément
- Image arrière-plan : applique une image en fond
- Répétition arrière-plan : répétition ou non de l’image comme un motif
- Taille arrière-plan : ajustement de l’image
- Opacité : donne une transparence plus ou moins élevée
Onglet mise en page
- Marge : espace autour de la bordure en px
- Marge interne : espace entre le texte et la bordure en px
- Largeur : pour diminuer la largeur de la ligne
- Visibilité : tu peux masquer la ligne de texte ce qui est un très mauvais point au yeux de Google
