Une fois que vous avez créé un site ou une initiative, vous pouvez recourir à l’éditeur de site et à son volet latéral pour configurer ses paramètres, concevoir sa mise en page et ajouter des pages.
Cette rubrique vous explique comment effectuer les opérations suivantes :
- Démarrer une session de mise à jour dans l’éditeur de site, enregistrer votre travail et consulter vos modifications.
- Utiliser des lignes et des fiches pour concevoir la mise en page d’un site ou d’une page.
- Définir les couleurs d’arrière-plan, les couleurs du texte et les polices.
- Configurer un en-tête et un pied de page.
Ouvrir un site en mode de mise à jour
Pour commencer, ouvrez votre site en mode de mise à jour. Pour obtenir des informations sur l’ouverture d’une page en mode de mise à jour, reportez-vous à la rubrique Ouvrir une page en mode de mise à jour.
Dans une fenêtre de navigateur
Pour ouvrir un site en mode de mise à jour depuis votre navigateur, procédez comme suit :
- Ouvrez l’URL du site dans une nouvelle fenêtre de navigateur et cliquez sur Sign In (Connexion) dans la barre de navigation globale.
- Cliquez sur le bouton de mise à jour pour ouvrir l’éditeur de site.
Remarque :
Pour vous connecter et mettre à jour un site, la navigation globale doit être activée et vous devez faire partie de l’équipe principale du site, détenir des privilèges administratifs ou être le propriétaire d’origine du site.
Dans ArcGIS Hub
Si la navigation globale est désactivée pour un site, vous pouvez ouvrir le site depuis ArcGIS Hub :
- Connectez-vous à ArcGIS Hub sur hub.arcgis.com.
- Sur la page Overview (Vue d’ensemble), cliquez sur Manage (Gérer) sous Site ou Initiatives.
- Cliquez sur le titre d’un site ou d’une initiative pour ouvrir l’éditeur de site.
Dans ArcGIS Online
Pour ouvrir un site en mode de mise à jour depuis ArcGIS Online, procédez comme suit :
- Connectez-vous à ArcGIS Online.
- Recherchez l’élément Hub Site Application (Application de site Hub) du site ou du site d’initiative sous Content (Contenu).
- Cliquez sur l’élément pour ouvrir la page de ses détails, puis cliquez sur Configure App (Configurer l’application).
Enregistrer vos mises à jour
Enregistrez vos modifications régulièrement lorsque vous mettez votre site à jour. Le bouton Save (Enregistrer) se trouve dans l’angle supérieur droit de la barre de navigation de mise à jour. Vous avez également la possibilité de publier votre site sous la forme d’un brouillon consultable par d’autres membres. Pour plus d’informations, reportez-vous à la rubrique Publier un site ou une page.
Remarque :
Sides membres de l’équipe principale mettent à jour le site en même temps ou si le site est ouvert dans plusieurs onglets, ce sont les mises à jour effectuées par la dernière personne qui enregistre et ferme le site qui sont appliquées. Les onglets ouverts ne s’actualisent pas automatiquement pour afficher les dernières modifications. Il est donc préférable qu’un seul membre de l’équipe principale à la fois mette à jour le site.
Actions du volet latéral et barre de navigation de mise à jour
Vous allez utiliser le volet latéral du site dans la plupart des processus de mise à jour. Ce volet inclut les menus Settings (Paramètres), Header (En-tête), Theme (Thème), Layout (Mise en page) et Footer (Pied de page).
Pour ouvrir le volet latéral, cliquez sur le bouton bascule correspondant . Cliquez sur le bouton de retour en regard de Customize (Personnaliser) en haut du volet pour retourner au menu racine.
L’éditeur de site comporte également une barre de navigation de mise à jour en haut de l’éditeur de mise en page, qui vous permet d’accéder à des fonctionnalités complémentaires telles que les équipes, les commentaires et la bibliothèque de contenu. Cette barre vous permet également d’enregistrer le site et d’accéder à la page des détails de ses éléments dans ArcGIS Online. Cliquez sur le bouton plus et sélectionnez Edit in ArcGIS Online (Mettre à jour dans ArcGIS Online).
Concevoir la mise en page du site
Pour commencer à concevoir la mise en page du site, ouvrez le menu Layout (Mise en page) dans le volet latéral pour accéder à un ensemble de fiches permettant d’ajouter des images, du texte, des applications, des médias et d’autres composants de votre site.
La mise en page par défaut du site a pour objectif de vous montrer comment combiner les fiches pour établir une narration cohérente visant à mettre en contexte le contenu que vous allez ensuite ajouter. Vous pouvez adopter ce format tel quel ou modifier ses couleurs et son contenu. Vous pouvez même supprimer toutes les fiches pour commencer avec une mise en page vierge.
Procédez comme suit pour ajouter une nouvelle fiche Ligne et vous familiariser avec la mise en page de votre site :
- Cliquez sur Layout (Mise en page) dans le volet latéral.
- Faites glisser la fiche Row (Ligne) depuis le volet latéral vers la mise en page et positionnez la ligne à l’endroit souhaité.
Remarque :
Les lignes sont le fondement de la mise en page. Elles sont nécessaires lorsque vous voulez insérer une fiche Texte, Application ou Image.
- Faites glisser une fiche, par exemple la fiche Ligne, depuis le volet latéral vers la nouvelle ligne et positionnez la fiche à l’endroit souhaité.
Conseil :
Pour repositionner une fiche sur une ligne, survolez l’angle supérieur droit de la fiche et utilisez le bouton de position pour la déplacer. Vous pouvez également recourir aux flèches situées à droite et à gauche de la fiche pour la redimensionner. - Pour repositionner une ligne, vous pouvez également survoler l’angle supérieur droit de la ligne et utiliser le bouton de position pour la déplacer.
Vous pouvez déplacer la ligne, toutes les fiches qu’elle contient comprises, vers un nouvel emplacement dans la mise en page.
- Cliquez sur Enregistrer.
- Pour supprimer une fiche ou une ligne, cliquez sur le bouton de suppression correspondant .
Paramètres de site
Chaque site dispose de ses propres paramètres qui vous permettent de contrôler certains éléments, tels que la configuration de l’URL et les nom et résumé du site, ainsi que des interactions, telles que les téléchargements privés et la navigation globale.
Conseil :
Il est important de configurer l’URL du site en amont. Pour attribuer un domaine personnalisé à l’URL ou pour renommer le site, configurez l’URL de votre site dès maintenant.
Pour plus d’informations, reportez-vous à la rubrique Configurer les paramètres de site.
En-têtes, pieds de page et navigation globale
Un en-tête et un pied de page jouent un rôle important dans la mise en page du site. Dans l’en-tête, vous pouvez présenter votre site en ajoutant un habillage et en créant un menu qui permet aux visiteurs de trouver du contenu, des pages et des sites Web externes. Le pied de page indique la fin du site et offre un espace dans lequel insérer des informations utiles, telles que les informations de copyright de votre organisation, son lieu d’implantation et ses coordonnées.
Tous les nouveaux sites disposent en outre de la navigation globale, une fonctionnalité qui prend la forme d’une barre fine et compacte au-dessus de l’en-tête. Cette barre permet aux visiteurs de parcourir le contenu de votre site à l’aide de mots-clés et d’expressions, d’accéder à leur profil utilisateur et d’afficher les notifications.
Remarque :
Sur les appareils de petite taille (par exemple, un téléphone portable), l’en-tête se transforme en menu déroulant. Les éléments de la navigation globale (y compris l’option ArcGIS Hub Premium qui permet d’ajouter une initiative dans vos favoris) sont alors accessibles dans un volet latéral qui permet aux visiteurs de parcourir votre contenu sur toute taille d’écran.
L’en-tête, le pied de page et la barre de navigation globale restent cohérents sur tout le site et toutes ses pages afin que les visiteurs puissent revenir à la page d’origine après avoir suivi des liens vers d’autres pages.
Vous pouvez recourir à un code personnalisé dans les en-têtes et pieds de page. Vous pouvez aussi utiliser les options du menu Header (En-tête) dans le volet latéral pour configurer ce qui suit (aucun codage n’est nécessaire) :
- Logo
- Couleur de l’arrière-plan et du texte de l’en-tête
- Icônes de réseaux sociaux pour connecter vos visiteurs à vos plateformes de réseaux sociaux
- Liens de menu vers des pages et des ressources supplémentaires pour mettre en place la navigation du site
Pour en savoir plus, reportez-vous aux rubriques Attribuer une identité visuelle à votre site avec les options En-tête et Thème et Configurer la navigation globale et les liens de menu.
Couleurs et polices
Vous pouvez définir les couleurs de l’en-tête, de la barre de navigation globale, des boutons, du texte et de l’arrière-plan à l’aide du menu Theme (Thème) dans le volet latéral. Les couleurs et polices que vous sélectionnez sont appliquées à l’ensemble de la mise en page du site et à toutes les pages associées au site.
Vous avez la possibilité de remplacer certaines couleurs du thème pour des lignes en particulier afin d’affiner les couleurs de la mise en page. Chaque ligne dispose de ses propres paramètres qui permettent de définir les couleurs de texte et d’arrière-plan, ainsi que d’appliquer une image en arrière-plan.
Pour commencer, survolez l’angle supérieur droit de la ligne et cliquez sur le bouton des paramètres pour procéder aux modifications suivantes :
- Choisir une mise en page de type Large ou Boîte : Wide (Large) développe la ligne sur l’ensemble de la mise en page. Box (Boîte) affiche le contenu dans une largeur fixe sur la ligne.
Conseil :
Box (Boîte) est le paramètre recommandé pour publier des sites destinés principalement à être consultés sur des appareils mobiles.
- Modifier la couleur de texte et d’arrière-plan à l’aide de codes de couleurs hexadécimales ou du curseur de couleurs : l’ensemble du texte de la ligne apparaît dans la couleur que vous définissez dans ce paramètre. Cela inclut le texte qui est affiché sur la ligne à l’aide d’une fiche. Vous pouvez également appliquer une couleur à l’arrière-plan de la ligne.
Conseil :
Vérifiez que le contraste de couleur entre la couleur de texte et la couleur d’arrière-plan de la ligne est égal ou supérieur au taux d’accessibilité de 4.5:1 pour le texte classique et de 3:1 pour le texte de grande taille ou les symboles. De nombreux sites vous permettent de vérifier le contraste des couleurs, notamment WebAIM.
- Définir une image d’arrière-plan : vous pouvez éventuellement attribuer une image d’arrière-plan dans une ligne en la chargeant directement ou en collant un lien vers son fichier.
Conseil :
Lorsque vous utilisez une image d’arrière-plan, préférez une image avec un motif ou un sujet simple, en particulier si vous voulez ensuite superposer du texte ou tout autre contenu.
Pour plus d’informations sur la mise en forme des lignes, reportez-vous aux rubriques Ajouter un texte et des images et Créer un thème.
Pages
Une page est une page Web complémentaire que vous pouvez joindre au site et qui adopte son en-tête, son pied de page et son domaine personnalisé. Vous pouvez référencer des pages complémentaires à l’aide des liens de menu dans l’en-tête.
Remarque :
Si votre projet est d’aborder différentes informations ou d’afficher plusieurs éléments avec des iframes et la fiche Carte (cartes Web et scènes Web), utilisez des pages pour diviser votre contenu par thème ou sujet. Ceci permettra d’assurer de bonnes performances de chargement pour votre site et les visiteurs pourront ainsi parcourir votre contenu à leur propre rythme.
Chaque page ajoutée au site comprend un volet latéral avec le même menu Layout (Mise en page) que celui de l’éditeur de site. En d’autres termes, vous pouvez concevoir la disposition de votre page à l’aide des fiches tout comme vous concevez un site.
Pour plus d’informations sur les pages, reportez-vous à la rubrique Ajouter des pages à votre site.
Vous avez un commentaire à formuler concernant cette rubrique ?