Le style et les fonctionnalités de la famille de templates York.

La famille de templates York (Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, Taylor et York) est conçue pour mettre en valeur le travail d’illustrateurs, de photographes, d’agences de création et d’autres créateurs de contenu visuel. Grâce à la page Index en grille et aux pages Projet uniques, ces templates mettent à votre disposition les outils dont vous avez besoin pour présenter et partager vos créations.

Ce guide présente les fonctionnalités et les options de design de la famille York. Les réglages des styles du site et la section sous laquelle ils s'affichent dans le panneau Styles du site apparaissent en gras.

Types de pages pris en charge

York prend en charge les types de pages suivants :

• Pages Album
• Pages Blog - Grille/liste standard
• Pages de couverture
• Pages Événements
• Pages Galerie – Standard
• Pages Projet
• Pages Index - Grille
• Pages Disposition
• Pages Boutique - Avancé

En-tête

Les visiteurs utilisent l’en-tête du site dans la partie supérieure de la page pour naviguer sur votre site. Dans les templates de la famille York, l’en-tête est composé de trois zones : la partie gauche, la partie centrale et la partie droite. Vous pouvez ajouter les éléments suivants à l’en-tête :

• Titre ou logo du site (« branding »)
• Slogan
• Navigation Principale
• Navigation secondaire
• Panier

Personnalisez la disposition de l'en-tête avec les réglages de la section Site : disposition de l'en-tête :

• Sélectionnez Disposition à gauche, Disposition centrée ou Disposition à droite pour choisir une disposition Horizontale ou Empilée. Pour que ces options apparaissent, vous devez ajouter au moins deux éléments dans la zone d’en-tête.
• Choisissez le mode d’affichage de l’en-tête à l’aide de l’ajustement En-tête pleine largeur.

Personnaliser l’en-tête

Personnalisez le style du contenu de l'en-tête avec les réglages de la section Site : en-tête :

• Définissez la police et la couleur du titre du site à l’aide de Titre du site.
• Définissez la police et la couleur du slogan à l’aide de Slogan du site.
• Modifiez la taille du logo à l’aide de Hauteur du logo (max.).
• Définissez la police, la couleur et le style du panier à l’aide de Panier.

Personnalisez la navigation avec les réglages de la section Site : navigation :

• Modifiez la navigation principale et la navigation secondaire à l’aide des ajustements Principal et Secondaire.
• Affichez ou masquez l’icône caret à côté des menus déroulants à l’aide de l’ajustement Afficher l’indicateur de dossier.

Remarques concernant les en-têtes

Astuces :

• Définissez l'épaisseur du trait de l'icône de recherche et de l'icône de panier d'achat avec les réglages d'Icônes.
• La couleur d'arrière-plan de l'en-tête est la même que celle définie pour l'Arrière-plan du site sous Site.
• Un grand nombre de ces éléments disposent de styles mobiles distincts.

En-têtes et pieds de page des pages

Les en-têtes de page et les pieds de page permettent de personnaliser chaque page. Pour ajouter des blocs, survolez le haut ou le bas de la page, puis cliquez sur Modifier dans l’annotation Contenu de l’en-tête de la collection ou Contenu du pied de page de la collection.

Les templates de la famille York comportent des en-têtes de page et des pieds de page sur les pages suivantes :

• Pages Album
• Pages Blog
• Pages Événements
• Pages Galerie
• Pages Index
• Pages Boutique
• Pages Projet

Pour les afficher sur l'ensemble de votre site, sélectionnez Afficher l'en-tête de page et/ou Afficher le pied de page dans la section Page des styles du site. Les réglages des blocs Texte qui se trouvent dans l'en-tête et le pied de page sont ceux définis dans la section Site : typographie.

Important :

• Les en-têtes de page et les pieds de page ne sont pas pris en charge dans les éléments de collection spécifiques comme les billets de blog.
• Lorsque vous partagez une page sur les réseaux sociaux, il est possible que le contenu de l’en-tête masqué ou du pied de page masqué apparaisse. Pour éviter cela, supprimez le contenu avant de masquer l’en-tête ou le pied de page.
• Sur les pages d’un index, la navigation s’affiche en dessous du pied de page.

Pied de page du site

Pour activer le pied de page sur tout le site, sélectionnez Afficher le pied de page sur tout le site sous Site : pied de page. Pour ajouter des blocs, survolez le pied de page et cliquez sur Modifier. Si vous avez besoin d’instructions détaillées, consultez l’article Modifier les pieds de page.

Bannières de page

Ajoutez une image ou une vidéo de bannière en haut des types de page suivants :

• Pages Album
• Pages Blog
• Pages Événements
• Pages Galerie (images uniquement)
• Pages Index
• Pages Disposition
• Pages Boutique
• Pages Projet

Pour ajouter une image ou une vidéo de bannière, ajoutez une image mise en avant ou une URL de vidéo dans l’onglet Médias des paramètres de la page.

Important :

• Ces bannières créent une navigation avec miniatures sur les pages Index.
• Si la page n’a pas d’image mise en avant, la bannière affiche une couleur d’arrière‑plan. Vous devrez éventuellement modifier la transparence.
• Les paramètres de bannière sont appliqués à toutes les pages qui en contiennent. Affichez ou masquez une bannière pour un type de page à l'aide des réglages de bannière dans la section Page des styles du site.
• Le titre et la description de la page peuvent apparaître en superposition de la bannière.
• Les bannières prennent en charge le chargement de pages animées.

Bannière sur page d’accueil uniquement

Vous pouvez afficher une bannière sur votre page d’accueil et la masquer sur toutes les autres pages de ce type. Par exemple, si votre page d’accueil est une page Disposition, procédez comme suit :

1. Accédez à la page d’accueil.
2. Ouvrez le panneau Styles du site.
3. Faites défiler le panneau jusqu’à la section Page.
4. Désélectionnez Afficher la bannière de page. La bannière est alors masquée sur toutes les pages Disposition.
5. Sélectionnez Afficher la bannière de page d’accueil. La bannière est alors affichée sur la page Disposition définie comme page d’accueil.

L’affichage du titre et de la description de la page est global. Par exemple, si vous sélectionnez Afficher le titre de la page, le titre de la page s’affiche sur la page d’accueil et sur toutes les autres pages Disposition.

Définir le style des bannières

Personnalisez le style des bannières dans la section Bannière des styles du site. Ces réglages s'appliquent à toutes les bannières de page de votre site.

• Si une page a des images mises en avant, définissez la hauteur de la bannière à l’aide de l’ajustement Hauteur.
• Positionnez l’image dans la bannière à l’aide de Alignement de l’image.
• Si l’Alignement de l’image est défini sur Droite ou Gauche, utilisez l’ajustement Recadrer l’image pour couvrir la moitié droite ou la moitié gauche de l’image. Pour que toute la bannière soit remplie, définissez Alignement de l’image sur Centre et sélectionnez Recadrer l’image.
• Sélectionnez Couleur d’arrière-plan automatique pour que la bannière utilise automatiquement une couleur d’arrière-plan de l’image mise en avant. Cette fonctionnalité est utile lorsque les illustrations ou les images ont une couleur d’arrière-plan prédominante, car cela donne l’impression que l’image s’affiche jusqu’aux bords de la bannière.
• Pour étendre la bannière jusqu'aux bords du navigateur, cochez la case Bannière en pleine page.
• Les bannières de navigation de l'index ont leurs propres paramètres de style sous Index dans les styles du site.

La Couleur d’arrière-plan est appliquée :

• sur les bannières qui n’ont pas d’images mises en avant ;
• pendant le chargement d’une image ou d’une vidéo de bannière ;
• derrière les images mises en avant qui ne couvrent pas l’intégralité de la bannière, si l’option Couleur d’arrière-plan automatique n’est pas sélectionnée.

Titres et descriptions des pages

En haut de toutes les pages, affichez le titre et la description de la page définis dans les paramètres de la page. Les pages Projet et les pages Galerie peuvent également afficher des catégories d’images spécifiques.

• Ces paramètres sont appliqués à toutes les pages de ce type.
• Affichez ou masquez le texte à l'aide des réglages de Titre, de description et de catégorie dans la section Page.
• Le texte peut apparaître en superposition de la bannière de page ou être affiché tout seul.
• Pour masquer la description d’une page spécifique, supprimez-la dans les paramètres de la page.

Texte sur bannières et sans bannière

Vous pouvez choisir différentes options de style selon que le texte est affiché sur une bannière ou sur la page. La section Styles du site que vous utilisez n’est pas la même si votre page a une bannière ou non :

• Texte de la bannière - Toutes les pages avec une bannière
• Index : Texte d’introduction - Les pages Index sans bannière de page
• Page : Texte d’introduction - Toutes les autres pages sans bannière de page

Appliquez un style au texte à l’aide de Titre, Description et Catégorie.

Les options supplémentaires suivantes sont disponibles pour les pages sans bannière :

• Définissez les marges latérales du texte à l’aide de l’ajustement Largeur du texte.
• Définissez l’espacement au-dessus et en dessous du texte à l’aide de l’ajustement Hauteur du texte.

Les options supplémentaires suivantes sont disponibles si le texte s’affiche sur une bannière :

• Positionnez le texte dans la bannière à l’aide de Alignement.
• Définissez les marges latérales du texte à l’aide de l’ajustement Largeur.
• Ajoutez une couleur derrière le texte à l’aide des ajustements Surbrillance. Définissez la largeur de la couleur d’arrière-plan à l’aide de Retrait de la surbrillance du texte.

Pages Blog

La famille de templates York utilise une page Blog grille/liste standard. Pour en savoir plus sur les fonctionnalités uniques et les options de style de ce type de blog, consultez l’article Pages Blog en grille/liste standard dans la version 7.0.

Pages Projet

Sur la page Projet, les images, les titres et les légendes sont organisés sous forme de dispositions élégantes. Il s’agit d’une solution de remplacement unique pour les pages Galerie, particulièrement si vous utilisez à la fois du texte et des images.

Pour en savoir plus, consultez l’article Pages Projet.

Pages Index

Les pages Index York créent des miniatures de navigation dans une bannière ou dans une grille qui permettent aux visiteurs d’accéder à différentes pages.

• La grille de navigation affiche des images mises en avant de la page. L’image mise en avant s’affiche dans la grille même si une page possède une bannière vidéo.
• Vous pouvez ajouter une bannière de page, le titre de la navigation et un texte descriptif ainsi que des zones d’en-tête et de pied de page personnalisables.
• Sur les appareils mobiles, les pages Index affichent une miniature par ligne.
• Les pages Index ne suivent pas l’ajustement Largeur maximale du site.

Pages prises en charge

Vous pouvez ajouter les pages suivantes à un index :

• Pages Album
• Pages Blog
• Pages Galerie
• Pages Événements
• Pages Boutique
• Pages Projet
• Pages Disposition

Images mises en avant

Ajoutez une image mise en avant ou une URL de vidéo dans les paramètres d’une page pour l’afficher dans la miniature de navigation de l’index. Personnalisez le style des images à l’aide des réglages de la section Index : image de l’élément :

• Alignez l’image mise en avant dans la miniature avec Alignement de l’image.
• Couvrez la moitié droite, la moitié gauche ou l’intégralité de la miniature à l’aide de Recadrer l’image. Cette option est disponible si l’ajustement Alignement de l’image est défini sur Droite, Gauche ou Centre.
• Choisissez la quantité de couleur d’arrière-plan à afficher dans l’image à l’aide de Opacité de l’image.
• Choisissez dans quelle mesure l’image s’estompe lorsqu’un visiteur la survole à l'aide de Opacité en cas de survol.
• Pour que toute la miniature soit remplie, sélectionnez Alignement de l’image : Centre et cochez Recadrer l’image.
• Pour que les miniatures empruntent automatiquement une couleur d’arrière-plan à l’image ou à la vidéo mise en avant, sélectionnez Couleur d’arrière-plan automatique.
• Choisissez la couleur d’arrière-plan de l’élément à afficher dans les miniatures qui ne comportent pas d’images ou de vidéos mises en avant. Cet ajustement est disponible lorsque l’ajustement Couleur d’arrière-plan automatique n’est pas sélectionné.

La couleur d’arrière-plan des miniatures est appliquée :

• lorsque les miniatures de navigation n’ont pas d’images ni de vidéos ;
• derrière les images mises en avant qui ne remplissent pas la totalité de la miniature ;
• sur les images mises en avant (si vous avez réglé leur opacité).

Disposition Miniature

Les miniatures de navigation de l'index peuvent s'afficher sous forme de bannières ou dans une grille. Personnalisez le style dans la section Index : disposition des styles du site.

• Affichez les miniatures sous forme de bannières à l’aide de Largeur de l’élément. Choisissez Complet ou Moitié pour afficher une ou deux bannières par ligne.
• Définissez la hauteur des bannières à l’aide de Hauteur de l’élément.
• Pour afficher les miniatures dans une grille, sélectionnez Largeur de l’élément : grille. Utilisez les ajustements Colonnes et Ratio des miniatures pour personnaliser la grille.
• Définissez l’espacement entre les bannières ou les miniatures des miniatures avec l’ajustement Espacement des éléments.
• Sélectionnez Index en pleine page pour que les miniatures s’affichent jusqu’au bord de la fenêtre du navigateur. Lorsque cette option n’est pas sélectionnée, les miniatures suivent la marge intérieure du site. Ceci affecte également la bannière de l’en-tête de page.
• Sélectionnez Largeurs alternées pour alterner les lignes qui affichent une ou deux bannières. Cette option est disponible si les bannières sont définies sur Alignement de l’image : centre et si Largeur de l’index est défini sur Complet ou sur Moitié.
• Sélectionnez Côtés alternés pour alterner le côté sur lequel l’image est affichée. Cette option est disponible si les bannières sont définies sur Alignement de l’image : Droite ou Gauche et si Largeur de l’index est défini sur Complet.

Les miniatures d’index peuvent afficher le titre de la navigation pour chaque page ainsi que les catégories que vous avez ajoutées aux images dans les pages Galerie et Projet. Le titre de la navigation apparaît sur les miniatures de l’index, tandis que le titre de la page apparaît en haut de chaque page. Vous pouvez ainsi définir un texte différent pour chacun d’eux.

Modifiez la police, la couleur et la taille du texte à l'aide de la section Index : texte de l'élément des styles du site.

• Choisissez le mode d’affichage des titres avec Affichage du titre.
• Pour masquer le texte de la catégorie, cochez Afficher les catégories.
• Pour ajouter des couleurs d'arrière-plan personnalisables derrière le texte, cochez Utiliser l'arrière-plan du titre et Utiliser l'arrière-plan de la catégorie
• Définissez l’emplacement d’affichage du texte avec l’ajustement Alignement du texte.

Navigation

Pour personnaliser la navigation de l’index, accédez à une page de l’index, puis ouvrez le panneau Styles du site.

La navigation est située en bas de toutes les pages d'un index. Pour la masquer, désélectionnez Afficher la navigation de l'index. Pour en personnaliser le style, utilisez la section Index : navigation des styles du site :

• Définissez Style des liens sur Liste pour afficher toutes les pages de l’index sous forme de liens de navigation.
• Définissez Style des liens sur Suivant pour afficher un libellé Suivant. Désélectionnez Afficher le libellé uniquement pour afficher le nom de la page suivante après le libellé Suivant.

Quel que soit le style, vous avez le choix entre Inline et Empilé pour afficher le texte. Vous pouvez également changer la couleur, la police et la mise à l’échelle du texte. Utilisez les autres ajustements dans Index : Navigation pour définir le style des liens, comme l’espacement, la police et la séparation entre les liens.

Chargement des pages

Les templates York prennent en charge Ajax, une méthode de chargement des pages qui rend votre site plus rapide en chargeant uniquement le contenu visible sur la page. Pour assurer une navigation fluide, il est conseillé de garder le chargement Ajax activé. Pour en savoir plus, consultez l’article Le chargement Ajax.

Les templates York prennent également en charge des animations de page spéciales :

• Sur les pages Projet, les images et les légendes semblent glisser de bas en haut lorsque vous faites défiler la page vers le bas. Désélectionnez l’ajustement Afficher les images et les légendes en cascade pour supprimer cet effet.
• Le contenu des pages d’un index semble glisser de bas en haut lors du chargement initial. Désélectionnez l’ajustement Animation de la transition entre les pages pour supprimer cet effet.
• Les bannières de page se chargent avec un effet de fondu.

Lorsque vous êtes connecté(e), les animations ne sont pas toutes visibles. Pour obtenir un aperçu des effets, consultez votre site en mode privé ou incognito.

Structure et style

Boutons de partage

Les billets de blog et les pages Informations sur le produit comportent des boutons de partage personnalisables :

• Utilisez les réglages de la section Boutons de partage des styles du site pour définir leur taille, leur espacement, leur couleur et leur style. Selon le style que vous choisissez, d'autres réglages vous permettent de personnaliser davantage les boutons.
• Utilisez la section Produits : Détails pour définir l’affichage des boutons de partage des produits. Masquez les icônes des produits en désélectionnant Afficher les boutons de partage.
• Utilisez le réglage des Icônes de partage dans Blog : élément pour indiquer si les boutons de partage doivent s'afficher au-dessus ou en dessous du contenu des différents billets de blog.
• Le bouton de partage Pinterest s’affiche uniquement sur les pages qui ont des images mises en avant.
• Les pages Album et Événements sont dotées d’un lien de partage avec des boutons de partage pop-up. Ces boutons ne suivent pas les styles personnalisés.

Disposition et arrière-plan

Définissez la marge intérieure de votre site dans la section Site des styles du site :

• Définissez l’espacement entre le contenu du site et le haut du navigateur avec l’ajustement Espacement du site.
• Définissez l’espacement entre le contenu du site et les côtés du navigateur avec l’ajustement Marge extérieure du site.
• Si En-tête pleine largeur n’est pas sélectionné, l’en-tête suit les paramètres Alignement du site et Largeur maximale du site.
• Définissez la couleur d’arrière-plan du site à l’aide de Arrière-plan du site.

Polices

Personnalisez les polices de votre site grâce aux options Styles du site ci-dessous :

• Liens de navigation - Site : Navigation
• Contenu principal - Site : Typographie
• Titre et description des pages - Texte de la bannière, Page : Texte d’introduction et Index : Texte d’introduction

Vous pouvez configurer certains groupes de texte pour qu’ils soient mis à l’échelle en fonction de la largeur du navigateur. Procédez comme suit pour le texte Titre 1 :

1. Dans la section Site : Typographie, sélectionnez Mettre à l’échelle le titre 1.
2. Définissez la taille de police maximale à l’aide de Titre 1.
3. Définissez la taille de police minimale à l’aide de Minimum du titre 1.

Pour chaque en-tête, nous vous conseillons de définir une taille de police minimale supérieure à la taille de police du corps de texte. Pour en savoir plus, consultez l’article Mettre les polices à l’échelle.

Barre latérale

Les templates York ne prennent en charge les barres latérales sur aucune page. Pour connaître la liste des templates qui comportent des barres latérales, consultez l’article Éditer les barres latérales.

Icônes sociales

Les templates York ne prennent pas en charge les icônes sociales intégrées. À la place, ajoutez un bloc Liens sociaux dans le pied de page ou dans le contenu de votre page.

Mobile

Grâce au design réactif intégré de Squarespace, votre site bénéficie d’un affichage optimal quel que soit l’appareil. Sur les appareils mobiles et les navigateurs de petite taille, le contenu est empilé verticalement.

Personnalisez l'apparence de votre site sur les appareils mobiles avec les réglages des sections Mobile des styles du site :

• Indiquez si la barre mobile doit défiler vers le haut en même temps que la page ou rester ancrée en haut ou en bas à l’aide de Position de la barre mobile. La barre mobile contient le titre ou le logo de votre site, l’icône de navigation, le slogan et le panier.
• Définissez l’emplacement du branding du site et de l’icône de menu à l’aide de Position Branding.
• Le titre du site, le slogan, les liens de navigation et le panier peuvent tous avoir des styles mobiles distincts. Afin d’assurer la cohésion de votre branding sur les différents appareils, utilisez les mêmes styles que dans la section Site.
• Définissez une image de remplacement pour appareil mobile, qui s’affichera en cas d’échec du chargement de la bannière vidéo sur un appareil mobile.
• L’icône ☰ s’affiche toujours sur les appareils mobiles, même lorsque la navigation principale et la navigation secondaire sont vides.

Important :

• Contrairement à certains templates, les styles mobiles ne peuvent pas être désactivés.
• Si votre site ne s’affiche pas correctement sur les appareils mobiles, activez la mise à l’échelle des polices et réduisez la taille de police minimale.
• Sur les appareils mobiles, il est possible que la description des pages et les miniatures se chevauchent. Utilisez la fonctionnalité Vue par appareil pour découvrir comment votre site s’affiche sur les appareils mobiles, puis réduisez la description de la page si besoin.

Options de langue

York prend en charge deux options de langue :

• Vous pouvez choisir la langue du texte intégré de votre site (comme celui des formulaires et du message de confirmation des commandes).
• Vous pouvez créer un nouveau site en utilisant un template en français, en allemand, en italien, en portugais ou en espagnol.

Dépannage pour York

Voici quelques problèmes courants avec ce template. Certains sont des bogues ou des problèmes connus. Même si nous prenons toujours en charge la version 7.0 de Squarespace, la correction de bogues ou de problèmes n’est pas notre priorité. Nous nous concentrons sur notre plateforme actuelle, à savoir la version 7.1. Vous pouvez faire passer votre site de la version 7.0 à la version 7.1 à l’aide de notre outil de mise à jour.

La couleur de surbrillance d’arrière-plan du texte de la bannière n’apparaît pas partout

Cela peut se produire si votre description ou votre titre sont très courts et que vous avez défini le retrait personnalisé de la surbrillance sur une valeur élevée.

Pour résoudre ce problème, ajoutez plus de texte à votre titre ou description. Vous pouvez également utiliser la section Texte de la bannière du panneau Styles du site pour :

• réduire l’ajustement Retrait personnalisé de la surbrillance ou ;
• utiliser l’ajustement Retrait de la surbrillance du texte pour choisir parmi les options prédéfinies sur petit, moyen ou grand.

Les menus déroulants de la navigation ne s’affichent pas correctement

Les menus déroulants de la navigation peuvent ne pas s’afficher comme prévu de deux manières différentes et chacune peut être résolue de manière spécifique :

• Certaines pages ne s’affichent pas : lorsqu’il est développé, le menu déroulant ne répertorie pas toutes les pages qu’il contient. Pour corriger cela, ajoutez un nouveau menu déroulant et déplacez-y certaines pages.
• Une partie du titre du menu déroulant n’est pas affichée : si le titre d’un menu déroulant est long, certains mots ne s’affichent pas. Le titre des pages du menu déroulant peut également être concerné. Pour corriger cela, raccourcissez le titre du menu déroulant ou de la page concernée qu’il contient.

Le texte « Description de la page » s’affiche

Ce texte d’espace réservé apparaît sur les pages Disposition, Projet et Boutique lorsque vous êtes connecté(e) à votre site. Les visiteurs ne voient pas ce texte sur votre site.

Pour résoudre ce problème, remplacez le texte dans les paramètres de la page ou masquez toutes les descriptions de page dans Styles du site.

La page Projet a disparu après un changement de template

Si vous passez à un template qui n’appartient pas à la famille York, les pages Projet sont converties en pages Galerie.

Lorsque vous revenez à un template de la famille York, vous pouvez reproduire le format d’origine en déplaçant les images d’une page Galerie vers une nouvelle page Projet :

1. Ouvrez le panneau Pages, puis ajoutez une nouvelle page Projet.
2. Dans le panneau Pages, cliquez sur la page Galerie qui contient les images que vous souhaitez déplacer.
3. Cliquez sur les éléments que vous souhaitez déplacer.
4. Cliquez sur Déplacer dans la barre d’action qui apparaît en dessous.
5. Dans la fenêtre Sélectionner la collection de destination, sélectionnez la page Projet et cliquez sur Déplacer les éléments.

Un texte aléatoire apparaît lors du partage sur les réseaux sociaux

Lorsque vous partagez des contenus, Squarespace ne contrôle pas exactement ce qui apparaît sur les réseaux sociaux. Cependant, il arrive que le texte d’un en-tête ou d’un pied de page s’affiche même s’il est masqué sur votre site. Pour résoudre ce problème, supprimez le contenu des en-têtes et des pieds de page lorsqu’ils sont masqués.

Pour supprimer le contenu d’un en-tête ou d’un pied de page :

1. Dans le panneau Pages, ouvrez la page qui contient le contenu de l’en-tête ou du pied de page masqué.
2. Ouvrez le panneau Styles du site, puis affichez l’en-tête de page ou le pied de page dans la section Page du panneau Styles du site.
3. Cliquez sur Enregistrer.
4. Revenez dans l’en-tête ou dans le pied de page et cliquez sur Modifier.
5. Supprimez le contenu.
6. Revenez dans le panneau Styles du site et désélectionnez Afficher l’en-tête de page ou Afficher le pied de page.

Le texte est trop long pour la bannière

Si votre texte ne s’affiche pas correctement sur les appareils mobiles, activez la mise à l’échelle des polices et réduisez la taille de police minimale.

Notez que les longs mots ne reviennent pas à la ligne lorsqu’ils arrivent au bord d’un conteneur. Pour un résultat optimal, utilisez des mots courts dans vos titres.

Mauvais alignement du texte dans un index en grille

Si la disposition de votre page Index est définie sur Grille, l’affichage du texte peut être décentré sur l’image miniature dans les fenêtres de navigateur plus petites.

Pour résoudre ce problème, rendez-vous dans le panneau Styles du site et diminuez le nombre de colonnes Tablette de votre grille ou la taille de la police du titre. Vous pouvez également modifier la disposition en choisissant l’option Moitié ou Complet plutôt que Grille.

Problèmes pour ajouter du contenu à un en-tête de page

Si l’annotation Contenu de l’en-tête de la collection ne s’affiche pas dans l’en-tête de page :

1. Ouvrez le panneau Styles du site.
2. Dans la section Page, sélectionnez Afficher l’en-tête de page.
3. Cliquez sur Enregistrer et quittez le panneau Styles du site.
4. Actualisez la page.

L’annotation devrait désormais apparaître sur la page.

Les vidéos ne s’affichent pas sur les pages Projet

Toutes les vidéos d’une page Projet doivent comporter une image miniature. Les vidéos sans image miniature s’affichent dans le panneau Pages avec une ligne diagonale. Pour ajouter une image miniature :

1. Ouvrez le panneau Pages.
2. Cliquez sur la page Projet.
3. Survolez la vidéo avec votre souris, puis cliquez sur .
4. Pour ajouter une image miniature manuellement, activez l’option Miniature vidéo, puis cliquez sur Image.
5. Cliquez sur Enregistrer.