Haut

Configurer la page d'accueil

Dans cette rubrique

  1. Créer une page d'accueil

Page de destination du site Web de votre organisation, ma page d'accueil sert de passerelle à votre communité d'utilisateurs. La page d'accueil propose du contenu et des ressources utiles aux membres de l'organisation et, si vous autorisez un accès public, à tout le monde. Vous pouvez configurer une page d'accueil moderne, très professionnelle, qui reflète la marque et la mission de votre organisation et qui expose les cartes, scènes, applications et couches qui intéressent le plus votre communauté d'utilisateurs.

Grâce aux composants personnalisables, ou blocs, dans l’éditeur de la page d’accueil, les administrateurs par défaut et les utilisateurs disposant des privilèges adéquats peuvent concevoir, prévisualiser et déployer une page d’accueil interactive optimisée pour l’affichage dans les navigateurs de bureau et mobiles.

Créer une page d'accueil

ArcGIS Online.ArcGIS Enterprise. L'éditeur de page d'accueil comprend un ensemble flexible de composants et d'options vous permettant de créer un point d'entrée unique sur votre site. Lorsque vous configurez votre page à l'aide de l'éditeur de page d'accueil, vous pouvez visualiser directement l'aperçu de vos choix de conception et obtenir ainsi l'apparence et la fonctionnalités que vous souhaitez. Au bas de l'éditeur de la page d'accueil, des options d'affichage vous permettent de voir à quoi ressemblera la page sur les différents appareils.

Les étapes et informations ci-après décrivent l’expérience moderne de configuration de la page d’accueil, introduite dans la version 10.9.

  1. Assurez-vous d’être connecté en tant qu’administrateur par défaut ou sous un rôle personnalisé doté des privilèges administratifs nécessaires pour gérer le site Web de l’organisation.
  2. En haut du site, cliquez sur Organization (Organisation), puis sur l’onglet Settings (Paramètres).
  3. Cliquez sur Home page (Page d'accueil) sur le côté de la page.
  4. Dans la section Home page editor (Éditeur de page d'accueil), cliquez sur Launch editor (Lancer l'éditeur).
  5. Configurez les éléments de contenu de la page d’accueil comme suit :
    • Header (En-tête) : titre, logo et image de couverture
    • Content blocks (Blocs de contenu) : bibliothèques d’éléments, texte et liens
    • Footer (Pied de page) – Informations de contact, texte et liens personnalisés du pied de page et style de pied de page
  6. Configurez la conception de votre page d'accueil comme suit :
    • Colors (Couleurs) : combinaisons de couleurs prédéfinies ou personnalisées
    • Typography (Typographie) : thèmes de police prédéfinis ou personnalisés
  7. Utilisez les options View (Affichage) pour prévisualiser la façon dont la page d’accueil s’affichera sur un ordinateur de bureau, une tablette et un appareil mobile.
  8. Cliquez sur Save (Enregistrer) pour appliquer la configuration de la page d'accueil.
  9. Cliquez sur le bouton Close (Fermer) Close (Fermer) pour fermer l'éditeur de page d'accueil.
  10. En haut du site, cliquez sur Home (Accueil) pour afficher votre page d'accueil.

En-tête

L'en-tête de la page d'accueil peut comporter les éléments suivants : image de couverture, titre de l'organisation et logo de l'organisation.

Pour configurer l'en-tête de la page d'accueil, procédez comme suit :

  1. Suivez les quatre premières étapes de la section Créer une page d’accueil ci-dessus.
  2. Sous Content (Contenu), cliquez sur Header (En-tête).
  3. Insérez, si vous le désirez, le titre de votre organisation dans l’en-tête.
    1. Activez le bouton bascule Show organization title (Afficher le titre de l’organisation).
    2. Dans la zone de texte Organization title (Titre de l'organisation), conservez le titre (importé des paramètres de profil de l'organisation) ou saisissez-en un nouveau.
    3. Dans le menu déroulant Header colors (Couleurs de l’en-tête), sélectionnez une couleur pour le texte du titre.
      Remarque :

      Si vous avez déjà spécifié un thème de couleurs prédéfini ou personnalisé pour la conception de votre page d’accueil, la sélection d’une nouvelle couleur dans le menu déroulant aura pour effet de remplacer le style de couleur spécifié pour cet élément.

  4. Insérez, si vous le désirez, le logo de l’organisation dans l’en-tête.
    1. Activez le bouton bascule Show organization logo (Afficher le logo de l’organisation).
    2. Cliquez sur Choose file (Choisir le fichier) et accédez au fichier image sur votre ordinateur.

      Les formats d'image valides sont PNG, GIF et JPEG. Pour obtenir les meilleurs résultats, le logo doit présenter une largeur et une hauteur de 300 pixels.

    3. Appliquez un déplacement et un zoom sur ce qui doit figurer dans votre logo.

      Selon la taille et la résolution de votre fichier image et le niveau de zoom avant appliqué pour personnaliser la miniature, l’image peut être rééchantillonnée et mise à l’échelle lors de son enregistrement.

    4. Cliquez sur Enregistrer.
  5. Insérez, si vous le désirez, une image de couverture dans l’en-tête.
    1. Activez le bouton bascule Show cover image (Afficher l'image de couverture).
    2. Utilisez l’une des options suivantes pour sélectionner l’image de couverture :
      • Use a stock cover (Utiliser une image de couverture stockée) : pour appliquer une image de couverture stockée prête à l’emploi. Sélectionnez une image dans le menu déroulant.
      • Upload a custom cover (Utiliser une image de couverture stockée) : pour télécharger un image de couverture personnalisée. Cliquez sur Choose file (Choisir un fichier) et accédez au fichier image sur votre ordinateur. Les formats d'image valides sont PNG, GIF et JPEG. Cliquez sur Enregistrer.
        Remarque :

        Vérifiez la taille du fichier image avant de le télécharger. Les gros fichiers peuvent altérer les performances de certains utilisateurs du site Web.

  6. Cliquez sur Layout Options (Options de mise en page) et effectuez les actions suivantes :
    • Sélectionnez la hauteur de l'image de couverture.
    • Réglez le point focal de l'image de couverture en cliquant dans la fenêtre d'aperçu de l'image. Le point focal que vous indiquez déterminer le centre de l'image sur toutes les tailles d'écran.
    • Ajustez l'opacité de l'image de couverture à l'aide du curseur Overlay opacity (Opacité de superposition).
    • Ajustez l'alignement vertical du titre et du logo ainsi que leur position horizontale par rapport à l'image de couverture.
      Remarque :

      Si vous choisissez Align left (Aligner à gauche), l'alignement du titre s'ajuste de façon dynamique à la taille de l'écran. Si vous diminuez la taille de l'écran sur un ordinateur de bureau, le titre devient plus centré. Sur une tablette ou un téléphone, le titre est toujours centré, quelle que soit l'option d'alignement choisie.

  7. Cliquez sur Save (Enregistrer) pour enregistrer la configuration de l'en-tête.

Blocs de contenu

La page d’accueil peut comporter jusqu’à 15 blocs de contenu, notamment du texte, des bibliothèques d’éléments et des liens. Utilisez les blocs de texte pour configurer des titres et d'autres contenus de texte concernant votre organisation. Configurez des bibliothèques d’éléments pour exposer des cartes, scènes, applications et autres éléments de contenu. Ajoutez des blocs de liens personnalisés pour permettre aux membres et aux visiteurs de découvrir davantage de contenu.

Lors de la configuration d'une bibliothèque d'éléments, spécifiez le groupe qui contient les éléments que vous voulez afficher. Ainsi, vous pouvez configurer des bibliothèques pour afficher différents contenus pour différents publics. Par exemple, une organisation qui autorise un accès anonyme peut souhaiter que certains éléments ne soient visibles que par ses membres et pas par les personnes extérieures.

Vous pouvez gérer la visibilité des bibliothèques d’éléments et des éléments eux-mêmes à l’aide d’une combinaison de paramètres de groupe (Qui peut afficher ce groupe ?) et des niveaux de partage des éléments, comme suit :

À qui est destinée la bibliothèque d’éléments ?Visible parDéfinir le niveau de partage des éléments sur

Tout le monde (public)

Tout le monde (public)

Tout le monde (public)

Tous les membres de l’organisation

Les personnes au sein de l’organisation

Organisation

Membres d’une organisation spécifique

Les personnes au sein de l’organisation

Groupe de bibliothèque d’éléments ou autres groupes spécifiques

Si une bibliothèque d’éléments n’a pas d’éléments visibles pour une personne consultant la page d’accueil, la bibliothèque ne s’affiche pas. Ainsi, les personnes extérieures à l’organisation (non membres) ne verront pas une bibliothèque contenant seulement des éléments partagés au niveau de l’organisation.

Au moment de configurer un bloc de liens, vous pouvez inclure jusqu’à huit liens. Vous pouvez utiliser des URL de sites Web et des adresses électroniques en guise de liens. Il convient d’utiliser des URL HTTPS et une syntaxe de lien mailto valides. Vous pouvez configurer les liens pour qu’ils s’affichent sous forme de texte souligné ou de boutons.

Chaque bloc de contenu peut être personnalisé pour répondre aux besoins de votre organisation et de votre communauté d’utilisateurs. Une fois configurés, les blocs peuvent être réorganisés sur la page et mis à jour le cas échéant.

Pour configurer les blocs de contenu de la page d’accueil, procédez comme suit :

  1. Suivez les quatre premières étapes de la section Créer une page d’accueil ci-dessus.
  2. Sous Content (Contenu), cliquez sur Content blocks (Blocs de contenu).
  3. Pour ajouter un bloc de texte, procédez comme suit :
    1. Cliquez sur Add block (Ajouter un bloc), puis sur Text (Texte).
    2. Pour inclure un titre, activez le bouton bascule Show headline (Afficher le titre) et saisissez le titre.
    3. Pour inclure le texte du corps, activez le bouton bascule Show body copy (Afficher le corps du texte) et saisissez le texte du corps dans la zone de texte Body copy (Copie du corps).

      Pour inclure des hyperliens dans le texte de votre corps, cliquez sur Add link (Ajouter un lien). Dans la fenêtre Add link (Ajouter un lien), entrez un titre de lien et une destination de lien, puis cliquez sur Add (Ajouter). La destination de lien doit correspondre à une URL HTTPS valide (par exemple, https://www.arcgis.com/home) ou un lien mailto (par exemple, mailto:info@example.com). Le lien est ajouté à la zone de texte Body copy (Copie du corps) à l’aide de la syntaxe Markdown.

    4. Sélectionnez une option d’alignement du texte.
    5. Dans le menu déroulant Block colors (Couleurs du bloc), sélectionnez une couleur d’arrière-plan pour le bloc de texte.
      Remarque :

      Si vous avez déjà spécifié un thème de couleurs prédéfini ou personnalisé pour la conception de votre page d’accueil, la sélection d’une nouvelle couleur dans le menu déroulant aura pour effet de remplacer le style de couleur spécifié pour cet élément.

    6. Cliquez sur Save (Enregistrer) pour enregistrer la configuration du corps de texte.
    7. Répétez ces étapes pour chaque bloc de texte.
  4. Pour configurer une bibliothèque d’éléments, procédez comme suit :
    1. Cliquez sur Add block (Ajouter un bloc), puis sur Item gallery (Bibliothèque d’éléments).
    2. Cliquez dans le champ Group (Groupe) et recherchez et sélectionnez un groupe dont vous souhaitez faire figurer le contenu dans la bibliothèque.
    3. Pour inclure un titre, activez le bouton bascule Show title (Afficher le titre) et saisissez le titre.
    4. Pour inclure un résumé, activez le bouton bascule Show summary (Afficher le résumé) et saisissez le résumé dans la zone de texte Summary (Résumé).

      Pour inclure des hyperliens dans le résumé de la bibliothèque, cliquez sur Add link (Ajouter un lien). Dans la fenêtre Add link (Ajouter un lien), entrez un titre de lien et une destination de lien, puis cliquez sur Add (Ajouter). La destination de lien doit correspondre à une URL HTTPS valide (par exemple, https://www.arcgis.com/home) ou un lien mailto (par exemple, mailto:info@example.com). Le lien est ajouté à la zone de texte Summary (Résumé) à l’aide de la syntaxe Markdown.

    5. Sélectionnez une option d’alignement du titre et du texte du résumé.
    6. Sélectionnez un nombre dans le menu déroulant Number of items displayed (Nombre d’éléments affichés).
    7. Pour modifier la façon dont les éléments sont triés, sélectionnez une option dans le menu déroulant Sort items by (Trier les éléments par). Par exemple, vous pouvez les trier par propriétaire ou nombre de vues. Pour trier les éléments par ordre décroissant plutôt que croissant, désélectionnez la case Sort ascending (Tri croissant).
    8. Dans le menu déroulant Display item types (Afficher les types d'éléments), sélectionnez le type des éléments à afficher (par exemple, Maps (Cartes) ou Apps (Applications)) ou sélectionnez All (Tout) pour afficher tous les types d'éléments dans la bibliothèque.
    9. Dans la section Item display preferences (Préférences d’affichage des éléments), effectuez l’une des opérations suivantes :
      • Dans le menu déroulant Block colors (Couleur du bloc), sélectionnez une couleur différente pour l’arrière-plan de la bibliothèque le cas échéant.
        Remarque :

        Si vous avez déjà spécifié un thème de couleurs prédéfini ou personnalisé pour la conception de votre page d’accueil, la sélection d’une nouvelle couleur dans le menu déroulant aura pour effet de remplacer le style de couleur spécifié pour cet élément.

      • Précisez les informations que vous voulez afficher dans les fiches d’élément. Par exemple, vous pouvez désactiver les boutons de bascule Show item type (Afficher le type d’élément) et Show item summary (Afficher le résumé de l’élément) pour masquer ces informations.
    10. Répétez ces étapes pour chaque bibliothèque.
  5. Pour ajouter un bloc de liens, procédez comme suit :
    1. Cliquez sur Add block (Ajouter un bloc), puis sur Lien (Lien).
    2. Cliquez sur Add link (Ajouter un lien).
    3. Dans la zone de texte Link title (Titre du lien), attribuez un titre au lien.
    4. Dans la zone de texte Link destination (Destination du lien), saisissez une URL HTTPS de site Web ou un lien de courrier électronique valide.
      Conseil :

      Voici une syntaxe de lien de courrier électronique valide : mailto:info@example.com.

    5. Cliquez sur Add (Ajouter) pour ajouter le lien.
    6. Répétez les étapes précédentes pour ajouter des liens au bloc.

      Chaque bloc de liens peut contenir jusqu’à huit liens.

    7. Pour afficher chaque lien sous forme de bouton, activez le bouton bascule Show button outlines (Afficher les contours du bouton). Désactivez le bouton bascule pour afficher les liens sous forme de texte souligné.
    8. Dans le menu déroulant Block colors (Couleurs du bloc), sélectionnez éventuellement une autre couleur d’arrière-plan pour le bloc de liens.
      Remarque :

      Si vous avez déjà spécifié un thème de couleurs prédéfini ou personnalisé pour la conception de votre page d’accueil, la sélection d’une nouvelle couleur dans le menu déroulant aura pour effet de remplacer le style de couleur spécifié pour cet élément.

    9. Effectuez l’une des opérations suivantes pour gérer les liens :
      • Pour modifier un lien, cliquez sur le bouton Edit (Mettre à jour) Mettre à jour, apportez les modifications nécessaires, puis cliquez sur Save (Enregistrer).
      • Pour supprimer un lien, cliquez sur le bouton Delete (Supprimer) Supprimer.
      • Pour changer l’ordre des liens dans le bloc, cliquez sur le bouton Reorder (Réorganiser) Reorder (Réorganiser) en regard d’un lien, puis déplacez-le jusqu’à son nouvel emplacement.
  6. Cliquez sur Save (Enregistrer) lorsque vous avez fini de configurer les blocs.
  7. Dans la fenêtre Body (Corps), effectuez l’une des actions suivantes pour mettre à jour et trier les blocs que vous avez configurés :
    • Pour modifier un bloc, cliquez sur le bouton Edit (Mettre à jour) Mettre à jour, apportez les modifications nécessaires, puis cliquez sur Save (Enregistrer).
    • Pour supprimer un bloc, cliquez sur le bouton Delete (Supprimer) Supprimer.
    • Pour modifier la position des blocs sur la page d'accueil, cliquez sur le bouton Reorder (Réorganiser) Réorganiser sur un bloc et faites-le glisser à sa nouvelle position.
  8. Cliquez sur Save (Enregistrer) lorsque vous avez terminé.

Pied de page

Vous pouvez configurer un lien permettant de contacter votre organisation et choisir une couleur d'arrière-plan pour le pied de page.

Pour configurer le pied de page de la page d'accueil, procédez comme suit :

  1. Suivez les quatre premières étapes de la section Créer une page d’accueil ci-dessus.
  2. Sous Content (Contenu), cliquez sur Footer (Pied de page).
  3. Pour inclure un texte personnalisé (par exemple, un texte de copyright) dans le pied de page, activez le bouton bascule Display footer text (Afficher le texte du pied de page), puis saisissez le texte du pied de page.

    Pour inclure des hyperliens dans le texte du pied de page personnalisé, cliquez sur Add link (Ajouter un lien). Dans la fenêtre Add link (Ajouter un lien), entrez un titre de lien et une destination de lien, puis cliquez sur Add (Ajouter). La destination de lien doit correspondre à une URL HTTPS valide (par exemple, https://www.arcgis.com/home) ou un lien mailto (par exemple, mailto:info@example.com). Le lien est ajouté à la zone Footer text (Texte du pied de page) à l’aide de la syntaxe Markdown.

  4. Pour inclure un lien Contact Us (Nous contacter) dans le pied de page, activez le bouton bascule Display contact us link (Afficher le lien Nous contacter) et saisissez une adresse électronique à utiliser pour ce lien.
  5. Dans le menu déroulant Block colors (Couleurs du bloc), sélectionnez une couleur d’arrière-plan pour le pied de la page d’accueil.
    Remarque :

    Si vous avez déjà spécifié un thème de couleurs prédéfini ou personnalisé pour la conception de votre page d’accueil, la sélection d’une nouvelle couleur dans le menu déroulant aura pour effet de remplacer le style de couleur spécifié pour cet élément.

  6. Cliquez sur Save (Enregistrer) pour enregistrer la configuration du pied de page.
Remarque :

Vous pouvez configurer des liens supplémentaires pour qu’ils apparaissent dans le pied de page de la page d’accueil en mettant à jour la propriété footerLinks dans le fichier de configuration de votre portail. Pour plus de détails, reportez-vous à la rubrique Définir les options de portail avancées.

Couleurs

L’éditeur de la page d’accueil vous permet de contrôler les couleurs qui s’affichent sur votre page d’accueil. Vous avez le choix entre huit combinaisons de couleurs prédéfinies à appliquer au contenu de la page d’accueil. Chaque thème de couleurs contient des styles de couleur qui définissent les couleurs du texte, de l’arrière-plan, du titre et des boutons ou des liens.

Si les thèmes prédéfinis ne répondent pas à vos besoins (par exemple, si votre organisation a des exigences de marque précises en matière de couleurs), vous pouvez créer une combinaison de couleurs personnalisée avec des styles configurés par vos soins.

Pour configurer les couleurs de la page d’accueil, procédez comme suit :

  1. Suivez les quatre premières étapes de la section Créer une page d’accueil ci-dessus.
  2. Sous Design (Conception), cliquez sur Colors (Couleurs).
  3. Cliquez sur Use preset themes (Utiliser des thèmes prédéfinis) ou sur Use custom theme (Utiliser un thème personnalisé).
  4. Si vous utilisez des thèmes prédéfinis, sélectionnez-en un dans le menu déroulant et modifiez éventuellement le style de couleur appliqué à l’un des composants de la page d’accueil, par exemple un bloc de texte ou une bibliothèque.
  5. Si vous configurez un thème de couleurs personnalisé, configurez un ou plusieurs styles personnalisés comme suit :
    1. Sous Custom color styles (Styles de couleur personnalisés), cliquez sur Add custom style (Ajouter un style personnalisé).
    2. Donnez un nom au style.
    3. Sous Configure colors (Configurer les couleurs), cliquez sur le bouton Edit custom style (Mettre à jour le style personnalisé) Mettre à jour le style personnalisé en regard d’un élément de bloc, par exemple Background (Arrière-plan).
    4. Spécifiez une couleur en saisissant une valeur hexadécimale, des valeurs RVB ou des valeurs TSL, ou en sélectionnant une couleur dans le sélecteur de couleurs, la palette de couleurs prédéfinies ou les couleurs à thème partagé (si défini).
    5. Répétez ces étapes pour chaque élément de bloc dont vous voulez configurer les couleurs.
    6. Si des éléments sont signalés comme Not legible (Illisible), cliquez sur le bouton Edit custom style (Mettre à jour le style personnalisé) Mettre à jour le style personnalisé de l’élément et configurez une autre couleur.

      Au lieu de cela, vous pouvez ajuster la couleur d’arrière-plan.

      Remarque :

      Un taux de contraste est calculé et s’affiche pour chacune des couleurs du titre, du résumé et du lien ou du bouton. Le taux de contraste mesure le degré de contraste entre la couleur d’arrière-plan et chacune de ces couleurs spécifiées. Les taux de contraste élevés présentent une meilleure lisibilité selon les normes d’accessibilité WCAG 2.1. Un taux de contraste inférieur à 4.5 est signalé comme Not legible (Illisible).

    7. Dans la fenêtre Add custom style (Ajouter un style personnalisé), cliquez sur Save (Enregistrer) lorsque vous avez terminé.
  6. Pour créer des styles personnalisés supplémentaires, répétez l’étape précédente.
    Conseil :

    Pour créer un style de couleur personnalisé en fonction d’un style existant, vous pouvez cliquer sur le bouton Edit (Mise à jour) Mise à jour d’un style, donner un nom au nouveau style, configurer les couleurs du style et cliquer sur Save as new style (Enregistrer comme nouveau style).

  7. Pour mettre à jour un style de couleur personnalisé, cliquez sur le bouton Edit (Mise à jour) Mise à jour, modifiez le nom et les couleurs du style et cliquez sur Overwrite style (Remplacer le style).
  8. Pour supprimer un style de couleur personnalisé, cliquez sur le bouton Delete (Supprimer) Supprimer, confirmez que vous voulez supprimer le style, puis cliquez sur Remove (Supprimer).
    Remarque :

    Si vous supprimez le style, un style gris est appliqué aux blocs de la page d’accueil qui utilisent le style personnalisé que vous souhaitez supprimer.

  9. Cliquez sur Save (Enregistrer) pour enregistrer la configuration des couleurs.

Typographie

L’éditeur de page d’accueil vous permet de contrôler les polices qui s’affichent dans votre page d’accueil. Vous pouvez effectuer une sélection dans une liste de thèmes de police prédéfinis destinés à conférer un aspect professionnel à votre page d’accueil. Chaque thème de police prédéfini contient une police pour les titres et une police pour le texte du corps.

Si les thèmes prédéfinis ne répondent pas à vos besoins (par exemple, si votre organisation a des exigences précises en matière de personnalisation de polices ou si vous souhaitez avoir un plus grand choix de polices), vous pouvez créer un thème de police personnalisé en choisissant une combinaison de polices pour les titres et le corps parmi une sélection de polices courantes.

Pour configurer les polices de la page d’accueil, procédez comme suit :

  1. Suivez les quatre premières étapes de la section Créer une page d’accueil ci-dessus.
  2. Sous Design (Conception), cliquez sur Typography (Typographie).
  3. Cliquez sur Use preset themes (Utiliser des thèmes prédéfinis) ou sur Use custom theme (Utiliser un thème personnalisé).
  4. Effectuez l'une des opérations suivantes :
    • Si vous utilisez un thème de police prédéfini, sélectionnez-en un dans la liste.
    • Si vous utilisez un thème de police personnalisé, sélectionnez la police du titre et la police du corps dans les menus déroulants.
  5. Cliquez sur Save (Enregistrer) pour enregistrer votre configuration des polices.

Vous avez un commentaire à formuler concernant cette rubrique ?

Dans cette rubrique
  1. Créer une page d'accueil