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

Création de pages

Création d'une nouvelle page

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.

Duplication d'une page

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

Création d'une page

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

Récapitulatif : Les pages avec l'option "No caching"

les pages de connexion à l'extranet et de mot de passe oublié

la page de détail des actus

toutes les pages du module e-commande

la page de durabilité 2bsvs

les pages d'ajout de documents externes et ajout de certiphytos

la page “mes infos” (informations de compte) (si les utilisateurs ont le droit de modifier leurs infos)

Modification des paramètres d'une page

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.

Utilisation des éléments de présentation (layouts)

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é :

Historique des révisions

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 ».

La liste des versions indique qui en est l’auteur et si cette version a été publiée ou non.

Cliquer sur le numéro de la version pour la visualiser puis sur revenir à cette version pour la restaurer avant de la republier.

Tracedump:

newBaseSize: 16pt
newBaseSizeInPt: 16