Création de pages

Date de création : 20/04/21
Date de Mise à Jour : 08/06/23

Pour créer une nouvelle page dans votre site, deux possibilités s'offrent à vous :

Soit vous dupliquez une page existante et vous la modifiez. Cette méthode vous permettra d'en garder la structure et les paramètres essentiels.
Soit vous créez une page à partir de zéro et vous la définissez intégralement.

Il est conseillé de dupliquer une page existante et de la modifier lorsque l'on veut ajouter une nouvelle page au site.
Cela présente l'avantage de conserver les paramétrages et mise en forme déjà existant. il ne reste qu'à modifier le contenu et les éléments de présentation si nécessaire.

Renseigner les différents éléments de la fenêtre de duplication :

Type page name
Renseigner le nom de la page à créer.

Duplicate to…
Possibilité de dupliquer la page concernée sur le site actuel ou bien sur un autre site (à l'aide du “crayon”) dans le cas d'une instance multi-sites.

ATTENTION : si vous dupliquez une page vers un autre site :

Vous devrez probablement modifier le template de la page dupliquée pour qu'il corresponde au template de page utilisé par les autres pages du site.
Vous devrez ensuite éditer la page et replacer vos différents éléments (blocs et widgets) si ceux-ci ont bougé avec le changement de template de page.

Dupliquer également les pages enfants
A cocher dans le cas où l'on souhaite dupliquer en même temps la page parent et ses pages enfants associées.

Put this page…

At top level
Positionne la page en tant que page de niveau 1.
Under parent page…
Positionne la page en tant que page enfant, sous une page parent sélectionnée

Navigation options

Show in navigation
A cocher si la page doit être visible dans la navigation. Il n’est pas nécessaire que toutes les pages de votre site soient visibles dans le widget de navigation. C’est le cas des pages du type « Plan du site » ou encore « Mentions légales » qui n’ont pas de réelle nécessité à être affichées dans la navigation de votre site mais qui doivent pourtant être présentes sur votre site.
Make this a group page
A cocher si cette page n'a pas de contenu et redirige vers une page de niveau inférieur.
Redirect to another page
A cocher si cette page n'a pas de contenu et redirige vers une autre page du site ou vers un lien externe.

URL/URL supplémentaire

L'URL se renseigne automatiquement avec le nom de la page.
L'URL supplémentaire n'est pas nécessaire dans la plupart des cas.

Search Engin Optimization (SEO)
Le SEO est un ensemble de techniques qui permet aux sites internet de se positionner au mieux sur les pages de résultats Google. En effet, on ne référence pas un site mais des pages de contenus. Pour référencer votre site gratuitement, vous devez d'abord définir les mots-clés pertinents et accessibles sur lesquels vous allez vous positionner.

Titre pour les moteurs de recherche
Renseigner le titre qui apparaitra dans les résultats de recherche Google.
Description
Maximum 160 caractères. Renseigner la description qui apparaitre sous le titre dans les résultats de recherche Google.

Advanced Option

Dans le cas d'une duplication, ne rien modifier.

Média liés
On sélectionne ici une image qui apparait dans le menu de la page comme ci-dessous :

Cliquer sur Sélect an image from library puis sélectionner l'image soit dans les récentes, soit en sélectionnant une librarie.

Valider en cliquant sur Create

Vous avez aussi la possibilité de créer une nouvelle page, sans duplication, mais il faudra être vigilant à tous les paramètres ci-dessous :

1- Cliquer sur Create a page dans le menu PAGES.

Renseigner les différents éléments de la fenêtre de création :

Type page name
Renseigner le nom de la page à créer.

URL

L'URL se renseigne automatiquement avec le nom de la page.

Put this page…

At top level
Positionne la page en tant que page de niveau 1.
Under parent page…
Positionne la page en tant que page enfant, sous une page parent sélectionnée

Navigation options

Show in navigation
A cocher si la page doit être visible dans la navigation. Il n’est pas nécessaire que toutes les pages de votre site soient visibles dans le widget de navigation. C’est le cas des pages du type « Plan du site » ou encore « Mentions légales » qui n’ont pas de réelle nécessité à être affichées dans la navigation de votre site mais qui doivent pourtant être présentes sur votre site.
Make this a group page
A cocher si cette page n'a pas de contenu et redirige vers une page de niveau inférieur.
Redirect to another page
A cocher si cette page n'a pas de contenu et redirige vers une autre page du site ou vers un lien externe.

Valider en cliquant sur Continue

2- Sélectionner le Template à appliquer dans votre page
Le modèle est le gabarit qui structurera votre page. Analys Informatique aura défini pour vous un gabarit par défaut. Vous avez cependant la possibilité de choisir d'autres modèles, si vous le souhaitez, en fonction de ceux qu’Analys Informatique aura mis à votre disposition.

3- Enregistrer la création

Soit en cliquant sur Enregistrer comme brouillon
Soit par le bouton de Retour à l'onglet précédent PAGES.
Vous pourrez ensuite organiser la page et insérer des contenus.

4- Propriétés de la page
Une fois la page créée, ouvrez “Title and properties”

Pour les pages de l'extranet :

Dans la partie “options avancées” :

Code behind type
Renseigner : “SitefinityWebApp.Extranet.ExtranetPages, SitefinityWebApp“
Enable ViewState
Cocher la case
Options de cache
Sélectionner “Comme tout le site”
→ Option valable pour toutes les pages qui contiennent des données utilisateurs (c'est aussi le cas, si le modèle de la page contient des données utilisateurs comme la widget de connexion à l'extranet). Cela appliquera le profil de cache intitulé “CacheExtranet” qui est configuré comme étant le profil par défaut.

Pour les pages du site public ayant besoin d'être vu dans l'application mobile , à savoir la page “Mot de passe oublié” et deux autres pages optionnelles telles que les pages “Contact” ou “Présentation de la société” par exemple.
- Code behind type
  Renseigner : “SitefinityWebApp.MobileAppPages, SitefinityWebApp“
  → Le code behind permet d'appliquer le style du fichier MobileApp.css
- Enable ViewState
  Cocher la case
- Options de cache
  - Sélectionner “No caching” pour la page “Mot de passe oublié”
    → Option valable pour toutes les pages de détails qui servent à afficher des contenus différents en fonction de leur appel par querystring (Actualités, Evènements, …) mais aussi toutes les pages de la partie e-commande.
  - Sélectionner “Standard caching” pour toutes les autres pages
    → Option valable pour toutes les pages dont le contenu est commun à tous les utilisateurs.

Pour les autres pages du site public :
- Ne rien renseigner dans le paramètre “Code behind type”
- Ne pas cocher “Enable ViewState”
- Renseigner “Standard caching” en option de cache

Vous pouvez, à tout moment, effectuer des modifications de paramétrage des pages que vous aurez créées. Pour cela, il faut cliquer sur le lien Actions (…) de la page voulue puis choisir ce que vous souhaitez modifier. Dans le cas d'une création de page sans duplication, vous pouvez, en particulier, accéder à :

EDIT

Title & properties
Renvoie à la page de paramétrage décrite ci dessus.
Spécificité de l'onglet Advanced options :
- Pour un site public : Laisser les options de base, ne rien modifier
- Pour un extranet : Renseigner les éléments mentionnés ci-dessous et conserver les éléments de base pour les autres.
Publier ou Annuler la publication
Permet de publier ou dépublier une page selon son statut initial.
Planifier la publication ou dépublication
Permet de renseigner la date/heure de publication/dépublication selon les besoins.
Partager le lien d'aperçu…
Permet copier le lien vers un aperçu de la page créée afin de la faire valider par exemple

CHANGE

Supprimer
Permet de supprimer la page.
Les pages supprimées par erreur pourront être retrouvées dans la corbeille et restaurées si besoin.

Lorsque vous vous trouvez sur une page, les boutons situés à droite dans la barre d’action vont vous permettre de composer votre page en choisissant sa structure (onglet Présentation). Vous pourrez également gérer le contenu (onglet Contenu) que vous souhaitez y déposer.

Concept de layout :
Chaque page de votre site va être divisée en différentes sections. En utilisant les layouts proposés, vous avez la possibilité de diviser ces sections en plusieurs colonnes de taille variable pour positionner chaque widget de contenu dans votre page.
Afin que votre site s’adapte aux terminaux mobiles, les tailles des colonnes sont définies en pourcentage. Vous pouvez donc choisir quel type de layout vous souhaitez utiliser en fonction du nombre de colonnes proposé et de leur largeur, puis déposer ce layout en le glissant sur votre page, à l'endroit désiré.

Une fois un layout déposé, vous pouvez modifier ses paramètres en cliquant sur « Éditer ».

Pour modifier la dimension de vos colonnes : cliquer sur l'onglet «Tailles» :

La colonne qui est indiquée en taille auto s'adaptera en fonction du pourcentage renseigné dans l'autre colonne.
Il est possible de changer la colonne mise en taille auto en cliquant sur “Changer la colonne de taille auto”.

Pour modifier l’espace entre celles-ci : cliquer sur l'onglet «Espaces» :

Comportement mobile des éléments de présentation (Responsive design) :
Selon le positionnement de vos widgets, en version ordinateur, dans les blocs 50/50 par exemple, l'affichage ne se fera pas dans le même ordre, en version mobile :

1er cas : 2 blocs 50/50 contenant chacun 2 widgets côte à côte :

2ème cas : 1 bloc 50/50 contenant 2 widgets l'un en dessous de l'autre dans chaque moitié :

Lorsque vous effectuez différentes actions sur les pages de votre site, ces dernières sont répertoriées dans Sitefinity depuis la création de la page jusqu’à sa dernière modification. Il est donc possible de retrouver une ancienne version d’une page si les changements réalisés lors d’une modification ne vous conviennent plus, que cela soit pour la structure de votre page ou bien pour son contenu.
Pour accéder à toutes les versions d’une page, cliquez sur « Actions » dans la partie « Pages » puis sur « Historique des révisions ».