Créer et personnaliser des pages WordPress peut sembler complexe pour de nombreux utilisateurs.
Cette complexité peut entraîner des frustrations et des pages peu attrayantes ou non fonctionnelles.
Cet article vous guide à travers l’ajout et la personnalisation de pages WordPress en utilisant divers types de blocs et options de mise en forme.
Maîtrisez WordPress de A à Z et créez votre site vitrine sans coder
Déclarer une nouvelle page
Pour ajouter une nouvelle page, cliquez sur l’onglet « Pages » dans la barre latérale, puis sur le bouton « Ajouter » comme indiqué dans la capture d’écran ci-dessous.
Après cela, la page s’ouvrira et vous pourrez y ajouter votre contenu.
Pour afficher la page dans la division souhaitée, cliquez sur l’icône indiquée dans la capture d’écran ci-dessous.
Pour publier votre page, cliquez sur » Publier » et configurez les paramètres comme expliqué précédemment. Ensuite, cliquez sur le bouton » Publier » comme le montre la capture d’écran ci-dessous.
Vous pouvez alors obtenir le lien de votre page.
Ainsi, après avoir visité le lien, vous verrez le résultat affiché comme dans l’exemple de la capture d’écran ci-dessous.
Bloc | Description | Option de personnalisation |
|---|---|---|
Média & Texte | Permet d’ajouter une image et du texte | Ordre du texte et de l’image |
Texte | Permet d’ajouter uniquement du texte | Style, couleur, alignement |
Image | Permet d’ajouter une image seule | Taille, alignement |
Types de Blocs
L'ajout d’un bloc texte et média
Pour ajouter un média et un texte, commencez par ouvrir la liste des blocs en cliquant sur le bouton « + ».
Ensuite, sélectionnez le bloc « Média et texte » comme illustré dans la capture d’écran ci-dessous.
Vous pouvez modifier l’ordre du texte et de l’image en utilisant les boutons indiqués ci-dessous.
Dans la section indiquée dans la capture d’écran ci-dessous, vous pouvez ajouter tous types de blocs en cliquant sur le bouton » + « .
Vous pouvez simplement cliquer sur le bouton indiqué dans la capture d’écran ci-dessous pour modifier le style du texte.
Pour modifier l’alignement de vos éléments (blocs de gauche et de droite), cliquez sur le bouton ci-dessous et sélectionnez le type d’alignement souhaité dans la liste.
Après avoir personnalisé vos blocs, cliquez sur le bouton indiqué ci-dessous.
Bloc | Description | Option de personnalisation |
|---|---|---|
Média & Texte | Permet d’ajouter une image et du texte | Ordre du texte et de l’image |
Texte | Permet d’ajouter uniquement du texte | Style, couleur, alignement |
Image | Permet d’ajouter une image seule | Taille, alignement |
Types de blocs
Le contrôle du côté responsive de la page
Dans le bloc ‘Media & Texte’, une option nommée ‘Empiler sur mobile’ est disponible pour ajuster la disposition du texte et de l’image sur les appareils mobiles
Lorsque cette option est activée, elle permet de faire en sorte que sur les appareils mobiles, le média et le texte s’empilent verticalement au lieu de s’afficher côte à côte. Cela aide à rendre le contenu plus lisible sur les écrans plus petits.
Si l’option est désactivée, le média et le texte resteront affichés côte à côte sur les appareils mobiles, ce qui pourrait rendre le contenu moins lisible sur des écrans plus petits.
Le Comportement de WordPress
Dans l’en-tête de votre thème WordPress par défaut, vous pouvez trouver dans l’en-tête les liens de toutes les pages créées, comme il est mentionné dans la capture d’écran ci-dessous
Également le lien vers la page racine de votre thème
L’ajout d’un nouveau bloc
Si le focus est sur un bloc spécifique et que vous voulez ajouter un nouveau bloc sous celui-ci, vous devez cliquer sur le bouton mentionné dans la capture d’écran ci-dessous pour supprimer le focus.
Vous pouvez alors ajouter n’importe quel bloc en bas comme dans l’exemple ci-dessous
Mettre en forme le bloc
a- Couleur
Dans le texte, vous pouvez modifier la couleur du texte et l’arrière-plan en utilisant les couleurs proposées, ou en entrant un code hexadécimal pour une couleur précise.
Vous pouvez également personnaliser la couleur de l’arrière-plan en utilisant un dégradé.
b- Largeur
Vous pouvez ajuster la largeur de votre bloc comme illustré dans la capture d’écran ci-dessous, en utilisant des unités telles que pixels (px), pourcentage (%), rem, ou viewport width (vw)
Si vous ajoutez un bouton, vous pouvez ajuster sa largeur en fonction de celle de son élément parent en utilisant un pourcentage, comme le montre la capture d’écran ci-dessous.
c- Marges internes
Vous pouvez modifier le padding de votre bloc en suivant les flèches de la capture d’écran.
d- Hauteur minimale
La hauteur minimale est une option de personnalisation qui vous permet de définir la hauteur minimale d’un élément ou d’un bloc. Cela signifie que l’élément ou le bloc aura au moins la hauteur spécifiée, même si le contenu à l’intérieur est insuffisant pour remplir cet espace. Par exemple, si vous définissez une hauteur minimale de 600 px, l’élément aura toujours au moins 200 pixels de hauteur, quel que soit le contenu.
e- Bordure
Vous pouvez personnaliser les bordures de vos éléments pour affiner leur apparence. La bordure se réfère à la ligne qui entoure un élément du bloc. Vous pouvez ajuster la largeur de bordure pour déterminer l’épaisseur de cette ligne
f- Rayon
Le rayon dans l’éditeur de blocs de WordPress permet de définir l’arrondi des coins d’un élément ou d’un bloc. En ajustant le rayon, vous pouvez adoucir les angles de la bordure pour obtenir un effet plus arrondi
Option | Description |
|---|---|
Couleur | Modifier la couleur du texte et l’arrière-plan, utiliser un dégradé |
Largeur | Ajuster la largeur en pixels (px), pourcentage (%), rem, ou vw |
Marges internes | Modifier le padding du bloc |
Hauteur minimale | Définir la hauteur minimale d’un élément |
Bordure | Ajuster la largeur de la bordure |
Rayon | Définir l’arrondi des coins du bloc |
Des Options de Personnalisation des Blocs
L’ajout d’une liste non ordonnée
Pour ajouter une liste, cliquez simplement sur le bloc de listes disponible dans la catégorie « Texte ».
Ainsi, vous pourrez ajouter vos éléments dans la liste
Par exemple
Vous avez la possibilité de changer les points en « Check », en changeant le style en « Coche ».
Vous pouvez personnaliser les éléments de la liste comme vous le feriez pour un texte normal.
- Gras
- Insertion d’un lien
Duplication d'un bloc
Pour dupliquer un bloc, cliquez sur les trois points indiqués dans la capture d’écran, puis sélectionnez « Dupliquer ».
Pour modifier la position du bloc copié, vous pouvez utiliser les flèches ou cliquer sur le bloc et le faire glisser, comme indiqué ci-dessous.
Modification de la marge externe d'un bloc
Pour ajuster les marges externes et internes, rendez-vous dans la catégorie des styles et faites défiler vers le bas jusqu’à la sous-catégorie des marges, comme illustré dans la capture d’écran ci-dessous.
Option | Description |
|---|---|
Marge Haut | Ajuster l’espace au-dessus du bloc |
Marge Bas | Ajuster l’espace en-dessous du bloc |
Marges Externes
Duplication d’une liste non ordonnée
Comme nous l’avons fait précédemment et pour chaque bloc, vous devez cliquer sur les trois points mentionnés ci-dessous, puis cliquer sur le bouton « dupliquer ».
Formez-vous gratuitement avec Alphorm !
Maîtrisez les compétences clés en IT grâce à nos formations gratuites et accélérez votre carrière dès aujourd'hui.
FAQ
Comment ajouter une nouvelle page dans WordPress?
Quels sont les types de blocs disponibles dans WordPress?
Comment personnaliser un bloc texte et média dans WordPress?
Comment rendre une page WordPress responsive?
Quelles sont les options de mise en forme disponibles pour les blocs?
Conclusion
En maîtrisant l’ajout et la personnalisation des pages WordPress, vous pouvez créer des sites attrayants et fonctionnels. Quelles autres fonctionnalités WordPress souhaitez-vous explorer pour enrichir votre site?
