2.6. Icône, typographie, boutons

Table des matières :

• Modifier l’icône du site
• Modifier la typographie
• Modifier le style des boutons

L’onglet Apparence permet d’aller modifier l’icône de ton site, la police ou encore le visuel des boutons.

1. Clique (ou passe ta souris) sur Apparence
2. Clique sur Personnaliser

Modifier l’icône du site

L’icône est la petite image qui apparait à côté d’un site, dans l’onglet du navigateur.

1. Clique sur Paramètres Généraux

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

2. Clique sur Identité du site

3. Clique sur Sélectionner l’icône du site

4. Glisse ton image et clique sur Sélectionner

Modifier la typographie

La typographie regroupe toutes les polices qui apparaissent sur ton site. L’onglet Typographie te permet de définir une police par défaut.

Sous Apparence > Personnaliser

1. Clique sur Paramètres Généraux

2. Clique sur Typographie

La police de corps est la police utilisée pour les textes.



Voilà les éléments que tu peux modifier à partir d’ici:

1. La taille des textes
2. La hauteur entre les lignes des textes
3. La taille des titres
4. L’espacement des lettres des titres
5. La hauteur entre les titres et les textes
6. Style des titres (gras, italique, majuscules, souligné)
7. Police des titres
8. Police des textes
9. Couleur des liens
10. Couleur des textes
11. Couleur des titres

Modifier le style des boutons

Sous Apparence > Personnaliser

1. Clique sur Paramètres Généraux

2. Clique sur Boutons

3. Clique sur Style des boutons pour modifier l’aspect général des boutons

4. Clique sur Style des boutons en survol pour modifier l’aspect des boutons au moment de passer dessus avec la souris

Tu pourras ensuite modifier :

• La taille, couleur et police du texte
• La couleur du bouton (arrière-plan)
• La couleur et taille de bordure
• Le style de la police (gras, italique, majuscules, souligné)
• L’icône, son emplacement et sa couleur

Les modifications se font en direct, ce qui te permet de voir à quoi ressemblent les changements que tu effectues.

Si tu modifies l’apparence des boutons, oublie pas de modifier leur apparence au survol pour que ça matche!