Remarque : même si nos guides les plus populaires ont été traduits en français, certains guides sont uniquement disponibles en anglais.

Famille de templates Montauk

La famille de templates Montauk (Julia, Kent, Montauk et Om) propose des bannières de page et un index de navigation polyvalent avec miniatures grâce auxquels vous pouvez mettre en avant vos informations, vos produits, et même votre histoire d’amour.

Ce guide décrit les fonctionnalités et les options de design proposées par la famille de templates Montauk. Les ajustements du panneau Styles du site sont en gras et renvoient vers la liste complète des ajustements Montauk pour vous aider à naviguer dans le panneau.

Astuce : les pages d’aperçu en direct des templates MontaukJulia, Kent et Om montrent des sites de client réels qui utilisent ces templates.

Pages prises en charge

Montauk prend en charge les types de pages suivants :

En-tête

Les visiteurs utilisent l’en-tête dans la partie supérieure de la page pour naviguer sur votre site. Dans Montauk, l’en-tête comprend le titre ou le logo du site, les liens de la navigation supérieure et une zone personnalisable appelée « sous-titre de l’en-tête ».

  • Choisissez le type de disposition à l’aide de l’ajustement Style de la zone de contenu dans la section Options.
  • Pour les dispositions à gauche et à droite, utilisez l’ajustement Navigation empilée dans la section Options pour empiler les liens de navigation.
  • Modifiez l’espacement dans l’en-tête et entre les liens de navigation à l’aide des ajustements de la section Tailles et valeurs.

Indiquez les éléments à afficher dans le sous-titre de l’en-tête à l’aide de l’ajustement Sous-titre de l’en-tête dans la section Options.

  • Utilisez Adresse pour afficher l’adresse et le numéro de téléphone qui sont définis dans les champs Emplacement physique des Informations sur l’entreprise.
  • Utilisez Slogan pour afficher le slogan de votre site.
  • Sélectionnez Personnaliser pour ajouter un texte ou un autre contenu. Quittez le panneau Styles du site et double-cliquez sur le texte d’espace réservé « Votre texte personnalisé ici » pour le remplacer par des blocs.

montauk-header.png

Bordure

Ajoutez une bordure autour de l’ensemble de votre site et en haut et en bas du contenu principal.

  • Définissez la couleur à l’aide de l’ajustement Couleur de la bordure de la page dans la section Couleurs.
  • Réglez l’épaisseur à l’aide de l’ajustement Bordures de page dans la section Options.
  • Masquez la bordure en sélectionnant Bordures de page : Aucune dans la section Options.
  • Si l’ajustement Style de la zone de contenu est défini sur Logo d’en-tête à gauche ou Logo d’en-tête à droite, la bordure externe ne s’affiche pas.

montauk-border.png

Background

Dans la section Couleurs :

  • Définissez la couleur d’arrière-plan du site avec l’ajustement Arrière-plan du site. Vous pouvez aussi ajouter une image d’arrière-plan avec l’ajustement Image d’arrière-plan du site.
  • Définissez l’arrière-plan de la zone de contenu principale et de l’en-tête du site avec l’ajustement Arrière-plan de la zone de contenu.
  • La couleur d’arrière-plan du site peut s’afficher brièvement en attendant que l’image d’arrière-plan soit chargée.
  • Utilisez le curseur d’opacité dans l’ajustement Arrière-plan de la zone de contenu pour que l’arrière-plan soit visible en fond d’image, comme illustré ci-dessous.
Astuce : la bordure entoure la zone de contenu.

montauk-backgroundimage.png

Footers

Montauk a trois pieds de page que vous pouvez personnaliser à l’aide de blocs.

Il existe des pieds de page spécifiques à chaque page.

  • Chaque élément de collection (comme les billets de blog) a son propre pied de page.
  • Les pieds de page spécifiques à chaque page ne s’affichent pas sur les pages Galerie et Disposition ouvertes à partir d’un index.

Il existe également deux pieds de page présents dans l’ensemble du site :

  • Pied de page d’information : vous pouvez l’afficher ou le masquer avec l’ajustement Masquer le pied de page d’information dans la section Options. Vous pouvez masquer les icônes sociales intégrées à l’aide de l’ajustement Masquer les icônes sociales.
  • Pied de page inférieur

montauk-footers.png

Page banners

Vous pouvez créer une bannière avec du texte superposé en haut des pages Blog, Événements et Disposition et des pages d’index. Ajoutez des bannières dans les paramètres de la page avec des images miniatures ou des URL de vidéo.

  • Utilisez la section Options pour indiquer si les bannières, les titres de page et les lignes de séparation doivent apparaître.
  • Lorsque les pages Disposition sont ouvertes à partir d’un index, les bannières ne s’affichent pas.
  • Pour être affichées, les bannières vidéo doivent avoir une image de remplacement pour appareil mobile.

montauk-banner.png

Largeur et hauteur

La largeur et la hauteur sont fixes :

  • Largeur : les bannières de page occupent toujours toute la largeur de la zone de contenu.
  • Hauteur : la hauteur est définie par l’image (ou par l’image de remplacement pour appareil mobile dans le cas des bannières vidéo). Vous pouvez la modifier dans l’éditeur d’image intégré. Pour créer une apparence uniforme, vérifiez que toutes les images de votre bannière ont la même valeur de proportion.

Texte de la bannière

Le titre et la description des pages peuvent s’afficher sur les bannières.

  • Pour que le texte apparaisse, la page doit avoir une image ou une vidéo de bannière.
  • Les descriptions ne s’affichent pas dans les navigateurs dont la largeur est inférieure à 767 pixels.
  • La couleur du texte correspond à l’arrière-plan de la zone de contenu (ajustement Arrière-plan de la zone de contenu dans la section Couleurs).
  • Modifiez les polices à l’aide des ajustements Titre de la page et Description de la page de la section Typographie.
  • Les titres des pages ont une taille fixe sur les navigateurs de petite taille.
  • Pour utiliser un autre texte dans les résultats de recherche, ajoutez un titre et une description SEO.

Pour masquer le texte sur toutes les pages, sélectionnez l’ajustement Masquer la bannière de page. Vous pouvez également supprimer les descriptions de chaque page dans les paramètres de la page.

Pages Blog

Dans Montauk, les pages Blog s’affichent sous forme de liste dans laquelle les billets sont empilés verticalement. La miniature de page crée une image de bannière.

  • La date et le nom de l’auteur sont affichés au-dessus de chaque billet. D’autres métadonnées sont affichées en dessous.
  • Les pages Blog prennent en charge une barre latérale, une bannière et un pied de page spécifique à la page.
  • Les extraits affichent des liens En savoir plus et des blocs Promotion, Image, Galerie ou Vidéo.
  • Les miniatures des billets ne s’affichent pas.
  • Chaque billet de blog est doté d’une navigation vers les billets précédents et suivants en dessous des commentaires.

montauk-blog-page.png

Personnaliser le style des pages Blog

Changez les couleurs du titre, du texte et des métadonnées du billet à l’aide des ajustements Couleur du titre 1, Couleur du texte et Couleur des métadonnées du blog de la section Couleurs.

Dans la section Styles du blog :

  • Indiquez si le nom de l’auteur doit être affiché à l’aide de l’ajustement Masquer l’auteur de l’article.
  • Modifiez l’espacement entre les billets à l’aide de l’ajustement Espacement des billets de blog.
  • Changez la police du titre à l’aide de l’ajustement Titre du billet de blog.

Barre latérale dans le blog

Une barre latérale s’affiche sur les pages de destination et sur les billets de blog. Vous pouvez la personnaliser en utilisant des blocs. Si votre site comporte plusieurs blogs, la même barre latérale est affichée sur chacun d’entre eux. La barre latérale défile vers le haut en même temps que la page.

Dans la section Styles du blog :

  • Activez la barre latérale et choisissez où elle doit être affichée à l’aide de l’ajustement Disposition du blog.
  • Pour masquer la barre latérale, sélectionnez Disposition du blog : Centre.
  • Définissez la taille de la barre latérale à l’aide de l’ajustement Largeur de la barre latérale du blog.
Astuce : si votre barre latérale est vide lorsque vous l’activez pour la première fois, quittez Styles du site, survolez la partie supérieure de la page Blog et cliquez sur l’annotation Contenu de la barre latérale > Modifier.

Pages Galerie

Dans Montauk, les pages Galerie empilent les images et les vidéos à la verticale. Le titre et la description de la page sont affichés sur un côté et les images sur l’autre.

  • Inversez la disposition à l’aide de l’ajustement Disposition du projet dans la section Styles de l’index.
  • Changez la taille de l’image en modifiant l’ajustement Largeur de la barre latérale de l’index dans la section Styles de l’index.

montauk-gallery.png

Texte de la galerie

Pour les titres et descriptions de page :

  • Définissez la police du titre à l’aide de l’ajustement Titres miniatures de l’index dans la section Styles de l’index.
  • Modifiez la taille du titre à l’aide de l’ajustement Titre 2 dans la section Typographie.
  • Le texte de la description suit l’ajustement Corps de texte.
  • Pour utiliser un autre texte dans les résultats de recherche, ajoutez un titre et une description SEO.
  • Pour masquer le texte, supprimez le titre ou la description dans les paramètres de la page. Si vous faites cela, ajoutez un titre et une description SEO. Ces derniers n’apparaîtront pas sur votre site, mais ils seront utiles pour le SEO.

Le titre et la description des images s’affichent sous chaque image.

  • Le texte suit l’ajustement Corps de texte.
  • Le titre des images est toujours en gras.
  • Pour masquer le texte, supprimez le titre ou la description dans l’éditeur d’image.

Remarques concernant les pages Galerie

Pages d’index

Les pages d’index Montauk créent des grilles de miniatures qui permettent aux visiteurs de découvrir différentes pages.

montauk-index.png

Pages prises en charge

Vous pouvez ajouter les pages suivantes à un index :

  • Pages Disposition
  • Pages Galerie
  • Pages Blog
  • Event Pages
  • Pages Produits
  • Pages Album

Personnaliser le style de l’index

Utilisez la section Styles de l’index pour personnaliser le style des pages d’index. Par exemple :

  • Définissez la couleur du titre de la page à l’aide de l’ajustement Couleur du titre miniature de l’index.
  • Choisissez le nombre de miniatures à afficher horizontalement à l’aide de l’ajustement Miniatures par ligne.
  • Définissez la hauteur des images miniatures à l’aide de l’ajustement Ratio des miniatures.
  • Choisissez la quantité de couleur d’arrière-plan qui doit être visible à l’aide de l’ajustement Opacité de la miniature.
  • À l’aide de l’ajustement Opacité de la miniature au survol, choisissez dans quelle mesure la miniature s’estompe lorsqu’un visiteur la survole.

Pages Galerie et Disposition dans les index

Les pages Galerie et Disposition ouvertes à partir d’un index ont une mise en forme spéciale :

  • La partie supérieure de la page s’affiche sur la partie supérieure du navigateur. Les visiteurs peuvent faire défiler l’écran vers le haut pour voir l’en-tête du site.
  • Les miniatures cliquables des autres pages de l’index s’affichent sous le contenu de la page, avec les éléments de navigation.
  • Les bannières ne s’affichent pas sur les pages Disposition. Si la page d’index comporte une bannière, celle-ci s’affiche. Dans le cas contraire, il n’y a pas de bannière.
  • L’URL contient un hashtag (#). La mise en forme spéciale ne s’affiche pas si l’URL de la page ne comporte pas de #.

Page titles and descriptions

Le titre et la description des pages peuvent s’afficher :

Icônes sociales

Le pied de page d’information comporte des icônes sociales intégrées facultatives.

Astuce : dans le pied de page inférieur, le contenu de démonstration Montauk comprend un bloc Liens sociaux que vous pouvez supprimer.

Fonts

Pour le texte sur votre site :

  • Modifiez les polices et les tailles à l’aide des ajustements de la section Typographie.
  • Modifiez les couleurs à l’aide des ajustements de la section Couleurs.

Sidebar

Montauk dispose d’une barre latérale sur les pages Blog et les billets de blog.

Mobile

Grâce au design adaptatif intégré de Squarespace, votre site bénéficie d’un affichage optimal quel que soit l’appareil.

  • La navigation s’affiche sous forme d’un lien Menu situé en haut au centre.
  • Le lien Menu s’affiche toujours sur les appareils mobiles, même lorsque la navigation supérieure est vide.
  • L’arrière-plan du menu correspond à l’Arrière-plan de la zone de contenu dans la section Couleurs.
  • Les images de galerie sont empilées en dessous de la description de la page.
  • Vous pouvez désactiver les styles mobiles, mais nous vous déconseillons de le faire.

L’apparence des bannières peut être différente sur les appareils mobiles :

  • Les descriptions de page ne s’affichent pas sur les smartphones et dans les navigateurs dont la largeur est inférieure à 767 pixels.
  • Il arrive parfois que les bannières vidéo ne s'affichent pas sur appareil mobile, en fonction de la vitesse de connexion et de la version du navigateur utilisé par les visiteurs. Définissez une image de remplacement pour appareil mobile, qui apparaîtra lorsqu'une bannière vidéo ne peut être chargée.
  • Découvrez nos conseils pour résoudre les problèmes liés aux bannières mobiles et au recadrage des images d’arrière-plan.

montauk-mobile.png

Options de langue

Dans cette famille, les templates Julia, Kent et Om prennent en charge deux options de langue : 

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 47 sur 92
Famille de templates Montauk