Comment pouvons-nous vous aider ?

Bien que memboGo offre plusieurs templates pour votre site, il est également possible, avec un minimum de connaissances techniques, de le personnaliser complètement à votre image. 

Avant de commencer l'habillage, il est conseillé de choisir une template qui se rapproche le plus du style désiré, ou le gabarit vierge qui est épuré, et de placer vos différents éléments.

Page maîtresse

Les pages maîtresses servent de gabarit pour le contenu qui est commun à toutes vos pages. La majorité du temps, l’entête et le pied de page se retrouveront dans une page maîtresse avec des lignes vides pour le contenu personnalisé des différentes pages.
Les lignes sans contenu ou vides ne seront pas générées sur le site, peu importe si elles proviennent d’une page maîtresse ou d’une page régulière. Vous pouvez donc prévoir plusieurs sections à personnaliser selon vos besoins.

Il est possible de créer plusieurs pages maîtresses, afin de créer différentes mises en page.



Pour faciliter l'habillage de votre site, vous pouvez ajouter des classes (séparées par un espace) sur la page maîtresse. Celles-ci apparaîtront sur le <body> de chaque page créée à partir de la page maîtresse. Le champ se trouve dans la section Détails de la page maîtresse. Ce champ est également disponible sur les pages individuelles, afin de créer un style unique pour une page précise.

Organiser les lignes de sa page maîtresse

Pour un ciblage efficace des lignes de votre page maîtresse, pensez à rajouter une classe qui définit chaque ligne. Par défaut, chaque ligne contient déjà la classe line. Dans l’exemple suivant, nous avons défini chaque classe de ligne avec le préfixe “line-”. Ceci permet de cibler une ligne sans entrer en conflit avec des classes qui peuvent potentiellement exister ailleur dans le code, tels que : logo, content et footer.



Pour ajouter une classe, dans l’interface de votre page maîtresse, survolez une ligne et cliquez sur Éditer le style de la ligne situé au coin supérieur droit de la ligne. Le champ Class CSS sera à votre disposition.

Fonctionnement du CSS

Pour habiller les éléments de base de vos pages, commencez tout d’abord par ajouter vos styles dans la section “Personnalisation -> Basique” de votre site web. Dans l’interface qui suit, vous verrez que vous avez accès au balises suivantes : body, h1, h2, h3, h4, lien en survol et actif, et les boutons.



Après l’habillage de base, vous avez aussi accès à la personnalisation avancée :



Cette zone de texte vous permet d’ajouter le CSS dans sa forme pure. Celle-ci sera générée en front à l’intérieur de balises <style>...</style>. À noter que ce css sera appelé en dernier sur la page, ce qui vous permettra de remplacer les styles par défaut avec les vôtres.

Il est possible d’afficher le fichier CSS par défaut du template de votre site à l’aide du lien situé au dessus de la zone de texte :



Veuillez noter que celui-ci n’est pas éditable, mais peut être utile pour prendre connaissance du style déjà existant de votre site web.

Retour au centre d'aide

memboGo Rocket Logo

Create your account today!

Manage your NPO more efficiently with our applications that can be fully synced and automated. A single application for easy and cost-effective management – Take flight with memboGo!

Create a free account
Infolettre - Newsletter