DÉCOUVREZ DIRASSA+

Où commence votre histoire ?

User guideEvery page explained step by step, in motionDirassa StudioEnregistrer · Monter · PublierBlogQuestions
Langue
العربيةFrançaisEnglish
Créer ma plateforme

Déjà un compte ?Se connecter

Pensée pour les enseignants et écoles d’Algérie
Le guide Dirassa+
Vitrines

Le thème : une belle page sans être graphiste

Un thème n’est pas qu’une couleur : polices, couleurs, coins, boutons, mouvement et mises en page des sections pensés ensemble, en arabe, en français et en anglais. Vous en choisissez un parmi dix, puis vous le personnalisez avec votre couleur et votre police, sans pouvoir le casser : chaque option est sûre et les couleurs s’ajustent pour que le texte reste lisible. Notre exemple : Meriem, coach de fitness à domicile, passe sa page de « Midad » à « Nabd » en gardant son vert bleuté.

  • Deux à cinq minutes
  • 8 étapes

Qui peut le faire: Toute personne ayant « Modifier les vitrines ».

Laissez Noqta vous montrerOuvrir dans l’espace

En 8 étapes

  1. 1Ouvrez « Thème » : dix cartes, chacune montre l’ouverture de votre propre page ; toucher une carte remet chaque réglage au dessin du thème.
  2. 2« Garder ma couleur » avant de toucher une carte, ou choisissez la « Couleur de marque » ou « Utiliser la couleur de mon espace » : sa nuance est ajustée pour rester lisible.
  3. 3Réglez le « Surligneur », les « Gris » et le « Fond » clair ou sombre.
  4. 4Choisissez les « Polices » parmi trois paires, puis les « Coins », la « Densité » et les « Boutons ».
Tout afficher
  1. 5« Apparition », « Animation du bouton d’achat » et « Ornements du thème », avec « Comme conçu » à côté de chaque groupe.
  2. 6« Mises en page du thème » donne aux sections non verrouillées les dispositions du thème, en une seule étape à annuler.
  3. 7Le « Ton » d’une section : « Automatique » suffit souvent, et certaines sections ont des tons limités.
  4. 8Essayez sans crainte : « Avant un changement de thème » dans « Versions », « Annuler », et rien n’arrive aux visiteurs avant la publication.

Avant de commencer

  • Une vitrine ouverte dans l’éditeur : « Identité » dans la barre du bas sur téléphone, ou « Identité » dans le panneau « Sections » sur ordinateur.
  • Votre couleur de marque si vous en avez une : son code comme ‎#0e7c66‎, ou la couleur de votre espace enregistrée dans les réglages du site.
  • Une photo nette dans l’« Ouverture » : les cartes l’affichent dans chaque thème.
  1. Étape 2 sur 8

    Votre couleur : « Garder ma couleur » et la « Couleur de marque »

    Vous gardez votre couleur de marque dans n’importe quel thème ; la plateforme ajuste sa nuance pour que texte et bouton d’achat restent lisibles.

    • « Garder ma couleur »Activez-le avant de toucher une carte : polices et formes changent, votre couleur reste.
    • D’où vient la couleur ?Douze couleurs nommées, votre « Code couleur », ou « Utiliser la couleur de mon espace » depuis vos réglages de site.
    • Une couleur très claire ?Pas de texte blanc dessus : le thème assombrit le texte du bouton et vous le dit, pour que le bouton d’achat se lise.

    AstuceCode incorrect ? Le panneau indique « Tapez un code comme #1f53b8 ». Copiez le code depuis votre logo ou vos réglages de site.

    Tous les détails

    Quand votre couleur diffère de celle du thème, « Garder ma couleur » apparaît au-dessus des cartes (« Les polices et les formes changent, votre couleur reste. ») : activez-le avant de toucher une carte pour garder vos couleurs. Dans l’onglet « Couleurs », choisissez la « Couleur de marque » (« Choisissez n’importe quelle couleur. Nous ajustons sa nuance pour que le texte reste lisible. ») parmi douze couleurs nommées (Rouge relieur, Orange Dirassa, Vert horizon, Bleu encre…), ou une « Couleur personnalisée » en tapant le « Code couleur », ou « Utiliser la couleur de mon espace » si vos réglages de site en ont une autre. Sous le champ, « Votre couleur » et à côté ce qui s’affichera vraiment : « Affichée telle quelle » ou « Affichée ainsi pour que le texte se lise bien », puis quatre carrés aux quatre tons pour voir la lettre et le bouton sur chaque fond.

    À l’écranGarder ma couleurPersonnaliserCouleursCouleur de marqueCouleur personnaliséeCode couleurUtiliser la couleur de mon espaceVotre couleurAffichée telle quelleAffichée ainsi pour que le texte se lise bien

    AttentionSur une couleur très claire (Jaune soleil par exemple), on n’écrit pas en blanc : le thème assombrit le texte du bouton et vous le dit. C’est voulu, pour que le bouton d’achat se lise.

  2. Étape 3 sur 8

    Surligneur, gris et fond

    Vous réglez la couleur des mots surlignés, la teinte des gris et un fond clair ou sombre ; le panneau prévient si la lecture devient difficile.

    • Le « Surligneur »« Aucun », « De votre couleur », ou huit teintes, du Safran à la Pistache.
    • Clair ou sombre ?Le sombre va à la photo et au montage, le clair à la plupart des cours.
    • Pour revenir« Comme conçu » remet surligneur, gris et fond, sans toucher à votre couleur.
    Tous les détails

    Le « Surligneur » colore les mots que vous surlignez dans vos textes : « Aucun », « De votre couleur », ou huit teintes : Safran, Or, Abricot, Rose, Lavande, Ciel, Menthe, Pistache ; « Actuel : » montre votre choix. Les « Gris » : « Neutres », « De votre couleur », « Chauds » ou « Froids ». Le « Fond » : « Clair » ou « Sombre » (« Le sombre va bien à la photo et au montage. Le clair va bien à la plupart des cours. »). Si quelque chose devient difficile à lire, le panneau le dit clairement, par exemple « Le texte est difficile à lire dans le ton Inversé. » ou « Le surlignage couvre le texte dans le ton Inversé. ». « Comme conçu » à côté de « Couleurs » remet surligneur, gris et fond, sans toucher à votre couleur.

    À l’écranSurligneurAucunDe votre couleurActuel :GrisNeutresChaudsFroidsFondClairSombreComme conçu
  3. Étape 4 sur 8

    Polices et formes

    Vous choisissez une paire de polices, des coins, une densité et des boutons qui vont avec votre thème, chaque option vue avant d’être touchée.

    • Les « Polices »Trois paires par thème, une police de titre et une de texte, mesurées pour garder la page légère sur téléphone.
    • Les « Formes »Les coins de « Nets » à « Pilule », la densité, et les boutons : « Plein », « Tactile », « Flèche » ou « Encadré ».
    • Votre propre police ?Impossible à envoyer : les paires sont choisies pour que l’arabe et le français s’affichent juste.

    AstuceImpossible d’envoyer votre propre police : les paires sont choisies pour que l’arabe et le français s’affichent juste et que la page reste légère.

    Tous les détails

    Les « Polices » (« Trois paires qui vont avec ce thème. ») : chaque thème a trois paires, une police de titre et une de texte, la première étant « Polices du thème » et les deux autres « Comme … » des thèmes voisins ; sous chaque paire, le nom des deux polices (pour « Nabd » : Lalezar · Almarai). Toutes sont mesurées pour garder la page légère sur téléphone. « Formes » : « Coins » « Nets », « Adoucis », « Souples », « Ronds », « Pilule » ; « Densité » « Serrée », « Normale » ou « Aérée » ; « Boutons » « Plein », « Tactile » (avec une ombre dessous), « Flèche » ou « Encadré ». Chaque option a son petit aperçu avant que vous la touchiez.

    À l’écranPolicesTrois paires qui vont avec ce thème.Polices du thèmeFormesCoinsNetsAdoucisSouplesRondsPiluleDensitéSerréeNormaleAéréeBoutonsPleinTactileFlècheEncadré
  4. Étape 5 sur 8

    Mouvement : apparition, bouton d’achat, ornements

    Vous décidez combien la page bouge au défilement, si le bouton d’achat attire l’œil, et si les ornements du thème s’affichent.

    • L’« Apparition »« Aucune », « Calme » ou « Vive ». Le premier écran ne bouge jamais, pour s’ouvrir vite.
    • Le bouton d’achat« Aucune », « Pulsation » ou « Reflet ». Démarre sur « Aucune », désactivée tant que l’« Apparition » est sur « Aucune ».
    • Les « Ornements »Un interrupteur, avec l’ornement de votre thème décrit dessous, comme la ligne de points dorés de « Mishkat ».

    AstuceL’« Animation du bouton d’achat » démarre sur « Aucune » dans tous les thèmes. Essayez « Pulsation » sur une page courte où le bouton est l’essentiel ; laissez « Aucune » sur une longue page de lecture.

    Tous les détails

    Dans « Mouvement » : l’« Apparition » des sections au défilement, « Aucune », « Calme » ou « Vive » ; « Le premier écran ne bouge jamais, pour que la page s’ouvre vite. » Puis l’« Animation du bouton d’achat » : « Aucune », « Pulsation » ou « Reflet » (« Attire l’œil sur le bouton sans gêner la lecture. »), désactivée tant que l’« Apparition » est sur « Aucune », et arrêtée sur les téléphones qui réduisent les animations. Enfin « Ornements du thème » : un interrupteur, avec sous lui l’ornement de ce thème, comme « Barre de pouls au-dessus des titres, grands chiffres » pour « Nabd » ou « Une ligne de points dorés au-dessus des titres et sous les chiffres, papier crème et encre verte » pour « Mishkat ». « Comme conçu » à côté de « Mouvement » remet les trois.

    À l’écranMouvementApparitionCalmeViveAnimation du bouton d’achatPulsationRefletOrnements du thèmeComme conçu
  5. Étape 6 sur 8

    « Mises en page du thème » : les mêmes sections, une autre allure

    Vous donnez à vos sections les dispositions de votre thème d’un coup, et laissez Noqta régler le rythme de la page ; les deux s’annulent en une étape.

    • « Mises en page du thème »Un bouton donne à chaque section non verrouillée la disposition du thème : l’« Ouverture » en affiche avec « Nabd », les prix en tableau avec « Satr ».
    • Ce qui ne change pasLes sections verrouillées, et les dispositions porteuses de sens : billet d’un direct, horaire d’une séance unique, programme hebdomadaire d’une cohorte.
    • Le rythme de Noqta« Laisser Noqta régler le rythme de la page » ne change que quatre réglages de la « Mise en scène », ni vos textes ni vos dispositions.

    AstuceUne section dont vous aimez la disposition ? Verrouillez-la d’abord (« Verrouiller la section » dans l’onglet « Disposition ») : les sections verrouillées ne changent pas.

    Tous les détails

    « Mises en page du thème » (« Chaque thème a ses mises en page, pas seulement ses polices et couleurs : ouverture en affiche ou en déclaration, offre en reçu ou en carte… »). Le bouton dessous porte le nom de votre thème, comme « Appliquer les mises en page de « Nabd » » : il donne à chaque section non verrouillée la disposition de ce thème. L’« Ouverture » devient une affiche avec « Nabd », les prix un tableau avec « Satr », et la page se termine sur une lettre signée avec « Mishkat ». Une ligne dit ensuite ce qui s’est passé : « 5 sections ont changé de mise en page. Annulez en une étape si besoin. » ou « Vos sections suivent déjà ce thème. ». Certaines dispositions portent un sens et ne sont jamais remplacées : le billet d’un direct, le bandeau fin au-dessus de l’ouverture d’un direct, l’horaire d’une séance unique, le programme hebdomadaire d’une cohorte. Viennent ensuite deux lignes de Noqta, expliquées dans la leçon « Noqta conçoit et relit » : « Laisser Noqta concevoir la page » (« Elle propose les sections d’après votre cours, vous choisissez, elle choisit dispositions et rythme. ») et « Relire en visiteur » (« Les questions de l’acheteur avant de payer : celles auxquelles la page répond, celles qui manquent, avec un correctif en un geste. »). Puis le bouton « Laisser Noqta régler le rythme de la page » : une seule étape que vous pouvez annuler, qui ne touche ni vos textes ni vos dispositions, seulement quatre réglages de la « Mise en scène » de chaque section (présence, densité, cartes, largeur). Le titre de la section d’offre (ou du « Formulaire de commande » s’il est sur la page) passe en fort, les bandeaux fins deviennent serrés (« Bandeau d’annonce », bandeau de date, bandes de logos, « Appel à l’action » sur une ligne…), « Le mot de la fin » prend plus d’air, la seconde de deux grilles de cartes consécutives passe à plat, et « Questions », « Vos objections », le texte et la déclaration de garantie passent en largeur de lecture. Vos choix d’en-tête, de mot coloré et d’images restent tels quels, et les sections verrouillées ou masquées ne changent pas ; sur les autres, ces quatre réglages prennent la décision de Noqta. Une ligne dit ensuite ce qui a été fait, par exemple « Noqta a réglé 4 sections : … », ou « Le rythme de votre page est déjà réglé. ».

    À l’écranMises en page du thèmeVos sections suivent déjà ce thème.Laisser Noqta concevoir la pageRelire en visiteurLaisser Noqta régler le rythme de la pageLe rythme de votre page est déjà réglé.
  6. Étape 7 sur 8

    Le « Ton » : le fond de chaque section

    Vous choisissez quelles couleurs de votre identité prend le fond de chaque section, et l’éditeur les ordonne pour que la page se lise avec rythme.

    • Où le changer ?Choisissez la section puis l’onglet « Apparence » : le ton vient en premier, sur ordinateur comme sur téléphone.
    • Les règlesL’ouverture garde toujours un seul ton. « Sombre » deux fois au plus sur une page de sept sections, « Votre couleur » une seule fois.
    • Rythme brisé ?« Prête à publier ? » vous propose de laisser le ton automatique.

    AstuceRéservez « Votre couleur » à une section qui le mérite, comme le mot de la fin : répété, il perd son effet, c’est pourquoi la page ne l’autorise qu’une fois.

    Tous les détails

    Chaque section prend un ton parmi les couleurs de votre identité : « Clair », « Papier », « Sombre » et « Votre couleur » (sur une identité sombre, « Papier » devient « Anthracite »). Choisissez la section puis l’onglet « Apparence » : le ton vient en premier, sur ordinateur comme sur téléphone. « Auto » ordonne les tons pour que le rythme de la page alterne, et c’est souvent le meilleur choix. Le rythme a ses règles : l’ouverture garde toujours un seul ton pour que son bouton ressorte, elle n’a donc pas de ligne de ton ; « Sombre » deux fois au plus, sur une page de sept sections ou plus, et seulement sur les chiffres, les avis, l’auteur de l’offre et le mot de la fin ; « Votre couleur » une seule fois ; les sections d’offre ne sont jamais sombres. Chaque section ne montre donc que ce qui lui convient. Si vous choisissez un ton qui brise le rythme, « Prête à publier ? » vous propose de le laisser automatique.

    À l’écranApparenceAutoClairPapierSombreVotre couleurAnthracite
  7. Étape 8 sur 8

    Essayez sans crainte

    Essayez les thèmes à volonté : tout s’annule, et les visiteurs ne voient rien avant la publication.

    • Une version avantLe premier changement d’apparence garde « Avant un changement de thème » dans « Versions », et « Annuler » défait la dernière étape.
    • Comment vérifier ?Alternez « Téléphone » et « Ordinateur » en haut de l’éditeur, ou ouvrez « Aperçu ».
    • Cette vitrine seulementLe thème ne passe pas à vos autres vitrines : choisissez-le dans chacune.
    Tous les détails

    Le premier changement d’apparence garde une version nommée « Avant un changement de thème » dans « Versions » (puis une toutes les dix minutes au plus), « Annuler » défait la dernière étape, et les « Mises en page du thème » s’annulent en une seule fois. Regardez le résultat avec « Téléphone » et « Ordinateur » en haut de l’éditeur, ou avec « Aperçu ». Vos visiteurs ne voient pas le nouveau thème avant la publication. En bas du panneau, « Appliquer à toutes mes vitrines » est désactivé, avec : « Bientôt : un seul thème pour toutes vos vitrines d’un coup. Pour l’instant, le thème est gardé pour cette vitrine seulement. »

    À l’écranAvant un changement de thèmeVersionsAnnulerTéléphoneOrdinateurAperçuAppliquer à toutes mes vitrines

    AttentionLe thème est gardé pour cette vitrine seulement : pour une autre vitrine au même thème, choisissez-le dans celle-ci.

Cette leçon vous a-t-elle aidé ?
Leçon suivanteRéglages de la pageCommencer la leçon

Après le thème

Questions fréquentes

Pourquoi ma couleur a-t-elle un peu changé ?

Parce que le texte posé dessus aurait été difficile à lire. Sa nuance est ajustée, le panneau l’indique (« Affichée ainsi pour que le texte se lise bien »), et votre couleur d’origine reste dans le champ telle que vous l’avez tapée.

J’ai touché un thème et perdu ma couleur : que faire ?

Touchez « Annuler », ou choisissez à nouveau votre couleur dans « Couleur de marque ». Avant d’essayer les cartes, activez « Garder ma couleur » : il apparaît au-dessus d’elles quand votre couleur diffère de celle du thème.

Puis-je envoyer ma propre police ?

Non. Chaque thème a trois paires choisies et mesurées pour que la page reste légère sur téléphone et que l’arabe et le français s’affichent juste.

Le thème change-t-il tout de suite pour mes visiteurs ?

Non. Il s’affiche aussitôt dans l’éditeur, et arrive chez les visiteurs à la publication.

Le bouton « Mises en page du thème » change-t-il mes textes ?

Non. Chaque disposition garde vos textes ; le bouton ne change que l’allure des sections non verrouillées, et tout s’annule en une seule étape.

Un thème sombre convient-il au téléphone ?

Oui, et chaque thème est vérifié pour la lisibilité dans ses quatre tons. « Laqta » et « Waqar » sont sombres par dessin, et n’importe quel thème peut le devenir avec le « Fond ».

L’« Animation du bouton d’achat » gêne-t-elle les visiteurs ?

Elle est légère, s’arrête sur les téléphones qui réduisent les animations et ne fonctionne pas si l’« Apparition » est sur « Aucune ». Essayez-la dans l’aperçu avant de publier.

Puis-je appliquer un thème à toutes mes vitrines d’un coup ?

Pas encore. « Appliquer à toutes mes vitrines » arrive ; pour l’instant le thème est gardé pour chaque vitrine séparément.

Leçon précédenteImages, vidéos et animations