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
  • Médias
  • BOUTON/IMAGE – Ajouter une ancre

BOUTON/IMAGE – Ajouter une ancre

1 min read

Ancrer une position dans la page #

Ajouter une ancre dans un bouton de redirection ou à une image cliquable permet de rediriger le visiteur à un emplacement très précis de la page destination. 

 

Cette ancre, ou identifiant, doit être placée
Étape 1 : dans la zone URL du bouton de redirection.

Étape 2 : à l’endroit qui convient dans le code HTML de la page destination.

 

Dans notre exemple, le bouton de redirection est situé en page ACCUEIL et l’ancre sera placée dans la page CONTACTEZ-NOUS à hauteur du formulaire de contact, (lequel se trouve en milieu de page sous le bloc de localisation Google Maps).

 

 

Étape 1. Compléter l’URL du bouton de redirection.

  1. Cliquez sur le bouton pour l’activer.
  2. Puis, cliquez sur la bouton Lien.
  3. Dans la zone URL, remplacez contact par contact#formulaire, (formulaire étant l’identifiant choisi pour notre exemple).
  4. Validez en cliquant sur Ok.
  5. Cliquez sur Interface.
 
 

Étape 2. Placer l’identifiant dans la page de destination.

  1. À partir du bloc formulaire votre page CONTACTEZ-NOUS, cliquez sur le bouton Plus Interface, option HTML.
  2. Et saisissez comme première ligne de code .
  3. Validez votre code en cliquant sur Ok.
  4. Cliquez sur Interface.

À noter #

L’identifiant prend le nom que vous choisissez vous-même.
Dans l’URL d’un bouton ou d’une image, l’identifiant est précédé du signe #
(dièse).

Dans le code HTML, l’identifiant est entouré de “ ” (guillemets anglaises).

À lire aussi #

Pour apprendre à utiliser l’éditeur de bouton.
Voir BOUTON – Gérer le design des boutons.

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

Updated on avril 13, 2021
hypertexte, lien de redirection

What are your Feelings

  • Happy
  • Normal
  • Sad
Share This Article :
  • Facebook
  • X
  • LinkedIn
  • Pinterest
Table of Contents
  • Ancrer une position dans la page
  • À 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