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
  • BLOC – Utiliser les paramètres de contenu

BLOC – Utiliser les paramètres de contenu

1 min read

UTILISER DES BALISES DE SÉLECTION #

Personnalisez vos blocs et contenus. Les balises, situées au-dessus de la ligne d’outils, permettent de sélectionner tout ou partie d’un bloc.

 

  1. Cliquez sur l’une des balises pour faire apparaître le cadre de sélection (de couleur orange).
  2. Puis, gérez la mise en forme à l’aide des outils de paramètres.


De droite à gauche dans notre exemple, div > div > div > p 

  1. p – sélectionne le paragraphe.

  2. div – sélectionne dans le bloc colonne la partie texte.
  3. div – sélectionne dans le bloc colonne la partie texte et image (illustrée d’un R.).
  4. div – sélectionne tout le bloc ligne.

EXEMPLE DE MISE EN FORME SUR BALISE <p> ET <div> #

Vous allez appliquer une couleur de remplissage à la sélection. 
a/
paragraphe sur fond orange.
b/ colonne sur fond gris.

 

a/ sur balise p. 

  1. Cliquez sur la balise p.
  2. Cliquez sur l’outil BOX.
  3. Puis, cliquez dans la zone Couleur de fond.
  4. Et choisissez la couleur qui convient. 
    (au besoin, cliquez sur Effacer pour supprimer la couleur).

     


b/ sur balise div
. 

    1. Cliquez sur la balise div (2ème div) pour sélectionner le bloc colonne.
    2. Puis, à partir de l’outil BOX, cliquez dans la zone Couleur de fond.
    3. Et choisissez la couleur qui convient.

       

À noter #

Autres balises que vous pourriez rencontrer :

h1, h2, h3, … – sélectionne titre et sous-titre.

img – sélectionne l’image.

span – sélectionne un texte associé à un style.

a – sélection un texte associé à un lien de redirection.

ul/li – sélectionne tout ou partie d’une liste.

hr – sélectionne une ligne de séparation.

Updated on mars 31, 2021
bloc colonne, bloc contenu, bloc ligne

What are your Feelings

  • Happy
  • Normal
  • Sad
Share This Article :
  • Facebook
  • X
  • LinkedIn
  • Pinterest
BLOC – Utiliser des blocs
Table of Contents
  • UTILISER DES BALISES DE SÉLECTION
  • EXEMPLE DE MISE EN FORME SUR BALISE <p> ET <div>
  • À noter

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