Tilefolio Aide English S'abonner

Aide

Régler l'apparence du site

Logo, bannière, polices, couleurs, cadres, mise en page : tout se règle dans la fiche de votre site, sans toucher au contenu.

Sur l'accueil de l'administration, cliquez sur Modifier mon site, faites vos réglages, puis Enregistrer. Rechargez votre site pour voir le résultat. Le fond du site est noir : les réglages ci-dessous s'y appliquent.

L'en-tête du site d'exemple avec sa bannière, son logo et son sous-titre
Le site d'exemple : bannière, logo, sous-titre sur deux lignes, couleur des liens.

Titre, logo, bannière

title
le nom du site : en haut à gauche s'il n'y a pas de logo, dans l'onglet du navigateur et dans les aperçus de partage ;
subtitle et subtitle_line2
une ou deux lignes sous le nom (sur ordinateur), par exemple votre discipline et votre ville. subtitle sert aussi de description du site pour les moteurs de recherche ;
logo et logo_height
une image à la place du nom (PNG à fond transparent de préférence, en clair : le fond est sombre), et sa hauteur en pixels (10 à 300, 40 par défaut) ;
banner et header_height
l'image de fond de l'en-tête, recadrée pour remplir la largeur : choisissez une image large (par exemple 2400 × 500 pixels) sans détail important sur les bords. header_height règle la hauteur de l'en-tête (40 à 400 pixels, 92 par défaut) ;
favicon
la petite icône de l'onglet du navigateur et de l'écran d'accueil des téléphones : une image carrée, PNG, d'au moins 180 × 180 pixels.
Les champs title, banner, subtitle et logo dans la fiche du site
Titre, bannière, sous-titre et logo.

Polices

font_title (titres, menus, titres des tuiles) et font_text (tout le reste) proposent : Serif (classique, à empattements, par défaut pour les titres) et Sans_serif (moderne, sans empattements, par défaut pour le texte), les polices de l'appareil du visiteur, comme sur tilefolio.com, qui s'affichent sans rien télécharger ; Augustus (capitales à l'antique), Times, Abel (fine et droite), Roboto (moderne, très lisible) et Crimson_Text (classique, pour les longs textes).

Couleurs, cadres, espacements

Les couleurs s'écrivent en code hexadécimal, avec le dièse : #e07a5f (un sélecteur de couleur en ligne vous donne ce code).

link_color
la couleur des liens dans vos textes (bleu par défaut) ;
link_color_everywhere
Activé : cette couleur s'applique aussi aux liens sur fond sombre (sauf le menu) ;
image_border et image_border_color
le cadre autour des tuiles (activé par défaut, gris très clair) et sa couleur ;
paragraph_margin
l'espace au-dessus et au-dessous des paragraphes, en pixels (0 à 60, 5 par défaut) ;
text_justify
Activé : les paragraphes sont justifiés.

Mise en page

category_break
Activé (par défaut) : les tuiles sont groupées par année ou par thème, avec un sous-menu pour y sauter. Désactivé : une seule mosaïque continue ;
headers_as_tile
Activé : le titre de chaque groupe (l'année, le thème) apparaît comme une tuile dans la mosaïque ;
media_enabled
affiche le menu Media ;
newsletter_enabled
affiche l'inscription à la newsletter sur la page Contact ;
support_enabled
affiche la partie Soutenir sur la page Contact (voir les textes).

Ignorez le champ bg, qui n'est pas utilisé.

Les réglages de polices, hauteurs, couleurs, cadres et mise en page dans la fiche du site
Les réglages d'apparence.

Sur téléphone

Le site s'adapte seul aux petits écrans : les tuiles passent sur une colonne et le menu se replie sous l'icône ☰. Vérifiez quand même votre bannière et votre logo sur un téléphone.

La page d'accueil du site sur un téléphone
Le site d'exemple sur un téléphone.