Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Personnalisation du Design du Site Web | Création d'un Site Web Complet à Partir de Zéro
Créer un Site Web Sans Code avec WordPress

bookPersonnalisation du Design du Site Web

Après avoir installé votre thème et importé un modèle de démarrage, il est temps de personnaliser votre site afin qu'il reflète votre marque et votre contenu.

Utilisation du Personnalisateur WordPress
expand arrow

Le Personnalisateur WordPress vous permet de modifier le design de votre site en temps réel et de voir immédiatement les changements.

Pour y accéder :

  • Allez dans Apparence → Personnaliser depuis le tableau de bord WordPress ;
  • Le Personnalisateur s'ouvrira avec un aperçu en direct de votre site à droite, et un menu de paramètres à gauche.

Les options disponibles dans le Personnalisateur varient selon le thème actif. Lorsque vous utilisez Astra avec un modèle de démarrage, les options suivantes sont généralement disponibles :

  • Paramètres globaux : ajuster les polices, les couleurs et la largeur du conteneur ;
  • Constructeur d'en-tête et de pied de page : modifier les zones supérieures et inférieures de votre site ;
  • Menus et widgets : gérer la navigation et les éléments de la barre latérale.

Il n'est pas nécessaire d'explorer tous les paramètres maintenant—concentrez-vous simplement sur les éléments de base.

Ajustement des éléments principaux
expand arrow

Voici les principaux éléments à examiner lors de la personnalisation du design de votre site :

1. Couleurs et typographie

  • Allez dans Global → Couleurs pour modifier les couleurs de fond, de texte et de liens ;
  • Allez dans Global → Typographie pour définir les polices et tailles des titres et du texte principal.

2. En-tête et pied de page

  • Cliquez sur Constructeur d'en-tête ou Constructeur de pied de page dans le Personnalisateur ;
  • Vous verrez une mise en page visuelle où vous pouvez cliquer sur différentes sections (logo, menu, icônes sociales, etc.) pour les modifier ;
  • Vous pouvez également supprimer ou réorganiser des éléments en les faisant glisser vers de nouvelles positions.
Ajout d'un logo et d'un favicon
expand arrow

Si vous n'avez pas téléchargé votre logo lors de l'importation du modèle de démarrage, vous pouvez le faire maintenant.

Pour mettre à jour votre logo :

  1. Allez dans Constructeur d'en-tête → Titre du site & Logo ;
  2. Cliquez sur Sélectionner un logo et téléchargez votre image (de préférence au format PNG avec un fond transparent).

Pour ajouter un favicon (icône d'onglet du navigateur) :

  1. Allez dans Paramètres généraux → Identité du site ;
  2. Sous Icône du site, téléchargez une image carrée (512x512 pixels recommandé).
Enregistrement de vos modifications
expand arrow

Une fois que vous êtes satisfait de vos modifications, cliquez sur le bouton Publier en haut du Personnalisateur pour enregistrer tous les changements.

question mark

Qu'est-ce qu'un favicon dans WordPress ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 7. Chapitre 2

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Awesome!

Completion rate improved to 3.45

bookPersonnalisation du Design du Site Web

Glissez pour afficher le menu

Après avoir installé votre thème et importé un modèle de démarrage, il est temps de personnaliser votre site afin qu'il reflète votre marque et votre contenu.

Utilisation du Personnalisateur WordPress
expand arrow

Le Personnalisateur WordPress vous permet de modifier le design de votre site en temps réel et de voir immédiatement les changements.

Pour y accéder :

  • Allez dans Apparence → Personnaliser depuis le tableau de bord WordPress ;
  • Le Personnalisateur s'ouvrira avec un aperçu en direct de votre site à droite, et un menu de paramètres à gauche.

Les options disponibles dans le Personnalisateur varient selon le thème actif. Lorsque vous utilisez Astra avec un modèle de démarrage, les options suivantes sont généralement disponibles :

  • Paramètres globaux : ajuster les polices, les couleurs et la largeur du conteneur ;
  • Constructeur d'en-tête et de pied de page : modifier les zones supérieures et inférieures de votre site ;
  • Menus et widgets : gérer la navigation et les éléments de la barre latérale.

Il n'est pas nécessaire d'explorer tous les paramètres maintenant—concentrez-vous simplement sur les éléments de base.

Ajustement des éléments principaux
expand arrow

Voici les principaux éléments à examiner lors de la personnalisation du design de votre site :

1. Couleurs et typographie

  • Allez dans Global → Couleurs pour modifier les couleurs de fond, de texte et de liens ;
  • Allez dans Global → Typographie pour définir les polices et tailles des titres et du texte principal.

2. En-tête et pied de page

  • Cliquez sur Constructeur d'en-tête ou Constructeur de pied de page dans le Personnalisateur ;
  • Vous verrez une mise en page visuelle où vous pouvez cliquer sur différentes sections (logo, menu, icônes sociales, etc.) pour les modifier ;
  • Vous pouvez également supprimer ou réorganiser des éléments en les faisant glisser vers de nouvelles positions.
Ajout d'un logo et d'un favicon
expand arrow

Si vous n'avez pas téléchargé votre logo lors de l'importation du modèle de démarrage, vous pouvez le faire maintenant.

Pour mettre à jour votre logo :

  1. Allez dans Constructeur d'en-tête → Titre du site & Logo ;
  2. Cliquez sur Sélectionner un logo et téléchargez votre image (de préférence au format PNG avec un fond transparent).

Pour ajouter un favicon (icône d'onglet du navigateur) :

  1. Allez dans Paramètres généraux → Identité du site ;
  2. Sous Icône du site, téléchargez une image carrée (512x512 pixels recommandé).
Enregistrement de vos modifications
expand arrow

Une fois que vous êtes satisfait de vos modifications, cliquez sur le bouton Publier en haut du Personnalisateur pour enregistrer tous les changements.

question mark

Qu'est-ce qu'un favicon dans WordPress ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 7. Chapitre 2
some-alt