Le guide Dirassa+
Vitrines

L’apparence d’une section : ton, mises en page, espacement, affichage et verrou

Chaque section de votre page existe en plusieurs mises en page pour une même idée, et l’onglet « Apparence » est l’endroit où vous choisissez l’allure de cette section seule : son ton (son fond), sa mise en page, ses éléments et son espacement. Où elle s’affiche et son verrou sont dans ⋯ à côté de son nom. Les couleurs, les polices et la densité de la page sont dans « Identité », pour toutes les sections à la fois. Exemple : Lina, calligraphe, règle la page de son atelier « Le diwani ».

  • Environ 8 minutes
  • 8 étapes

Qui peut le faire: Avoir le droit « Modifier les vitrines ». Qui ouvre l’éditeur en lecture seule voit l’onglet sans pouvoir modifier.

En 8 étapes

  1. 1Choisissez une section : le panneau à côté de la page l’ouvre ; prenez l’onglet « Apparence », ou touchez le nom de la mise en page dans la barre au-dessus de la section.
  2. 2Le « Ton » d’abord : « Auto » ou ceux qui conviennent à la section. Une section à un seul ton n’a pas cette ligne.
  3. 3L’éditeur répartit les tons selon des règles ; un choix qui les brise est remplacé par l’automatique et « Prête à publier ? » vous prévient.
  4. 4Les mises en page sont dessinées avec vos textes et les gardent toutes ; la carte « Noqta choisit « … » pour cette section » propose celle que vos données appellent, avec « L’essayer ».
Tout afficher
  1. 5« Éléments de la section » affiche ou masque une partie, et l’espacement (Aucun · Serré · Normal) rapproche la section de ses voisines.
  2. 6« Où la section s’affiche-t-elle ? » dans ⋯ à côté de son nom : partout, sur ordinateur seulement, sur téléphone seulement ou masquée aux visiteurs.
  3. 7« Masquée aux visiteurs » la garde au brouillon, loin des visiteurs ; « Partout » la remet.
  4. 8« Verrouiller la section », dans le même ⋯, interdit de la modifier et de la supprimer tant qu’on ne déverrouille pas.

Avant de commencer

  • Une vitrine ouverte dans l’éditeur avec au moins une section. Ajoutez d’abord des sections avec « Ajouter une section ».
  • Le droit « Modifier les vitrines » dans votre rôle.
  • Les couleurs, les polices et la densité de la page se règlent dans « Identité », pas ici. Cet onglet ne concerne que la section choisie.
  1. Étape 1 sur 8

    Ouvrir l’onglet « Apparence » d’une section

    Choisissez une section : le panneau à côté de la page l’ouvre ; puis « Apparence » rassemble tout ce qui change l’allure de cette section seule.

    • Où l’ouvrir ?L’onglet « Apparence » du panneau, ou le nom de la mise en page dans la barre au-dessus de la section. Sur téléphone, l’onglet « Forme » de la feuille de la section.
    • Ce qu’il contientDans l’ordre : le ton, les mises en page, « Éléments de la section », « Réglages », l’espacement et « Sur téléphone ».
    • Peut-on annuler ?Chaque changement est une étape de l’historique, et ⌘Z le défait. Essayez sans crainte.

    AstuceChaque changement ici est une étape de l’historique : ⌘Z le défait, essayez sans crainte.

    Tous les détails

    Touchez une section sur la page ou dans « Sections » : le panneau à côté de la page l’ouvre avec deux onglets, « Contenu » et « Apparence ». Ouvrez « Apparence », ou touchez le nom de la mise en page dans la petite barre au-dessus de la section. Dans l’ordre : le ton (quand la section en a plusieurs), les mises en page, « Éléments de la section » et « Réglages » quand la mise en page en a, l’espacement, puis « Sur téléphone ». Où la section s’affiche et son verrou sont dans ⋯ à côté de son nom, pas ici. Sur téléphone, la feuille de la section a les mêmes deux onglets.

    À l’écranContenuApparenceÉléments de la sectionRéglagesSur téléphone
  2. Étape 2 sur 8

    Les dispositions : chacune dessinée avec vos textes, et celle que choisit Noqta

    Vous comparez les dispositions de la section dessinées avec votre propre contenu, et vous en changez sans perdre une lettre.

    • Mes textes se perdent ?Non. Les dispositions partagent les mêmes textes, et ce qu’une disposition n’utilise pas reste enregistré.
    • Quand Noqta propose ?Quand vos données appellent une disposition : couverture, votre photo, nombre de leçons, avis. « L’essayer » change, « Annuler » remet.
    • Ce que vous voyezChaque disposition en miniature, avec le contenu et le ton de votre section. Une section qui attend ses données montre ses dispositions avec un contenu d’exemple marqué « Exemple », ni enregistré ni vu des visiteurs.

    AstuceEnvie que toutes vos sections s’accordent avec votre thème ? Dans « Identité » › « Thème », le bouton « Appliquer les mises en page de « Nabd » » changent les dispositions de toutes les sections d’un coup, et s’annulent en une étape.

    Tous les détails

    Sous le ton, les mises en page en miniature, avec au-dessus « Dessinée avec les mots de cette section » : chacune est dessinée avec le contenu de votre section et son ton actuel : vous les comparez comme vous les verrez. Touchez-en une : elle s’applique aussitôt à la section, marquée d’un point à côté de son nom, et la page change devant vous ; avec les flèches du clavier vous passez de l’une à l’autre en les appliquant une à une. Comme les dispositions d’une même section partagent les mêmes textes, rien ne se perd. Certaines n’utilisent pas tous les champs (une image absente d’une disposition sans images) : le contenu reste enregistré et revient si vous retournez à une disposition qui l’utilise. Une section qui n’a qu’une disposition n’affiche pas ce groupe. Quand les données de votre page appellent une disposition précise, une carte apparaît au-dessus : « Noqta choisit « … » pour cette section », avec la raison dessous ; « L’essayer » change la disposition (« Annuler » la remet), et cette disposition porte dans la liste une pastille « Noqta ». Les règles ne viennent que des données : l’« Ouverture » en « Fiche » si le cours a une couverture et se vend par la feuille de commande, en « Partagé » avec une couverture seule, en « Déclaration » sans couverture ; « Avis sourcés » en « Note » quand les avis suffisent pour les cinq barres, en « Mur » dès 3 avis, en « Vitrine » pour un seul ; « Programme » en « Sommaire » dès 20 leçons, en « Chapitres » dès 3 chapitres avec des leçons ; « L'auteur » en « Profil » si votre photo existe, en « Lettre » sans photo ; « Ce que vous obtenez » en « Mosaïque » avec une couverture, en « Inventaire » sans ; « Questions » en « Avec contact » si un numéro WhatsApp est enregistré, en « Accordéon » sinon ; « Garantie » en « Trois assurances » avec WhatsApp, en « Déclaration » sinon ; « Le mot de la fin » en « Avec l'image » avec une couverture, en « Dalle sombre » sans ; « Séances en direct » en « Rendez-vous » pour une seule séance à venir, en « Cartes » de deux à quatre, en « Calendrier » dès cinq ; « Contact » en « Conversation » avec WhatsApp ; « Formulaire de commande » en « Avec le récapitulatif » avec une couverture ; « Chiffres réels » et « Le parcours » en « Cartes », « La valeur en chiffres » en « Ticket », « Vos objections » en « Dit et répondu ». Si la section a déjà cette disposition, une ligne discrète le dit : « C’est la disposition que Noqta choisit pour cette section », avec la raison. Et quand les données ne préfèrent aucune disposition, ou que la section attend ses données, rien ne s’affiche : c’est votre goût qui décide.

    À l’écranDessinée avec les mots de cette sectionNoqta choisit « … » pour cette sectionL’essayerNoqtaC’est la disposition que Noqta choisit pour cette section

    AttentionLes miniatures dessinent votre vrai contenu. Si la section attend ses données (avis, unités, photos…), chaque disposition s’affiche avec un contenu d’exemple marqué « Exemple » : ce n’est pas le vôtre et il n’apparaît pas sur votre page.

  3. Étape 3 sur 8

    Le ton : le fond de la section

    Vous choisissez quelles couleurs de l’« Identité » prennent le fond, le texte et le bouton de la section.

    • Quels choix ?« Auto », « Clair » et « Papier » pour toutes les sections, « Sombre » et « Votre couleur » pour certaines seulement.
    • À qui le sombre ?Aux sections de preuve : chiffres réels, l’auteur de l’offre, avis vérifiés, résultats en vidéo et le mot de la fin.
    • Ce qui ne change pasL’ouverture garde toujours un seul ton pour que le bouton d’achat reste clair : elle n’a pas de ligne de ton.

    AstuceLe mieux est de laisser « Auto » sur la plupart des sections : l’éditeur répartit les tons pour que la page se lise avec rythme. N’en changez qu’un pour mettre une section en avant.

    Tous les détails

    Le ton colore le fond, le texte et le bouton de la section ; ses couleurs viennent toutes de l’« Identité », pas d’ici. C’est la première chose d’« Apparence », sous « Les couleurs de votre identité » : « Auto » (avec dessous le ton que la section a vraiment pris), puis « Clair », « Papier », « Sombre » et « Votre couleur », chacun dessiné dans sa vraie couleur avec un « A » pour voir le texte. Sur une identité sombre, « Papier » devient « Anthracite ». Clair et Papier vont à toutes les sections. Sombre seulement aux sections de preuve : chiffres réels, l’auteur de l’offre, avis vérifiés, résultats en vidéo et le mot de la fin. « Votre couleur » au mot de la fin, à l’échéance et aux places. Seuls les tons qui conviennent à la section apparaissent. L’ouverture garde toujours un seul ton pour que le bouton d’achat reste clair, donc elle n’a pas cette ligne ; et les sections d’offre n’acceptent pas le sombre, le prix restant sur une carte claire.

    À l’écranLes couleurs de votre identitéAutoClairPapierSombreVotre couleurAnthracite
  4. Étape 4 sur 8

    Comment l’éditeur répartit les tons, et ce qui arrive si vous les enfreignez

    Le ton automatique fait passer n’importe quel mélange de sections pour l’œuvre d’un seul designer, et corrige le choix qui casse le rythme.

    • Combien de fois ?L’Inversé deux fois au plus, sur une page d’au moins 7 sections visibles, jamais côte à côte. L’Accent une seule fois.
    • Deux sections qui se suiventDu même groupe, elles gardent un même ton et se soudent en une bande, avec la moitié de l’espace.
    • Et si vous enfreignez ?Le ton automatique s’applique, et « Prête à publier ? » prévient en jaune, avec « Revenir au ton automatique ».

    AstuceVous avez ajouté une section d’avis et la voulez inversée sans que rien ne change ? La page a souvent moins de 7 sections visibles, ou une autre section inversée est proche. Ajoutez vos sections puis réessayez.

    Tous les détails

    Le ton automatique suit des règles fixes qui font passer n’importe quel mélange pour l’œuvre d’un seul designer : l’ouverture est toujours principale. Deux sections consécutives du même groupe (par exemple, toutes deux expliquent) gardent un même ton et se soudent en une bande avec la moitié de l’espace entre elles ; quand le groupe change, le ton alterne entre principal et doux. L’inversé apparaît deux fois au plus, seulement sur une page d’au moins 7 sections visibles, jamais à moins de deux sections d’écart avec un autre, et il est attribué automatiquement sur les thèmes clairs seulement. L’accent n’apparaît qu’une fois par page. Ces règles ne comptent que les sections visibles : une section masquée ne change rien à ses voisines. Si vous choisissez un ton qui les enfreint, par exemple inversé pour une section qui ne l’admet pas, sur une page courte, ou accent pour une seconde section, c’est le ton automatique qui s’applique à la place, et « Prête à publier ? » affiche un avertissement jaune « Le ton de la section « Questions fréquentes » casse le rythme de la page. » avec la raison, et un bouton « Revenir au ton automatique » qui le rétablit d’un geste.

    À l’écranLe ton de la section « … » casse le rythme de la page.Revenir au ton automatiquePrête à publier ?
  5. Étape 5 sur 8

    Les éléments et l’espacement de la section

    Vous affichez ou masquez une partie de la section, et la rapprochez de ses voisines quand elles se complètent.

    • « Éléments de la section »Des interrupteurs pour les parties facultatives de la mise en page : pastille, second bouton, image… Ils changent avec la mise en page.
    • L’espacement« Normal » comme le veut l’identité, « Serré » la moitié, « Aucun » rien. Le fond de la section reste entier.
    • Et le reste ?La densité de toute la page, les coins des cartes et des images et la forme des boutons sont dans « Identité » › « Détails ».

    AstuceDeux sections voisines du même ton se joignent d’elles-mêmes avec un demi-espace ; ne les serrez vous-même que si le vide reste grand.

    Tous les détails

    Sous les mises en page, « Éléments de la section » : un interrupteur pour chaque partie facultative de la mise en page choisie (pastille au-dessus du titre, second bouton, image, compte à rebours…). Les éléments changent d’une mise en page à l’autre, et le contenu reste enregistré quand vous en masquez un. Puis l’espacement : « Normal » est l’espace que décide la densité de la page dans « Identité », « Serré » la moitié, « Aucun » rien. Le fond de la section reste entier dans les trois cas ; seul change le vide au-dessus et en dessous, pour rapprocher deux sections d’une même idée (une question puis un bouton, par exemple). Vous le changez aussi en glissant la bande rayée sous la section choisie. La densité de toute la page, les coins des cartes et des images et la forme des boutons sont dans « Identité » › « Détails », pour toutes les sections à la fois. Si une section a déjà une apparence à elle (réglée par Noqta par exemple), vous lisez sous l’espacement « Cette section a une apparence à elle, hors identité : titre, cartes ou largeur » avec « Revenir à l’identité ».

    À l’écranÉléments de la sectionNormalSerréAucunIdentitéDétailsCette section a une apparence à elle, hors identité : titre, cartes ou largeurRevenir à l’identité
  6. Étape 6 sur 8

    Où la section s’affiche : partout ou sur un seul appareil

    Dans ⋯ à côté du nom de la section, vous choisissez où les visiteurs la voient, par exemple pour raccourcir la page sur téléphone.

    • Quatre choix« Partout », « Sur ordinateur seulement », « Sur téléphone seulement », « Masquée aux visiteurs ». Un seul choix, une seule étape d’annulation.
    • Comment le savoir ?Quand elle ne s’affiche pas partout, une ligne sous son nom le dit, et une marque dans « Sections ». Touchez la ligne pour changer.
    • L’ordre sur téléphonePour les dispositions à deux colonnes, inversez leur ordre sur téléphone depuis « Apparence ». Le texte reste le même.

    AstuceLina garde la section « Comparaison » sur ordinateur seulement parce qu’elle est large, puis vérifie avec le sélecteur « Appareil » de la barre du haut.

    Tous les détails

    Choisissez la section, puis touchez ⋯ à côté de son nom. En haut du menu, « Où la section s’affiche-t-elle ? » et quatre choix : « Partout », « Sur ordinateur seulement », « Sur téléphone seulement » et « Masquée aux visiteurs ». Vous gardez par exemple une section large sur ordinateur seulement, pour raccourcir la page sur téléphone. Quand elle ne s’affiche pas partout, une ligne sous son nom dit où elle s’affiche ; la toucher rouvre le même menu, et « Sections » la marque « Sur ordinateur seulement » ou « Sur téléphone seulement ». Sur téléphone, les mêmes choix sont dans ⋯ en haut de la feuille de la section. Pour les dispositions à deux colonnes (texte à côté d’une image), « Apparence » a l’interrupteur « Inverser l’ordre sur téléphone » : les deux colonnes échangent leur place quand elles s’empilent, le texte reste le même.

    À l’écranOù la section s’affiche-t-elle ?PartoutSur ordinateur seulementSur téléphone seulementMasquée aux visiteursApparenceInverser l’ordre sur téléphone
  7. Étape 7 sur 8

    Masquer la section sans la supprimer

    Vous retirez la section aux visiteurs tout en gardant ses textes et réglages au brouillon, jusqu’au jour où vous en avez besoin.

    • Qui la voit ?Aucun visiteur. Dans l’éditeur elle reste pâle, dans « Sections » aussi.
    • Comment la remettre ?Dans ⋯ à côté de son nom : « Partout ». Ou touchez la ligne sous son nom.
    • Ce qui changeUne section masquée n’est pas du tout envoyée aux visiteurs, et ne change pas le ton de ses voisines.

    AstucePréparez une section avant la saison de lancement (places limitées, offre spéciale) et gardez-la masquée, puis affichez-la le jour venu : rien à réécrire.

    Tous les détails

    Dans ⋯ à côté du nom de la section, choisissez « Masquée aux visiteurs ». Ce n’est pas supprimer : vos textes, dispositions et réglages restent tels quels, et la section disparaît de la page publiée. Dans l’éditeur elle reste visible mais pâle, avec sous son nom la ligne « Masquée aux visiteurs ». Pour la remettre, choisissez « Partout » dans le même menu, ou touchez la ligne sous son nom. Chaque choix est une seule étape d’« Annuler ».

    À l’écranMasquée aux visiteursPartout
  8. Étape 8 sur 8

    Verrouiller la section pour qu’elle ne change pas par erreur

    Vous protégez une section soigneusement rédigée, comme la garantie ou les moyens de paiement, d’une modification ou d’une suppression par erreur.

    • Ce qui est bloquéModifier son texte, son apparence et son ton, la supprimer, jusqu’à « Déverrouiller ».
    • Les visiteurs la voient ?Oui. Le verrou vous protège, vous et votre équipe ; il ne change rien à ce que voit le visiteur.
    • Où le trouver ?Dans ⋯ à côté du nom de la section, sur ordinateur et sur téléphone.

    AstuceLina verrouille la section « Garantie » après en avoir rédigé le texte avec son avocate : personne de son équipe ne la modifie par erreur.

    Tous les détails

    Dans ⋯ à côté du nom de la section, choisissez « Verrouiller la section ». Sous son nom apparaît la ligne « Verrouillée : son texte et son apparence ne changent pas tant qu’elle l’est » avec « Déverrouiller » à côté. Une section verrouillée ne voit modifier ni son texte, ni son apparence, ni son ton, et ne se supprime pas. Le verrou n’empêche pas les visiteurs de la voir, ni vous de la déverrouiller quand vous voulez : « Déverrouiller » sur la même ligne ou dans ⋯.

    À l’écranVerrouiller la sectionVerrouillée : son texte et son apparence ne changent pas tant qu’elle l’estDéverrouiller
Cette leçon vous a-t-elle aidé ?
Leçon suivanteImages, vidéos et animationsCommencer la leçon

Une fois la disposition réglée

Questions fréquentes

Changer la disposition modifie-t-il mes textes ?

Non. Toutes les dispositions d’une même section partagent les mêmes textes : vous changez et revenez sans perte. Si la nouvelle disposition n’utilise pas un champ, son contenu reste enregistré.

Pourquoi la carte « Noqta choisit » n’apparaît-elle pas sur ma section ?

Parce que Noqta ne propose une disposition que lorsque les données de votre page l’appellent : couverture, votre photo, nombre de leçons, avis vérifiés, numéro WhatsApp, dates à venir. Si les données ne préfèrent aucune disposition, ou si la section attend ses données, le choix revient à votre goût.

Pourquoi je ne trouve pas le ton « Inversé » ou « Accent » pour ma section ?

Parce que les tons s’affichent selon ce qui convient à la section : l’Inversé pour les sections de preuve (chiffres réels, l’auteur, avis sourcés, résultats en vidéo, le mot de la fin) mais pas pour les sections d’offre, l’Accent pour le mot de la fin et pour date et places, et l’ouverture est toujours en ton principal.

J’ai choisi un ton et il ne s’applique pas, pourquoi ?

L’éditeur respecte votre choix s’il n’enfreint pas les règles, sinon il applique le ton automatique. Raisons courantes : l’Inversé exige 7 sections visibles au moins et de l’écart avec un autre inversé, l’Accent n’apparaît qu’une fois. Dans « Prête à publier ? » vous trouvez l’avertissement « Le ton de la section casse le rythme de la page » et le bouton « Revenir au ton automatique ».

Que veulent dire « téléphone » et « ordinateur » dans la visibilité ?

Téléphone : la page fait moins de 640 pixels de large. Ordinateur : 640 pixels et plus, tablette comprise. Pour essayer, alternez « Appareil » dans la barre du haut.

Quelle différence entre masquer et supprimer une section ?

Une section masquée reste dans le brouillon avec ses textes et réglages et aucun visiteur ne la voit ; vous pouvez la réafficher à tout moment. Une section supprimée part, et ne revient qu’avec « Annuler » ou en restaurant une ancienne version depuis « Versions ».

Le verrou empêche-t-il les visiteurs de quoi que ce soit ?

Non. Le verrou vous protège, vous et votre équipe, d’une modification, d’un déplacement ou d’une suppression par erreur ; il n’a aucun rapport avec ce que voit le visiteur.

Où changer les couleurs de la section ?

Dans « Thème », pas dans « Disposition » : toutes les couleurs dérivent du thème, et le ton choisit lesquelles la section prend.

Pourquoi « Sur téléphone : l’image après le texte » n’apparaît-il pas dans ma section ?

Il n’apparaît que pour les dispositions à deux colonnes (texte à côté d’une image ou d’une carte). Essayez une disposition de ce type, ou gardez l’ordre choisi par la disposition.

Leçon précédenteAjouter une section et changer son ordre