Passer au contenu principal

Options de design avancees

Apprends a utiliser les fonctionnalites avancees comme le mode design simplifie, les superpositions d'en-tete et le CSS personnalise pour un controle total du design.

Écrit par Brian
Mis à jour aujourd’hui

Options de design avancees

Apprends a utiliser les fonctionnalites avancees comme le mode design simplifie, les superpositions d'en-tete et le CSS personnalise pour un controle total du design.

Tu veux plus de controle sur l'apparence de ton site ? WedSites offre des options de design avancees comme le mode design simplifie, les effets de superposition d'en-tete et le CSS personnalise pour les utilisateurs avances !

Ce qui est disponible

Design simplifie : Supprime les textures de fond par defaut pour un look plus propre.

Superposer l'image avec du texte blanc : Change la couleur du texte en blanc et le superpose sur ton image de fond d'en-tete pour une meilleure lisibilite.

CSS personnalise : Ajoute ton propre code CSS pour un controle total du design.

Toutes ces options sont dans Parametres du site > onglet Design !

Design simplifie

Ceci supprime les textures de fond de ton theme pour un look plus propre et minimal.

Comment activer :
1. Va dans Parametres du site > onglet Design
2. Trouve la section Design simplifie (pres du haut, sous l'apercu du theme)
3. Active l'interrupteur
4. Clique sur Enregistrer les modifications en bas

Quand l'utiliser :
- Tu veux un look minimal et moderne
- Ton theme a des textures de fond chargees
- Tu preferes les designs propres aux decoratifs
- Tes photos sont la star et tu ne veux pas de motifs concurrents

Superposer l'image avec du texte blanc

Change la couleur du texte de ton en-tete en blanc et le superpose sur l'image de fond de l'en-tete, rendant le texte plus facile a lire sur les images sombres ou chargees.

Comment activer :
1. Va dans Parametres du site > onglet Design
2. Descends jusqu'a la section En-tete
3. Assure-toi d'avoir une image de fond d'en-tete telechargee
4. Trouve la case Superposer l'image avec du texte blanc
5. Coche la case
6. Clique sur Enregistrer les modifications en bas

Quand l'utiliser :
- Ton fond d'en-tete est sombre ou charge
- Le texte est difficile a lire sur ton image d'en-tete
- Tu veux un en-tete plus doux et plus elegant

CSS personnalise

Pour les utilisateurs avances qui connaissent le CSS, tu peux ajouter tes propres styles personnalises pour personnaliser completement ton site.

Comment ajouter du CSS personnalise :
1. Va dans Parametres du site > onglet Design
2. Descends en bas (sous la section en-tete)
3. Clique sur le lien Ajouter du CSS personnalise
4. Une zone de texte CSS personnalise apparait
5. Tape ou colle ton code CSS
6. Clique sur Enregistrer les modifications en bas

Comment supprimer le CSS personnalise :
1. Va dans Parametres du site > onglet Design
2. Descends jusqu'a la section CSS personnalise
3. Clique sur le lien Supprimer le CSS personnalise
4. La zone de texte disparait et ton CSS personnalise est supprime
5. Clique sur Enregistrer les modifications

Qui devrait utiliser le CSS personnalise :
- Developpeurs web ou designers
- Personnes a l'aise avec le code
- Utilisateurs avec des besoins de design specifiques non couverts par les options integrees

Qui devrait eviter le CSS personnalise :
- Utilisateurs non familiers avec le CSS
- N'importe qui voulant juste une personnalisation basique (utilise plutot les outils de couleur et police)
- Personnes inquietes de casser leur site

Conseils pour le CSS personnalise

Cible des elements specifiques :
Utilise des classes et IDs pour cibler uniquement ce que tu veux changer. Inspecte ton site pour trouver les bons selecteurs !

Teste bien :
Le CSS personnalise peut casser ton design si tu n'es pas prudent. Visite toujours ton site en ligne apres l'enregistrement pour t'assurer que tout est beau !

Commence petit :
Fais un changement a la fois et teste. Ne colle pas des centaines de lignes d'un coup.

Depannage du CSS personnalise

Le site a l'air casse :
Supprime ton CSS personnalise et recommence. Tu as probablement une erreur de syntaxe ou une regle en conflit.

Les changements n'apparaissent pas :
Assure-toi d'avoir clique sur Enregistrer les modifications. Essaie aussi de rafraichir fortement ton navigateur (Cmd+Shift+R sur Mac, Ctrl+Shift+R sur Windows).

Toujours bloque :
Supprime le CSS personnalise et utilise les outils de couleur et police integres a la place. Ils sont concus pour fonctionner parfaitement avec ton theme !

Revenir au design par defaut

Si tu as fait des changements avances et veux repartir de zero :

  1. Desactive l'interrupteur Design simplifie

  2. Decoche Superposer l'image avec du texte blanc si active

  3. Clique sur Supprimer le CSS personnalise si tu en as ajoute

  4. Clique sur Enregistrer les modifications

Tu retrouves l'apparence par defaut de ton theme !

Les options de design avancees te donnent un controle total sur l'apparence de ton site de mariage, que tu veuilles un theme simplifie ou une personnalisation CSS complete !

Articles connexes

Avez-vous trouvé la réponse à votre question ?