Bienvenue dans cet article, dans lequel nous verrons ensemble la nouvelle fonctionnalité de gestion de page d'accueil qui arrive en beta avec la version 13.2.0 de Nudgis. En effet, il est maintenant possible de définir des pages d'accueil différentes en fonction de la langue de l'utilisateur, et de son état d'authentification (authentifié ou non).
Sommaire
2/ Création des pages d'accueil
3/ Édition de la page d'accueil
Widget Liste de médias et de chaînes
Présentation
Depuis la version 14.0.0 de Nudgis les nouvelles pages d'accueil ne sont plus en beta et sont activées par défaut.
Nudgis permet dorénavant de gérer plusieurs pages d'accueil en fonction de la langue sélectionnée pour l'affichage par l'utilisateur, mais aussi de son état d'authentification (connecté ou non) ou de son appartenance à un groupe.
Il est également possible de faire des modifications sur une page d'accueil sans que ce ne soit immédiatement appliqué sur le site (comme c'était le cas auparavant). Vous pouvez ainsi effectuer des modifications et des tests en toute quiétude sans que cela n'impacte vos utilisateurs.
Il reste tout de même possible de conserver les anciennes pages d'accueil en vous rendant dans Administration > Paramètres globaux et de cocher l'option "Utiliser l'ancien système de page d'accueil".
Veuillez noter que les changements décrits dans cet article affectent uniquement la page d'accueil et ne se répercutent donc pas sur le reste du site.
Création des pages d'accueil
Pour accéder à la page de gestion des pages d'accueil, rendez-vous dans la page d'Administration, section Paramètres du site :
Pour commencer, créez une nouvelle entrée :
Vous pouvez choisir de partir d'un modèle existant ou d'une page complètement vierge.
Puis définissez un nom, une langue, ainsi que la visibilité de la page. Les choix disponibles comprennent les groupes locaux, les groupes d'authentification ou tous les utilisateurs (page publique). Le jeton est rempli automatiquement à partir du champ "Nom", il permet de déterminer l'URL de la page. Vous pouvez également ajouter un titre et une description pour faciliter le référencement par les moteurs de recherche (SEO).
Ces réglages pourront être modifiés ultérieurement.
Voici comment se présente la page d'édition des pages d'accueil :
Le premier cadre permet de sélectionner la page d'accueil par défaut parmi les pages d'accueil publiques (visibles pour tous les utilisateurs). La page par défaut est la page qui s'affichera pour les utilisateurs qui n'ont pas de page d'accueil correspondant à la langue qu'ils utilisent dans Nudgis.
Viennent ensuite les listes des pages d'accueil actives et archivées.
Les trois premières colonnes montrent les paramètres que nous venons de voir.
La colonne "Redirection automatique" permet de définir si une page d'accueil est activée ou non. Il est important de noter qu'une seule page d'accueil peut être activée pour une langue et une visibilité définie. Pour donner un exemple, vous ne pourrez activer qu'une seule page d'accueil en français visible pour les utilisateurs authentifiés.
Le bouton suivant "Éditer la disposition" permet d'accéder à l'édition graphique de la page d'accueil. Nous reviendrons dessus dans le prochain chapitre.
Le bouton "Voir" permet de visualiser la page d'accueil, ce qui permet de vérifier qu'elle correspond à vos attentes avant de l'activer.
Le bouton "Partage" permet de copier dans votre presse-papier le lien de la page d'accueil (cela permet notamment de vérifier ce qui est visible pour les utilisateurs non-authentifiés dans une page de navigation privée).
Enfin le menu d'actions contient trois boutons :
- "Paramètres" permet de modifier les options des trois premières colonnes, ainsi que le jeton pour l'URL de la page d'accueil.
- "Dupliquer" permet de dupliquer la page d'accueil (pour pouvoir l'éditer sans modifier la page si celle-ci est déjà activée, par exemple).
- "Archiver" permet de placer la page d'accueil dans la liste des pages archivées :
Sur cette page, vous pouvez visualiser, restaurer ou supprimer définitivement des pages d'accueil.
Édition de la page d'accueil
La boîte à outils
Pour commencer l'édition d'une page d'accueil, cliquez sur "Éditer la disposition".
Sur la page d'édition de la disposition, vous trouverez en premier lieu la boîte à outils dans le coin supérieur gauche :
Celle-ci est composée de 5 onglets :
- Actions : Le premier bouton permet d'ajouter un nouveau widget à la page d'accueil. Le second "Voir" vous renvoie sur un aperçu de la page d'accueil. Enfin, le bouton "Gérer les pages d'accueil" permet de revenir à la liste des pages d'accueil vue dans le chapitre précédent.
- Apparence : Vous pouvez y définir une couleur pour le texte, un arrière plan ou encore y ajouter du CSS personnalisé qui sera appliqué à toute la page.
- Entête :
Vous pouvez définir ici si l'en-tête doit être visible ou cachée.
Vous pouvez également définir si l'entête doit être figée ou non : si l'entête est figée, elle restera toujours visible lorsque vous ferez défiler la page d'accueil.
Si l'entête n'est pas figée, vous pouvez choisir de faire démarrer le premier Widget sous l'entête (dans ce cas nous recommandons de rendre l'entête transparente afin que le premier widget soit visible en-dessous).
Enfin vous pouvez définir les couleurs du texte et de l'arrière-plan.
- Menu : Les mêmes options que pour l'entête sont disponibles pour le Menu.
De la même manière nous recommandons de rendre le Menu transparent si ce dernier n'est pas figé afin qu'il n'empiète pas sur le logo dans l'entête.
- Pied de page : Les mêmes options sont disponibles pour le pied de page, hormis l'état figé qui n'a pas de sens dans ce contexte.
Enfin les deux boutons sur la gauche de la barre d'outil servent à la déplacer pour l'un et à la réduire ou l'agrandir pour l'autre
Les Widgets
La page d'accueil contient, à sa création, un unique widget de type "En-tête" servant de titre et de description à la page (nous vous invitons à le modifier mais déconseillons de le supprimer, un seul widget de ce type peut être présent dans la page d'accueil).
Le reste des widgets de la page d'accueil s'empilent de haut en bas lorsque vous en ajoutez. Il est possible de modifier leur position verticalement avec les outils du widget à la droite de celui-ci.
Le premier bouton permet de déplacer le widget, le second d'éditer le widget et le troisième sert à le supprimer.
Pour créer un nouveau widget, cliquez sur le bouton "Ajouter un widget" de la barre d'outils :
Une fenêtre pop-up s'ouvre alors, vous proposant quatre choix :
Widget Texte
L'édition d'un widget texte comprend trois onglets :
Les Données contiennent le texte qui sera affiché sur la page sous la forme d'un titre de widget et d'une description. Vous avez la possibilité d'aligner le texte à gauche, au centre, ou à droite de la page, ainsi que de choisir la taille du widget.
L'onglet Apparence permet de définir la couleur du texte ainsi que l'arrière-plan du widget. Vous pouvez choisir un arrière-plan uni en sélectionnant "Couleur" ou bien utiliser une image ou une vidéo (dans un souci d'optimisation de la bande passante, et pour limiter l'impact environnemental de la solution, nous déconseillons d'utiliser une vidéo en tant qu'arrière-plan).
Ajouter une image ou une vidéo se fait sous forme de lien. Si votre média n'est pas disponible sur un site public en ligne, vous pouvez l'ajouter dans le stockage de Nudgis en vous rendant dans Administration > Personnaliser l'apparence > Avancé (CSS)
Enfin, vous pouvez imposer une largeur maximale ainsi que du code CSS personnalisé à chaque widget.
Le dernier onglet permet d'insérer des liens dans le widget. Pour ajouter un lien, il faudra remplir 3 champs : l'étiquette, la description, et l'URL.
L'étiquette est le texte qui sera affiché sur le bouton du lien. La description est le texte affiché au survol avec la souris, et est notamment utilisée dans un cadre d'accessibilité. Enfin, dans le troisième champ, ajoutez l'URL vers laquelle doit pointer votre lien.
Voici le rendu du widget "Texte" avec les paramètres utilisés dans cette documentation :
Widget Liste de médias et de chaînes
Ce type de widget permet d'ajouter des liens vers les éléments du catalogue Nudgis. À l'instar du widget "Texte", celui-ci permet d'ajouter un titre et une description, ainsi que d'éditer l'apparence du widget.
Les paramètres pour ces deux premiers onglets étant globalement identiques au type de widget précédent, nous allons donc principalement nous intéresser au dernier onglet "Liens".
Vous pouvez choisir entre deux types de liens :
- "Liste des liens personnalisés" permet d'ajouter des liens fixes tels que des liens vers un média ou une chaîne, ou encore un lien personnalisé comme dans le widget "Texte" ci-dessus.
En cliquant sur "Ajouter un lien vers un média ou une chaîne", le catalogue Nudgis s'affichera, vous permettant de sélectionner un élément du catalogue. Un onglet pointant vers les derniers médias sera également disponible, ainsi qu'un onglet dédié à la recherche dans le catalogue.
Sélectionnez un élément et cliquez ensuite sur le bouton "Sélectionner" pour ajouter le lien.
Le bouton "Ajouter un lien personnalisé", quant à lui, s'utilise comme celui du widget "Texte", vu plus haut dans cet article.
Veuillez noter que les liens non dynamiques ne sont pas impactés par les permissions des éléments vers lesquels ils renvoient. C'est à dire que des liens pourraient apparaître pour des utilisateurs qui n'ont pas accès à l'élément.
- "Liste de médias dynamiques" permet d'ajouter un lien vers un contenu qui n'est pas fixe comme le contenu d'une chaîne, les derniers médias, ou un résultat de recherche spécifique.
Sélectionnez l'élément souhaité et cliquez sur sauvegarder pour ajouter le widget. Il est également possible d'appliquer des filtres aux contenus dynamiques qui seront utilisés à l'affichage (si vous souhaitez par exemple un widget qui affiche uniquement les lives ou uniquement les vidéos).
Voici un exemple de quelques widgets de type "Chaînes ou Médias" :
Widget Lecteur multimédia
Ce widget permet d'incruster un média ou une chaîne directement dans la page d'accueil à la manière d'une iframe grâce aux liens personnalisés (voir point précédent Liste de médias et de chaînes).
Mais l'intérêt de ce widget intervient dans l'utilisation des liens dynamiques qui afficheront, quant à eux, un lecteur incrusté dans la page d'accueil avec les vidéos suivantes listées en dessous à la manière d'une liste de lecture.
Widget Contenu personnalisé
Ce widget vous permet une personnalisation totalement libre en autorisant l'incrustation de code HTML.
Pour en apprendre plus sur la navigation dans le catalogue et sur les filtres de recherche, nous vous invitons à consulter cet article de notre centre d'aide.
Vous avez maintenant toutes les clés en main pour créer vos propres pages d'accueil sur Nudgis, alors soyez créatif et n'hésitez pas à consulter nos autres articles concernant l'édition de votre plateforme Nudgis.
Commentaires
0 commentaire
Vous devez vous connecter pour laisser un commentaire.