L'en-t\u00eate WordPress classique, tel que vous le savez, est utilis\u00e9 sur toutes les diff\u00e9rentes pages. C'est g\u00e9n\u00e9ralement une large bo\u00eete rectangulaire d'un c\u00f4t\u00e9 \u00e0 l'autre. \u00c0 l'int\u00e9rieur, il y a un logo ou un nom de site Web, un slogan et des \u00e9l\u00e9ments de menu. Vous pouvez \u00e9galement y ins\u00e9rer une image d'arri\u00e8re-plan appel\u00e9e image d'en-t\u00eate. L'image d'en-t\u00eate est id\u00e9ale pour attirer l'attention des visiteurs et cr\u00e9er l'apparence g\u00e9n\u00e9rale du site Web. C'est \u00e0 vous de d\u00e9cider si vous utilisez une image d'en-t\u00eate discr\u00e8te ou une image dominante qui attirera l'attention des visiteurs sur la navigation du site Web.<\/p>\n\n\n
![\"Image](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/header-simple.jpg\")
<\/a><\/span><\/a>Comment modifier l'en-t\u00eate dans WordPress Customizer<\/span><\/h3>\n\n\n\nPar d\u00e9faut, l'image d'en-t\u00eate peut \u00eatre modifi\u00e9e via WordPress Customizer. Vous pouvez y acc\u00e9der \u00e0 la fois depuis l'administrateur WordPress et depuis votre site Web\u00a0:<\/p>\n\n\n\n
- Directement depuis WP admin, acc\u00e9dez simplement \u00e0 Apparence <\/i>-> Personnaliser<\/li>
- Sur le frontend, si vous \u00eates connect\u00e9, cliquez sur "Personnaliser" dans la barre du haut<\/li><\/ul>\n\n\n\n
Customizer inclut tous les param\u00e8tres d'apparence de base de votre th\u00e8me actuellement actif. Par cons\u00e9quent, o\u00f9 trouver les param\u00e8tres d'image d'en-t\u00eate d\u00e9pend de votre th\u00e8me actif. Dans le th\u00e8me Citadela, vous pouvez ajouter et modifier l'image d'en-t\u00eate dans Personnalisation <\/i>\u2013> Apparence <\/i>\u2013> Arri\u00e8re-plan de l'en-t\u00eate<\/i>.<\/p>\n\n\n\n![\"Ajouter](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/header-customizer.gif\")
<\/a>Ajout d'en-t\u00eate via Customizer<\/figcaption><\/figure>\n<\/div>\n\n\n<\/span>Param\u00e8tres de l'image d'en-t\u00eate<\/span><\/h4>\n\n\n\nQuelle que soit l'image d'en-t\u00eate que vous choisissez, vous pouvez la configurer selon vos besoins. Un effet int\u00e9ressant peut \u00eatre obtenu en utilisant "Header Image Repeat". Vous pouvez configurer les options suivantes\u00a0:<\/p>\n\n\n\n
- Tuile<\/li>
- Tuile horizontalement<\/li>
- Mosa\u00efque verticale<\/li>
- Pas de r\u00e9p\u00e9tition (si vous ne voulez pas r\u00e9p\u00e9ter l'image)<\/li><\/ul>\n\n\n\n
![\"Fonctionnalit\u00e9](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/header-repeat.jpg\")
<\/a>Effet de mosa\u00efque de l'image d'en-t\u00eate<\/figcaption><\/figure>\n<\/div>\n\n\n<\/span>Autres param\u00e8tres dans WordPress \u2013 Taille de l'image d'en-t\u00eate<\/span><\/h4>\n\n\n\nUne autre option pour modifier l'en-t\u00eate et ajuster l'image consiste \u00e0 d\u00e9finir une taille appropri\u00e9e. La taille de l'image d'en-t\u00eate a les trois options suivantes\u00a0:<\/p>\n\n\n\n
- Original<\/b> - il conservera la taille d'origine de l'image<\/li>
- Couverture<\/b> - l'image t\u00e9l\u00e9charg\u00e9e sera redimensionn\u00e9e pour s'adapter d'un c\u00f4t\u00e9 \u00e0 l'autre, l'image peut \u00e9galement \u00eatre coup\u00e9e pour s'adapter<\/li>
- Contenir<\/b> - la taille de l'image d'en-t\u00eate sera ajust\u00e9e de mani\u00e8re \u00e0 ce que toute l'image soit visible<\/li><\/ul>\n\n\n\n
![\"3](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/header-sizes.jpg\")
<\/a>Voyez \u00e0 quel point l'en-t\u00eate peut \u00eatre diff\u00e9rent en fonction de sa taille - taille d'origine, de couverture et de contenu<\/figcaption><\/figure>\n<\/div>\n\n\nVous pouvez \u00e9galement d\u00e9finir la position de l'image dans l'en-t\u00eate et d\u00e9finir la fixation de l'arri\u00e8re-plan.<\/p>\n\n\n\n
<\/span><\/a>Bloc de couverture qui fonctionne comme en-t\u00eate<\/span><\/h3>\n\n\n\nComme nous l'avons d\u00e9j\u00e0 mentionn\u00e9 au d\u00e9but de cet article, il existe plusieurs fa\u00e7ons de modifier l'en-t\u00eate dans l'\u00e9diteur WordPress. En plus d'utiliser Customizer, vous pouvez \u00e9galement utiliser l'un des blocs principaux de WordPress appel\u00e9 bloc de couverture. Quelle est donc la diff\u00e9rence ?<\/p>\n\n\n\n
L'en-t\u00eate classique cr\u00e9\u00e9 avec Customizer concerne l'ensemble du site Web, tandis que le bloc de couverture vous permet d'ajouter une image de couverture qui fonctionne essentiellement comme image d'en-t\u00eate \u00e0 n'importe quelle page ou publication. Vous pouvez m\u00eame l'utiliser plusieurs fois sur une m\u00eame page ou publier avec diff\u00e9rents param\u00e8tres.<\/p>\n\n\n\n
<\/span><\/a>O\u00f9 utiliser le bloc de couverture<\/span><\/h4>\n\n\n\nLe bloc de couverture a une application plus large sur le site Web par rapport \u00e0 l'en-t\u00eate de site Web classique. Le bloc de couverture ajoute une image de titre large et pleine largeur au contenu. Vous pouvez l'utiliser pour s\u00e9parer visuellement le contenu des articles de blog. Chaque section de publication aura sa propre image d'en-t\u00eate qui peut \u00eatre connect\u00e9e au contenu suivant. La grande fonctionnalit\u00e9 est que vous pouvez \u00e9crire du texte directement \u00e0 l'int\u00e9rieur du bloc de couverture. Ce texte sera affich\u00e9 sur l'image.<\/p>\n\n\n
\n![\"Image](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/post-cover-blocks.jpg\")
<\/a>Article de blog avec image d'en-t\u00eate ajout\u00e9e via le bloc de couverture<\/figcaption><\/figure>\n<\/div>\n\n\n<\/span>En-t\u00eate de la page d'accueil<\/span><\/h4>\n\n\n\nLe bloc de couverture peut \u00e9galement \u00eatre utilis\u00e9 \u00e0 la place de l'en-t\u00eate du site Web si vous souhaitez obtenir un look original. \u00c9tant donn\u00e9 que le bloc de couverture offre diverses options d'alignement, vous pouvez le d\u00e9finir sur la largeur du contenu ou sur toute la largeur. L'en-t\u00eate pleine largeur peut \u00e9galement \u00eatre utilis\u00e9 comme grande image d'arri\u00e8re-plan. Mais n'oubliez pas de d\u00e9sactiver le titre de la page dans le th\u00e8me Citadela. Cette \u00e9tape est n\u00e9cessaire si vous souhaitez utiliser le bloc Cover comme en-t\u00eate de site Web.<\/p>\n\n\n
\n![\"En-t\u00eate](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/header-cover.jpg\")
<\/a>En-t\u00eate pleine largeur sur la page d'accueil<\/figcaption><\/figure>\n<\/div>\n\n\n<\/span><\/a>Comment cr\u00e9er un en-t\u00eate \u00e0 l'aide du bloc de couverture<\/span><\/h3>\n\n\n\nDans un premier temps, vous devez ajouter le bloc de couverture. Vous pouvez l'ajouter \u00e0 n'importe quelle page ou publier de la mani\u00e8re suivante\u00a0:<\/p>\n\n\n\n
Cliquez sur le signe "+" dans la barre sup\u00e9rieure ou sur le signe "+" n'importe o\u00f9 dans le contenu. Apr\u00e8s cela, recherchez simplement le bloc de couverture.<\/p>\n\n\n
\n![\"Ajouter](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/gutenberg-button-add.png\")
<\/a>Ajout d'un bloc de couverture \u00e0 l'aide de "+"<\/figcaption><\/figure>\n<\/div>\n\n\nUn autre moyen rapide consiste \u00e0 ajouter un bloc en utilisant "\/" apr\u00e8s le nom du bloc.<\/p>\n\n\n
\n![\"Utiliser](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/gutenberg-cover-shortcut.gif\")
<\/a>Ajoutez une barre oblique et tapez Bloc de couverture pour ajouter ce bloc dans la zone de contenu<\/figcaption><\/figure>\n<\/div>\n\n\nApr\u00e8s avoir ajout\u00e9 le bloc de couverture, vous obtiendrez un espace pour t\u00e9l\u00e9charger une image ou une vid\u00e9o. Vous pouvez \u00e9galement s\u00e9lectionner une image dans la biblioth\u00e8que multim\u00e9dia. L'image ou la vid\u00e9o s\u00e9lectionn\u00e9e sera utilis\u00e9e comme en-t\u00eate.<\/p>\n\n\n\n
<\/span>Titre de l'en-t\u00eate<\/span><\/h4>\n\n\n\nUne chose int\u00e9ressante avec l'en-t\u00eate ajout\u00e9 \u00e0 l'aide du bloc de couverture est que vous pouvez \u00e9crire un titre de texte sur l'image. Ce titre peut \u00e9galement \u00eatre utilis\u00e9 comme en-t\u00eate de section, par exemple dans les articles de blog. Il est \u00e9galement possible d'y ajouter n'importe quelle URL.<\/p>\n\n\n
\n![\"Titre](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/gutenberg-cover-text.png\")
<\/a>Titre dans l'image d'en-t\u00eate<\/figcaption><\/figure>\n<\/div>\n\n\n<\/span>Alignement du bloc de couverture<\/span><\/h4>\n\n\n\nLe bloc de couverture peut \u00eatre align\u00e9 \u00e0 l'aide de la barre d'outils du bloc. Il peut \u00eatre align\u00e9 dans la zone de contenu vers la gauche, la droite ou le centre. Il peut \u00e9galement \u00eatre d\u00e9fini comme large ou pleine largeur. Ces options doivent \u00eatre prises en charge par le th\u00e8me actif que vous utilisez pour cr\u00e9er votre site Web.<\/p>\n\n\n
\n![\"Alignement](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/gutenberg-cover-align.gif\")
<\/a>Vous pouvez aligner votre bloc de couverture de plusieurs fa\u00e7ons pour obtenir le look parfait de votre en-t\u00eate<\/figcaption><\/figure>\n<\/div>\n\n\n<\/span>Param\u00e8tres de l'image de couverture<\/span><\/h4>\n\n\n\nL'apparence de l'image de couverture peut \u00eatre modifi\u00e9e dans l'inspecteur. Si vous le d\u00e9finissez comme arri\u00e8re-plan fixe, l'image ne d\u00e9filera pas avec le reste du contenu de votre page, mais elle restera \u00e0 sa place tout le temps.<\/p>\n\n\n\n
\u00c0 l'aide de Focal Point Picker, vous pouvez choisir quelle partie de l'image sera affich\u00e9e dans l'en-t\u00eate. Vous pouvez travailler avec l'image encore plus loin. Par exemple, vous pouvez d\u00e9finir la couleur de superposition et l'opacit\u00e9 de l'arri\u00e8re-plan. Les deux param\u00e8tres vous aideront \u00e0 mettre la touche finale \u00e0 votre en-t\u00eate. Si vous utilisez le bloc de couverture dans un article de blog, en utilisant le sch\u00e9ma de couleurs et la transparence appropri\u00e9s, vous pouvez ajouter l'atmosph\u00e8re souhait\u00e9e \u00e0 votre article. Soyez prudent avec ces param\u00e8tres car le texte du titre doit \u00eatre clairement visible.<\/p>\n\n\n
\n![\"D\u00e9finir](\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/gutenberg-cover-colors.gif\")
<\/a>En choisissant la superposition de couleurs appropri\u00e9e, vous pouvez cr\u00e9er un en-t\u00eate accrocheur<\/figcaption><\/figure>\n<\/div>\n\n\n<\/span><\/a>Cr\u00e9er un en-t\u00eate vid\u00e9o<\/span><\/h4>\n\n\n\nLe bloc de couverture peut \u00e9galement \u00eatre utilis\u00e9 pour lire des vid\u00e9os dans l'en-t\u00eate de votre site Web. Vous pouvez attirer l'attention des visiteurs ou promouvoir un produit ou un service. Il y a plusieurs formats vid\u00e9o pris en charge<\/a>, le plus courant que vous pouvez utiliser est .mp4.<\/p>\n\n\n\nLa grande chose est que vous pouvez \u00e9galement \u00e9crire le titre sur la vid\u00e9o, l'aligner, la rendre pleine largeur ou d\u00e9finir la superposition de couleurs. Les param\u00e8tres du bloc de couverture sont les m\u00eames pour tous les types de support.<\/p>\n\n\n\n
Customizer inclut tous les param\u00e8tres d'apparence de base de votre th\u00e8me actuellement actif. Par cons\u00e9quent, o\u00f9 trouver les param\u00e8tres d'image d'en-t\u00eate d\u00e9pend de votre th\u00e8me actif. Dans le th\u00e8me Citadela, vous pouvez ajouter et modifier l'image d'en-t\u00eate dans Personnalisation <\/i>\u2013> Apparence <\/i>\u2013> Arri\u00e8re-plan de l'en-t\u00eate<\/i>.<\/p>\n\n\n Quelle que soit l'image d'en-t\u00eate que vous choisissez, vous pouvez la configurer selon vos besoins. Un effet int\u00e9ressant peut \u00eatre obtenu en utilisant "Header Image Repeat". Vous pouvez configurer les options suivantes\u00a0:<\/p>\n\n\n\n Une autre option pour modifier l'en-t\u00eate et ajuster l'image consiste \u00e0 d\u00e9finir une taille appropri\u00e9e. La taille de l'image d'en-t\u00eate a les trois options suivantes\u00a0:<\/p>\n\n\n\n Vous pouvez \u00e9galement d\u00e9finir la position de l'image dans l'en-t\u00eate et d\u00e9finir la fixation de l'arri\u00e8re-plan.<\/p>\n\n\n\n Comme nous l'avons d\u00e9j\u00e0 mentionn\u00e9 au d\u00e9but de cet article, il existe plusieurs fa\u00e7ons de modifier l'en-t\u00eate dans l'\u00e9diteur WordPress. En plus d'utiliser Customizer, vous pouvez \u00e9galement utiliser l'un des blocs principaux de WordPress appel\u00e9 bloc de couverture. Quelle est donc la diff\u00e9rence ?<\/p>\n\n\n\n L'en-t\u00eate classique cr\u00e9\u00e9 avec Customizer concerne l'ensemble du site Web, tandis que le bloc de couverture vous permet d'ajouter une image de couverture qui fonctionne essentiellement comme image d'en-t\u00eate \u00e0 n'importe quelle page ou publication. Vous pouvez m\u00eame l'utiliser plusieurs fois sur une m\u00eame page ou publier avec diff\u00e9rents param\u00e8tres.<\/p>\n\n\n\n Le bloc de couverture a une application plus large sur le site Web par rapport \u00e0 l'en-t\u00eate de site Web classique. Le bloc de couverture ajoute une image de titre large et pleine largeur au contenu. Vous pouvez l'utiliser pour s\u00e9parer visuellement le contenu des articles de blog. Chaque section de publication aura sa propre image d'en-t\u00eate qui peut \u00eatre connect\u00e9e au contenu suivant. La grande fonctionnalit\u00e9 est que vous pouvez \u00e9crire du texte directement \u00e0 l'int\u00e9rieur du bloc de couverture. Ce texte sera affich\u00e9 sur l'image.<\/p>\n\n\n Le bloc de couverture peut \u00e9galement \u00eatre utilis\u00e9 \u00e0 la place de l'en-t\u00eate du site Web si vous souhaitez obtenir un look original. \u00c9tant donn\u00e9 que le bloc de couverture offre diverses options d'alignement, vous pouvez le d\u00e9finir sur la largeur du contenu ou sur toute la largeur. L'en-t\u00eate pleine largeur peut \u00e9galement \u00eatre utilis\u00e9 comme grande image d'arri\u00e8re-plan. Mais n'oubliez pas de d\u00e9sactiver le titre de la page dans le th\u00e8me Citadela. Cette \u00e9tape est n\u00e9cessaire si vous souhaitez utiliser le bloc Cover comme en-t\u00eate de site Web.<\/p>\n\n\n Dans un premier temps, vous devez ajouter le bloc de couverture. Vous pouvez l'ajouter \u00e0 n'importe quelle page ou publier de la mani\u00e8re suivante\u00a0:<\/p>\n\n\n\n Cliquez sur le signe "+" dans la barre sup\u00e9rieure ou sur le signe "+" n'importe o\u00f9 dans le contenu. Apr\u00e8s cela, recherchez simplement le bloc de couverture.<\/p>\n\n\n Un autre moyen rapide consiste \u00e0 ajouter un bloc en utilisant "\/" apr\u00e8s le nom du bloc.<\/p>\n\n\n Apr\u00e8s avoir ajout\u00e9 le bloc de couverture, vous obtiendrez un espace pour t\u00e9l\u00e9charger une image ou une vid\u00e9o. Vous pouvez \u00e9galement s\u00e9lectionner une image dans la biblioth\u00e8que multim\u00e9dia. L'image ou la vid\u00e9o s\u00e9lectionn\u00e9e sera utilis\u00e9e comme en-t\u00eate.<\/p>\n\n\n\n Une chose int\u00e9ressante avec l'en-t\u00eate ajout\u00e9 \u00e0 l'aide du bloc de couverture est que vous pouvez \u00e9crire un titre de texte sur l'image. Ce titre peut \u00e9galement \u00eatre utilis\u00e9 comme en-t\u00eate de section, par exemple dans les articles de blog. Il est \u00e9galement possible d'y ajouter n'importe quelle URL.<\/p>\n\n\n Le bloc de couverture peut \u00eatre align\u00e9 \u00e0 l'aide de la barre d'outils du bloc. Il peut \u00eatre align\u00e9 dans la zone de contenu vers la gauche, la droite ou le centre. Il peut \u00e9galement \u00eatre d\u00e9fini comme large ou pleine largeur. Ces options doivent \u00eatre prises en charge par le th\u00e8me actif que vous utilisez pour cr\u00e9er votre site Web.<\/p>\n\n\n L'apparence de l'image de couverture peut \u00eatre modifi\u00e9e dans l'inspecteur. Si vous le d\u00e9finissez comme arri\u00e8re-plan fixe, l'image ne d\u00e9filera pas avec le reste du contenu de votre page, mais elle restera \u00e0 sa place tout le temps.<\/p>\n\n\n\n \u00c0 l'aide de Focal Point Picker, vous pouvez choisir quelle partie de l'image sera affich\u00e9e dans l'en-t\u00eate. Vous pouvez travailler avec l'image encore plus loin. Par exemple, vous pouvez d\u00e9finir la couleur de superposition et l'opacit\u00e9 de l'arri\u00e8re-plan. Les deux param\u00e8tres vous aideront \u00e0 mettre la touche finale \u00e0 votre en-t\u00eate. Si vous utilisez le bloc de couverture dans un article de blog, en utilisant le sch\u00e9ma de couleurs et la transparence appropri\u00e9s, vous pouvez ajouter l'atmosph\u00e8re souhait\u00e9e \u00e0 votre article. Soyez prudent avec ces param\u00e8tres car le texte du titre doit \u00eatre clairement visible.<\/p>\n\n\n Le bloc de couverture peut \u00e9galement \u00eatre utilis\u00e9 pour lire des vid\u00e9os dans l'en-t\u00eate de votre site Web. Vous pouvez attirer l'attention des visiteurs ou promouvoir un produit ou un service. Il y a plusieurs formats vid\u00e9o pris en charge<\/a>, le plus courant que vous pouvez utiliser est .mp4.<\/p>\n\n\n\n La grande chose est que vous pouvez \u00e9galement \u00e9crire le titre sur la vid\u00e9o, l'aligner, la rendre pleine largeur ou d\u00e9finir la superposition de couleurs. Les param\u00e8tres du bloc de couverture sont les m\u00eames pour tous les types de support.<\/p>\n\n\n\n<\/a><\/span>Param\u00e8tres de l'image d'en-t\u00eate<\/span><\/h4>\n\n\n\n
<\/a><\/span>Autres param\u00e8tres dans WordPress \u2013 Taille de l'image d'en-t\u00eate<\/span><\/h4>\n\n\n\n
<\/a><\/span><\/a>Bloc de couverture qui fonctionne comme en-t\u00eate<\/span><\/h3>\n\n\n\n
<\/span><\/a>O\u00f9 utiliser le bloc de couverture<\/span><\/h4>\n\n\n\n
<\/a><\/span>En-t\u00eate de la page d'accueil<\/span><\/h4>\n\n\n\n
<\/a><\/span><\/a>Comment cr\u00e9er un en-t\u00eate \u00e0 l'aide du bloc de couverture<\/span><\/h3>\n\n\n\n
<\/a><\/a><\/span>Titre de l'en-t\u00eate<\/span><\/h4>\n\n\n\n
<\/a><\/span>Alignement du bloc de couverture<\/span><\/h4>\n\n\n\n
<\/a><\/span>Param\u00e8tres de l'image de couverture<\/span><\/h4>\n\n\n\n
<\/a><\/span><\/a>Cr\u00e9er un en-t\u00eate vid\u00e9o<\/span><\/h4>\n\n\n\n