Skip to content
Wizidoc
Documentation

Bien démarrer avec Wizinet

6
  • OUTIL – À propos de l’Éditeur WIZINET
  • OUTIL – Outils de l’Éditeur
  • OUTIL – Repérer la zone de blocs et paramètres
  • PAGE – À propos de l’en-tête de page
  • PAGE – Créer une nouvelle page
  • PAGE – Enregistrer/Publier vos pages

Design & Ergonomie

4
  • BLOC – Utiliser des blocs
  • OUTIL – Utiliser des styles prédéfinis
  • PAGE – À propos de l’en-tête de page
  • PAGE – À propos du pied de page

Interface

6
  • BLOC – Détails des paramètres de contenu
  • OUTIL – Détails de la barre d’outils
  • OUTIL – Détails de la barre de menus
  • OUTIL – Outils de l’Éditeur
  • OUTIL – Repérer la zone de blocs et paramètres
  • OUTIL – Utiliser des styles prédéfinis

L'éditeur Wysiwyg

19
  • BLOC – Ajouter différents blocs dans vos pages
  • BLOC – Donner une forme à votre couleur de fond
  • BLOC – Espacer vos blocs
  • BLOC – Gérer la couleur de fond
  • BLOC – Gérer la disposition des blocs
  • BLOC – Gérer les styles d’encadrement
  • BLOC – Styler vos lignes de séparation
  • BLOC – Utiliser des blocs
  • BLOC – Utiliser les paramètres de contenu
  • BLOC – Voir réalisations en démo avant-après
  • BOUTON – Ajouter des boutons de redirection
  • BOUTON – Enregistrer des styles de bouton
  • BOUTON – Gérer le design des boutons
  • BOUTON – Gérer un lien de redirection
  • OUTIL – Détails de la barre d’outils
  • OUTIL – Outils de l’Éditeur
  • TEXTE – Gérer l’espacement des caractères
  • TEXTE – Gérer la mise en forme des titres
  • TEXTE – Insérer une icône

Médias

13
  • BOUTON/IMAGE – Ajouter une ancre
  • IMAGE – Ajouter un favicon
  • IMAGE – Ajouter une ombre
  • IMAGE – Ajouter votre logo
  • IMAGE – Arrondir les images
  • IMAGE – Créer des images de fond
  • IMAGE – Créer un lien à partir d’une image
  • IMAGE – Gérer une galerie de photos
  • IMAGE – Gérer une image flottante
  • IMAGE – Intégrer Google Maps à votre site
  • IMAGE – Personnaliser une galerie prettyphotos
  • IMAGE – Remplacer une image
  • IMAGE – Rogner une image

Navigation

7
  • DOCUMENT – Modifier des fichiers en téléchargement
  • IMAGE – Ajouter un favicon
  • MENU – Ajouter un menu déroulant
  • MENU – Construire le menu principal du site
  • MENU – Descendre une rubrique d’un niveau
  • MENU – Lier rubrique et page
  • MENU – Monter une sous-rubrique d’un niveau

Nom de domaine

1
  • SITE – Connecter un nom de domaine

Pages du site

9
  • MENU – Lier rubrique et page
  • PAGE – À propos du pied de page
  • PAGE – Archiver une page
  • PAGE – Créer une nouvelle page
  • PAGE – Dupliquer une page
  • PAGE – Enregistrer/Publier vos pages
  • PAGE – Paramétrer vos pages
  • PAGE – Supprimer une page
  • PAGE – Voir toutes Mes pages

Paramètres

4
  • BLOC – Détails des paramètres de contenu
  • MENU – Lier rubrique et page
  • PAGE – Archiver une page
  • PAGE – Paramétrer vos pages

Shortcodes

4
  • DOCUMENT – Télécharger vos documents
  • FORMULAIRE – Ajouter un formulaire de contact
  • FORMULAIRE – Ajouter un formulaire de recrutement
  • FORMULAIRE – Utiliser le shortcode [ACTU]
View Categories
  • Accueil
  • Documentation
  • L'éditeur Wysiwyg
  • BOUTON – Gérer le design des boutons

BOUTON – Gérer le design des boutons

1 min read

Les boutons cliquables sont des boutons illustrés d’un texte et munis d’un lien permettant d’informer le visiteur qu’il va être redirigé vers une page ou un emplacement de votre choix s’il clique sur le bouton. 

INSÉRER UN BOUTON CLIQUABLE #

  1. Cliquez sur le bouton Interface, situé à droite de l’écran.
  2. Cliquez sur la catégorie Boutons et faites glisser l’un des blocs dans la page.
  3. Double-cliquez sur le texte du bouton pour le modifier.

PERSONNALISER LE DESIGN DU BOUTON #

Vous pouvez personnaliser tous les boutons texte, pour cela,

  1. Cliquez sur le bouton texte pour l’activer.
  2. Cliquez sur le bouton Éditer Bouton .
  3.  Et dans la catégorie DÉFAUT, choisissez les options qui conviennent.

AJOUTER UN EFFET SURVOL #

L’effet survol est la façon dont le bouton s’affiche lorsque la souris survole le bouton. Cette effet donne un côté dynamique tout en assurant le visiteur qu’il va bien cliquer sur le bouton.

 

  1. Cliquez sur le bouton texte pour l’activer.
  2. Cliquez sur le bouton Éditer Bouton .
  3.  Et dans la catégorie HOVER, choisissez les options qui conviennent.

EXEMPLE DE MISE EN FORME #

Mise en forme DÉFAUT

 

Couleur de fond : rgb(212,170,0).

Text Color : W.

Border : 2px.

Couleur Bordure : cliquez sur Same as bg color.

Border Radius : cliquez sur le bouton Interface jusqu’à obtenir la forme qui convient.

Mise en forme HOVER

 

Couleur de fond : rgba(0,0,0,0).

Text Color : W.

Couleur Bordure : rgb(212,170,0).

 

 

À noter #

Facile et rapide à utiliser, l’éditeur de bouton vous propose également une liste de boutons au design prédéfini regroupés dans la catégorie TEMPLATES. 

À lire aussi #

Pour enregistrer les mises en forme de vos boutons, voir BOUTON – Enregistrer vos boutons.

Pour ajouter un lien, voir BOUTON – Gérer un lien de redirection.

Updated on avril 20, 2021
lien de redirection, mise en forme

What are your Feelings

  • Happy
  • Normal
  • Sad
Share This Article :
  • Facebook
  • X
  • LinkedIn
  • Pinterest
Table of Contents
  • INSÉRER UN BOUTON CLIQUABLE
  • PERSONNALISER LE DESIGN DU BOUTON
  • AJOUTER UN EFFET SURVOL
  • EXEMPLE DE MISE EN FORME
  • À noter
  • À lire aussi

Créez votre site pro facilement

Sites web pour Tpe, Pme, Artisan, Commerçant, Auto-entrepreneur, profession libérale

  • Mentions légales
  • Conditions générales d’utilisation
  • Politique de confidentialité
© Weezinet