Tutoriel Kadence : Construire des en-têtes et des pieds de page complets avec les blocs Kadence

L'édition intégrale de site (ou FSE en abrégé) est WordPress Un module fonctionnel qui permet de personnaliser la structure de l'ensemble du site web dans un éditeur visuel. Il ne se limite plus à la modification des articles et du contenu des pages, mais permet également d'ajuster les en-têtes, les pieds de page et d'autres parties du modèle du site web. Avec l'aide du module Blocs KadenceL'éditeur FSE vous permet de créer une structure de présentation plus riche et de construire un site WordPress cohérent et flexible.

Image [1] - Tutoriel complet sur la création d'en-têtes et de pieds de page avec Full Site Editing dans Kadence Blocks

Introduction à l'édition de sites complets

FSE permet de faire passer la conception d'un site web de l'édition d'une seule page à la gestion globale de la mise en page. Il suffit d'activer un thème compatible FSE, tel que Twenty Twenty-Four, et de se rendre sur "Apparence -> Editeur"Utilisation de la fonction FSE.

Image [2] - Tutoriel complet sur la création d'en-têtes et de pieds de page avec Full Site Editing dans Kadence Blocks

Kadence Il n'est pas livré avec un thème FSE complet, mais Kadence Blocks est toujours très utile lorsqu'il est utilisé avec FSE.

Une fois dans l'éditeur, toute la structure du site peut être personnalisée à l'aide du format de bloc. Les en-têtes, les pieds de page, les modèles d'articles, les pages d'archives, etc. sont tous gérés dans le même environnement visuel, avec une structure claire et des ajustements flexibles.

Image [3] - Tutoriel complet sur la création d'en-têtes et de pieds de page avec Full Site Editing dans Kadence Blocks

Le r?le des modèles

Les modèles sont essentiels pour construire la structure d'un site web. Chaque page, article ou vue d'archive peut être associée à un modèle correspondant. Les modèles contr?lent la structure de la page et l'ordre dans lequel le contenu est affiché, par exemple l'affichage des en-têtes, des pieds de page, des titres et du corps du texte.

Image [4] - Tutoriel complet sur la création d'en-têtes et de pieds de page avec Full Site Editing dans Kadence Blocks

WordPress Les modèles de la rubrique "Tableau de bord -> Apparence -> EditeurLes modèles peuvent être visualisés et gérés dans la section "Visualiser et gérer". à c?té de chaque modèle se trouve une ic?ne à trois points. Cliquez dessus et sélectionnez "Modifier" pour apporter des changements structurels au modèle.

Image [5] - Tutoriel complet sur la création d'en-têtes et de pieds de page avec Full Site Editing dans Kadence Blocks
Image [6] - Tutoriel complet sur la création d'en-têtes et de pieds de page avec Full Site Editing dans Kadence Blocks

Les en-têtes et les pieds de page des modèles apparaissent généralement sous la forme de "modèles", une unité de conception qui peut être réutilisée dans plusieurs modèles.

Modèles et mises en page réutilisables

Les motifs (Patterns) sont des unités de mise en page qui sont une combinaison d'un ou plusieurs blocs pouvant être utilisés de manière répétée dans le site. Par exemplepied de pageLe motif peut être sauvegardé pour les pieds de page, les bannières ou les blocs CTA.

Les modèles sont disponibles dans la rubrique "Apparence -> Editeur -> Mode"est créé et géré dans l'espace de travail. Sélectionnez un bloc et enregistrez-le en cliquant sur le bouton Créer un nouveau motif dans la barre d'outils.

Image [7] - Tutoriel complet sur la création d'en-têtes et de pieds de page avec Full Site Editing dans Kadence Blocks

Les modes sont classés comme "synchronisés" et "asynchronisés" :

  • Changement de mode synchronisé une fois, effet sur l'ensemble du site
  • Le mode non synchronisé ne met pas automatiquement à jour les instances dans d'autres lieux.
Image [8] - Tutoriel complet sur la création d'en-têtes et de pieds de page avec Full Site Editing dans Kadence Blocks

Lors de l'ajout d'un motif, recherchez le nom du motif lors de l'ajout d'un bloc pour l'insérer rapidement.

Image [9] - Tutoriel complet sur la création d'en-têtes et de pieds de page avec Full Site Editing dans Kadence Blocks
Image [10] - Tutoriel complet sur la création d'en-têtes et de pieds de page avec Full Site Editing dans Kadence Blocks

Modifier l'en-tête

L'en-tête contient généralement le nom du site, le logo, la navigation principale, les informations de contact, etc. Il s'agit de la première partie que les visiteurs voient lorsqu'ils entrent sur le site.

Image [11] - Tutoriel complet sur la création d'en-têtes et de pieds de page avec Full Site Editing dans Kadence Blocks
  • Recherchez le mode d'en-tête dans le modèle et cliquez dessus pour accéder à l'option Modifier.
Image [12] - Tutoriel complet sur la création d'en-têtes et de pieds de page avec Full Site Editing dans Kadence Blocks
  • Une proposition de remplacement appara?t à l'écran, cliquez sur "Utiliser". Kadence Le bouton "En-tête avancé" introduit automatiquement le bloc "En-tête avancé".
Image [13] - Tutoriel complet sur la création d'en-têtes et de pieds de page avec Full Site Editing dans Kadence Blocks
  • Ajouter un en-tête avancémenu de navigationLogo, Ic?ne,rechercher qqch.des éléments tels que des colonnes, avec la possibilité d'ajuster l'ordre et le style des blocs en fonction des besoins
Image [14] - Tutoriel complet sur la création d'en-têtes et de pieds de page avec Full Site Editing dans Kadence Blocks
  • Cliquez sur Enregistrer lorsque vous avez terminé vos modifications, et toutes les pages utilisant ce mode d'en-tête appliqueront automatiquement les mises à jour.

Le bloc d'en-tête avancé prend en charge la conception réactive, les arrière-plans transparents, les effets collants, etc., offrant ainsi une plus grande flexibilité de conception pour les sites Web.

Modifier le pied de page

Le pied de page est situé au bas de la page et contient souvent des informations sur les droits d'auteur, des liens, des ic?nes de médias sociaux et d'autres contenus complémentaires.

  • Ouvrez le modèle ou sélectionnez la zone du pied de page directement dans le site pour accéder à l'éditeur.
  • utiliser Kadence Le bloc de mise en page remplace le contenu existant et sert de structure de base pour la mise en page du pied de page.
Image [15] - Tutoriel complet sur la création d'en-têtes et de pieds de page avec Full Site Editing dans Kadence Blocks
  • Ajoutez un bloc d'image avancé pour afficher le logo en ligne, un bloc de navigation avancé pour afficher la navigation en bas de page et un bloc de texte avancé pour les descriptions de texte.
Image [16] - Tutoriel complet sur la création d'en-têtes et de pieds de page avec Full Site Editing dans Kadence Blocks
  • Une fois la modification effectuée, cliquez sur Enregistrer et le pied de page sera mis à jour de manière cohérente dans tous les modèles.

Lorsque la structure du pied de page est claire, elle contribue à améliorer l'intégrité globale et la convivialité du site.

Image [17] - Tutoriel complet sur la création d'en-têtes et de pieds de page avec Full Site Editing dans Kadence Blocks

résumés

faire passer (un projet de loi, une inspection, etc.) Blocs Kadence En combinaison avec l'édition complète du site, vous pouvez créer des en-têtes et des pieds de page clairement structurés. Une seule modification suffit pour synchroniser et mettre à jour automatiquement tous les modèles utilisant le mode approprié. Que vous construisiez un nouveau site ou que vous optimisiez la structure d'un site existant, FSE vous offre une plus grande marge de man?uvre en matière de conception. Combiné aux fonctionnalités avancées de Kadence Blocks, il est possible de construire des mises en page plus attrayantes et plus utiles.


Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
Service clientèle WeChat
Service clientèle WeChat
Tel : 020-2206-9892
QQ咨詢:1025174874
(iii) Courriel : info@361sale.com
Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.
? Déclaration de reproduction
Cet article a été écrit par : les voleurs seront des souris et des rats.
LA FIN
Si vous l'aimez, soutenez-le.
félicitations813 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires