Configurare la home page—Guida di ArcGIS Online

La home page è la landing page del sito Web dell'organizzazione e funge da gateway per la community di utenti. La home page fornisce risorse e contenuti utili per i membri dell'organizzazione e, se si consente l'accesso esterno, per il pubblico. È possibile configurare una home page moderna e dall'aspetto professionale che rispecchi il branding e la mission dell'organizzazione e che mostri le mappe, le scene, le app e i layer più importanti per la community.

Nota:

Le organizzazioni create prima di giugno 2020 potrebbero aver configurato la loro home page utilizzando impostazioni home page obsolete. Il supporto per le impostazioni home page obsolete è stato interrotto e le organizzazioni sono state aggiornate alla moderna esperienza home page mobile, con gallerie di elementi, link e colori e font personalizzati. Se la tua organizzazione ha ricevuto un'estensione per continuare a utilizzare la tua home page obsoleta, puoi ancora visualizzare la home page obsoleta per riferimento o copiare contenuti nella moderna home page.

Utilizzando i componenti personalizzabili nell'editor della home page, gli amministratori predefiniti e coloro che dispongono dei privilegi adeguati possono progettare, visualizzare in anteprima e installare una home page responsiva che si visualizzi perfettamente sia in browser desktop sia mobili.

Suggerimento:

Per i suggerimenti e i migliori standard per cominciare con maggiore facilità, consulta Migliori standard per la creazione della pagina iniziale di un'organizzazione.

Creare una home page

Usare l'editor della home page per creare una home page per l'organizzazione ArcGIS Online. L'editor della home page include una serie flessibile di componenti e opzioni che consentono di creare un punto di ingresso univoco al sito. Mentre si configura la pagina utilizzando l'editor della home page, si visualizza un'anteprima in tempo reale delle proprie scelte di progettazione che aiuta a ottenere l'aspetto e le funzionalità desiderati. Utilizzare le opzioni di visualizzazione in fondo all'editor della home page per vedere come apparirà la pagina su dispositivi diversi.

Nota:

Verificare di avere effettuato l'accesso come amministratore predefinito o ruolo personalizzato con privilegi amministrativi per gestire il sito Web dell'organizzazione.
Nella parte superiore della schermata del sito, fare clic su Organizzazione e scegliere la scheda Impostazioni.
Fare clic su Home page sul lato della pagina.
Nella sezione Editor della home page, fare clic su Avviare editor.
Configura gli elementi di contenuto della home page come segue:
- Intestazione: titolo, logo e immagine della copertina
- Blocchi di contenuto: gallerie di articoli, testo e link
- Piè di pagina-Informazioni di contatto, testo e link a piè di pagina personalizzati e stile del piè di pagina
Configurare il progetto della home page come segue:
- Colori: temi di colore preimpostati o personalizzati
- Tipografia: Tipografia: temi di font preimpostati o personalizzati
Utilizzare le opzioni Vista per vedere in anteprima come verrà visualizzata la tua home page su desktop, tablet e dispositivi mobili.
Fare clic su Salva per applicare la configurazione della home page.
Fare clic sul pulsante Chiudi per chiudere l'editor della home page.
In cima al sito, fare clic su Home per visualizzare la home page.

Intestazione

L'intestazione della home page può includere uno qualunque dei seguenti elementi: un'immagine della copertina, un titolo dell'organizzazione e un logo dell'organizzazione.

Per configurare l'intestazione della home page, procedere come segue:

Seguire i primi quattro passaggi della sezione Creazione di una home page in alto.
In Contenuto, fai clic su Intestazione.
Facoltativamente, includere il titolo della propria organizzazione nell'intestazione.
1. Attivare il selettore Mostra titolo organizzazione.
2. Nella casella di testo Titolo organizzazione, mantenere il titolo (importato dalle impostazioni del profilo dell'organizzazione) o digitarne uno nuovo.
3. Dal menu a discesa Colori intestazione, seleziona un colore per il testo del titolo.
  Nota:
  Se è stato specificato un tema di colore preimpostato o personalizzato per il design della home page, la selezione di un nuovo colore dal menu a discesa sovrascriverà lo stile di colore specificato per questo elemento.
Facoltativamente, includere un logo dell'organizzazione nell'intestazione.
1. Attivare il selettore Mostra logo organizzazione.
2. Fare clic su Seleziona file e individuare il file immagine sul desktop.
  I formati immagine accettati sono PNG, GIF e JPEG. Per ottenere risultati ottimali, le dimensioni del logo devono essere pari a 300 pixel di larghezza e 300 pixel di altezza.
3. Eseguire il pan e lo zoom a ciò che si desidera visualizzare nel logo.
  In base alla dimensione e alla risoluzione del file di immagine e allo zoom avanti applicato per personalizzare l'anteprima, l'immagine può essere ricampionata e scalata quando viene salvata.
4. Fare clic su Salva.
Facoltativamente, includere un'immagine di copertina nell'intestazione.
1. Attivare il selettore Mostra immagine copertina.
2. Utilizzare una delle seguenti opzioni per selezionare un'immagine di copertina:
  - Utilizzare una copertina di archivio: applicare un'immagine di copertina di archivio pronta all'uso. Selezionare un'immagine dal menu a discesa.
  - Caricare una copertina personalizzata: caricare un'immagine di copertina personalizzata. Fare clic su Seleziona file e individuare un file immagine sul desktop. I formati immagine accettati sono PNG, GIF e JPEG. Fare clic su Salva.
    Nota:
    L'immagine deve essere approssimativamente 1920 pixel di larghezza per 1080 pixel di altezza. Considerrea la dimensione del file immagine prima di caricarlo, perché file di grandi dimensioni possono influire sulle prestazioni per alcuni utenti del sito Web. La dimensione del file deve essere inferiore a 1 MB.
Fare clic su Opzioni di layout ed eseguire le operazioni seguenti:
- Seleziona un'altezza per l'immagine di copertina (schermo intero, due terzi di schermo o metà schermo).
- Regolare il punto focale dell'immagine di copertina facendo clic sulla finestra di anteprima dell'immagine. Il punto focale specificato determina il centro dell'immagine su tutte le dimensioni dello schermo.
- Regolare l'opacità dell'immagine di copertina utilizzando il cursore Opacità overlay.
- Regolare l'allineamento verticale del titolo e del logo e la loro posizione orizzontale in relazione all'immagine di copertina.
  Nota:
  Se si sceglie Allinea a sinistra, l'allineamento del titolo si regola dinamicamente in base alle dimensioni dello schermo. Se si riduce la dimensione dello schermo su un dispositivo desktop, il titolo diventa più centrato. Su un tablet o smartphone, il titolo è sempre centrato a prescindere dall'opzione di allineamento prescelta.
Fare clic su Salva per salvare la configurazione dell'intestazione.

Blocchi di contenuto

La home page può includere fino a 15 blocchi di contenuto, tra cui testo, gallerie di articoli e link. Utilizzare i blocchi di testo per configurare titoli e altri contenuti basati sul testo riguardanti l'organizzazione. Configurare le raccolte di elementi per mostrare mappe, scene, app e altri elementi del contenuto. Aggiungere blocchi di collegamenti personalizzati per aiutare i membri e i visitatori a scoprire più contenuti.

Quando si configura una galleria di elementi, si specifica un gruppo contenente gli elementi da visualizzare. Ciò consente di configurare gallerie personalizzate per visualizzare contenuti diversi per pubblici diversi. Ad esempio, un'organizzazione che consente l'accesso anonimo potrebbe voler rendere visibili alcuni elementi solo ai membri dell'organizzazione e nasconderli ai visitatori del sito che non sono membri.

È possibile controllare la visibilità delle raccolte di elementi e dei singoli elementi della raccolta utilizzando una combinazione di impostazioni di gruppo (Chi può visualizzare questo gruppo?) e di livelli di condivisione degli elementi, come segue:


A chi è destinata questa raccolta di elementi?	Rendi visibile il gruppo per	Imposta livello di condivisione elemento su
Tutti (pubblica)	Tutti (pubblica)	Tutti (pubblica)
Tutti i membri dell'organizzazione (esclusi i non membri)	Persone nell'organizzazione	Organizzazione
Membri specifici dell'organizzazione	Persone nell'organizzazione	Gruppo raccolta elementi e altri gruppi specifici

Se una raccolta di elementi non ha elementi visibili per chi visualizza la home page, la galleria non appare. Ad esempio, i non membri non vedranno una raccolta che contiene solo elementi condivisi a livello di organizzazione.

Quando si configura un blocco di collegamento, è possibile includere fino a otto collegamenti. Per i collegamenti è possibile usare gli URL del sito Web e gli indirizzi e-mail. È necessario usare una sintassi valida per gli URL HTTPS e i collegamenti mailto. È possibile configurare i collegamenti in modo che appaiano come testo sottolineato o come pulsanti. Puoi anche includere un'immagine per ogni link.

Ciascun blocco di contenuto può essere personalizzato per soddisfare le esigenze dell'organizzazione e della community di utenti. Una volta configurati, i blocchi possono essere riordinati nella pagina e modificati in base alle esigenze.

Per configurare i blocchi di contenuto sulla home page, eseguire le operazioni seguenti:

Seguire i primi quattro passaggi della sezione Creazione di una home page in alto.
Sotto Contenuto, clicca su Blocchi di contenuto.
Per aggiungere un blocco di testo, eseguire le operazioni seguenti:
1. Fare clic su Aggiungi blocco, quindi su Testo.
2. Per includere un titolo, attivare il selettore Mostrare titolo e digitare un titolo.
3. Per includere un testo corpo, attivare il selettore Mostra copia corpo e digitare il testo del corpo nella casella di testo Copia corpo.
  Per includere collegamenti ipertestuali nel testo corpo, cliccare Aggiungi collegamento. Nella finestra Aggiungi link digitare un titolo per questo link e una destinazione e fare clic su Aggiungi. La destinazione link deve essere un HTTPS URL valido: per esempio, https://www.arcgis.com/home, o un link mailto, per esempio mailto:info@example.com Il collegamento è aggiunto alla casella di testo Copia corpo utilizzando la sintassi del markdown.
4. Scegliere un'opzione di allineamento per il testo.
5. Dal menu a discesa Colori del blocco, seleziona un colore di sfondo per il blocco di testo.
  Nota:
  Se è stato specificato un tema di colore preimpostato o personalizzato per il design della home page, la selezione di un nuovo colore dal menu a discesa sovrascriverà lo stile di colore specificato per questo elemento.
6. Fare clic su Salva per salvare la configurazione del blocco del testo.
7. Ripetere questi passaggi per ogni blocco di testo.
Per configurare una galleria di elementi, procedere come segue:
1. Fare clic su Aggiungi blocco, quindi su Galleria elementi.
2. Fare clic sulla casella Gruppo e individuare e selezionare un gruppo i cui contenuti si desiderano includere nella galleria.
3. Per includere un titolo, attivare il selettore Mostra titolo e digitare un titolo.
4. Per includere un riepilogo, attivare il selettore Mostra riepilogo e digitare un riepilogo nella casella di testo Riepilogo.
  Per includere collegamenti ipertestuali nella galleria di riepilogo, cliccare Aggiungi collegamento. Nella finestra Aggiungi link digitare un titolo per questo link e una destinazione e fare clic su Aggiungi. La destinazione link deve essere un HTTPS URL valido: per esempio, https://www.arcgis.com/home, o un link mailto, per esempio mailto:info@example.com Il collegamento è aggiunto alla casella di testo Riepilogo utilizzando la sintassi del markdown.
5. Scegliere un'opzione di allineamento per il testo del titolo e del riepilogo.
6. Selezionare un numero dal menu a discesa Numero di elementi visualizzati.
7. Facoltativamente, disattivare il pulsante Mostra contenuti in primo piano per visualizzare gli elementi aggiunti più di recente al gruppo invece dei contenuti in primo piano del gruppo nella galleria di elementi.
  Questa opzione è disponibile solo se il gruppo selezionato ha una galleria curata di articoli in primo piano.
8. Per modificare il modo in cui sono ordinati gli elementi, selezionare un'opzione nel menu a discesa Ordinare elementi per. Ad esempio, è possibile ordinare gli elementi per conteggio di visualizzazioni o proprietario. Per ordinare gli elementi in ordine decrescente invece che crescente, deselezionare la casella di controllo Ordine ascendente.
  Se il gruppo ha una galleria di contenuti in primo piano e il pulsante Mostra contenuti in primo piano è attivato, gli elementi vengono visualizzati nello stesso ordine nella galleria degli elementi della home page come appaiono nella galleria dei contenuti in primo piano per il gruppo.
9. Dal menu a discesa Visualizza tipi di elementi, scegliere i tipi di elementi specifici da visualizzare, per esempio Mappe o App o selezionare Tutti per visualizzare tutti i tipi di elementi nella galleria.
10. Nella sezione Preferenze di visualizzazione dell'elemento, eseguire una delle operazioni seguenti:
  - Dal menu a discesa Colori blocco, selezionare un colore di sfondo differente per la galleria secondo necessità.
    Nota:
    Se è stato specificato un tema di colore preimpostato o personalizzato per il design della home page, la selezione di un nuovo colore dal menu a discesa sovrascriverà lo stile di colore specificato per questo elemento.
  - Specificare le informazioni che si desidera visualizzare sulle schede dell'elemento. Per esempio, è possibile disattivare i pulsanti di attivazione Mostra tipo elemento e Mostra riepilogo elemento per nascondere queste informazioni.
11. Ripetere questi passaggi per ogni raccolta.
Per aggiungere un blocco di collegamenti, eseguire le operazioni seguenti:
1. Fare clic su Aggiungi blocco, quindi su Collegamento.
2. Opzionalmente, attiva il pulsante Aggiungi immagini ai link per includere un'immagine per ogni link nel blocco.
3. Cliccare Aggiungi collegamento.
4. Nella casella di testo Titolo collegamento, digitare un titolo per il collegamento.
5. Se hai attivato l'opzione per includere immagini, clicca su Carica immagine nella casella Link immagine, cerca un'immagine e clicca su Salva.
  Per risultati ottimali, scegliere un'immagine di 800 pixel di larghezza per 600 pixel di altezza.
6. Nella casella di testo Destinazione collegamento, immettere un URL HTTPS di sito Web valido o un collegamento e-mail valido.
  Suggerimento:
  La sintassi valida per i collegamenti e-mail è mailto:info@example.com.
7. Cliccare Aggiungi per aggiungere il collegamento.
8. Ripetere la procedura precedente per aggiungere collegamenti al blocco.
  Ciascun blocco di collegamento può contenere fino a otto collegamenti.
  Nota:
  Per gli abbonamenti di prova i collegamenti non sono supportati.
9. Per visualizzare ciascun collegamento come un pulsante, attivare il pulsante di selezione Mostra i contorni del pulsante. Disattivare il pulsante di selezione per visualizzare i collegamenti come testo sottolineato.
10. Dal menu a discesa Colori di blocco, selezionare un colore di sfondo differente per i blocchi di collegamento secondo necessità.
  Nota:
  Se è stato specificato un tema di colore preimpostato o personalizzato per il design della home page, la selezione di un nuovo colore dal menu a discesa sovrascriverà lo stile di colore specificato per questo elemento.
11. Eseguire una delle operazioni seguenti per gestire i collegamenti:
  - Per modificare un collegamento, fare clic sul pulsante Modifica , apportare le modifiche necessarie e fare clic su Salva.
  - Per eliminare un collegamento, fare clic sul pulsante Elimina .
  - Per modificare l'ordine dei collegamenti nel blocco, fare clic sul pulsante Riordina accanto a un collegamento e trascinarlo su una nuova posizione.
Fare clic su Salva una volta terminata la configurazione dei blocchi.
Nel riquadro Corpo, eseguire una delle seguenti azioni per modificare e ordinare i blocchi configurati:
- Per modificare un blocco, fare clic cul pulsante Modifica , apportare le modifiche necessarie e fare clic su Salva.
- Per eliminare un blocco, fare clic sul pulsante Elimina .
- Per modificare la posizione dei blocchi sulla home page, fare clic sul pulsante Riordina in un blocco e trascinarlo su una nuova posizione.
Al termine fare clic su Salva.

Piè di pagina

Per impostazione predefinita, il piè di pagina della home page contiene tre link preconfigurati, incluso un link Contatta Esri. È anche possibile configurare un link di contatto e testo piè di pagina personalizzati per l'organizzazione, nonché scegliere un colore di sfondo per il piè di pagina.

Per configurare il piè di pagina della home page, procedere come segue:

Seguire i primi quattro passaggi della sezione Creazione di una home page in alto.
Sotto Contenuto, clicca su Piè di pagina.
Per includere un testo personalizzato, per esempio, un testo copyright per il piè di pagina, attivare il selettore Visualizza testo piè di pagina e digitare un testo per il piè di pagina.
Per includere collegamenti ipertestuali nel testo del piè di pagina personalizzato, fai clic su Aggiungi collegamento. Nella finestra Aggiungi link digitare un titolo per questo link e una destinazione e fare clic su Aggiungi. La destinazione link deve essere un HTTPS URL valido: per esempio, https://www.arcgis.com/home, o un link mailto, per esempio mailto:info@example.com Il collegamento è aggiunto alla casella Testo piè di pagina utilizzando la sintassi del markdown.
Per includere un link Contattaci nel piè di pagina, attivare il selettore Visualizza link di contatto e immettere un indirizzo e-mail da usare per il link.
Dal menu a discesa Colori blocco, selezionare un colore di sfondo per il piè di pagina della home page.
Nota:
Se è stato specificato un tema di colore preimpostato o personalizzato per il design della home page, la selezione di un nuovo colore dal menu a discesa sovrascriverà lo stile di colore specificato per questo elemento.
Fare clic su Salva per salvare la configurazione del piè di pagina.

Colori

L'editor della home page ti dà il controllo sui colori visualizzati sulla tua home page. Puoi scegliere da una lista di otto temi di colore preimpostati da applicare al contenuto della tua home page. Ogni colore contiene stili di colore che definiscono il testo, lo sfondo, il titolo e i colori dei pulsanti o dei link.

Se i temi preimpostati non soddisfano le tue esigenze - per esempio, se la tua organizzazione ha specifici requisiti di branding del colore - puoi creare un tema di colore personalizzato con stili di colore che configuri.

Per configurare i colori per la home page, eseguire le operazioni seguenti:

Seguire i primi quattro passaggi della sezione Creazione di una home page in alto.
Sotto Progetta, cliccare Colori.
Cliccare Utilizza tema preimpostato o Utilizza tema personalizzato.
Se stai usando temi preimpostati, seleziona un tema preimpostato dal menu a discesa e opzionalmente modifica lo stile di colore applicato a qualsiasi componente della home page, per esempio un blocco di testo o una galleria.
Se si sta configurando un tema di colore personalizzato, configurare uno o più stili personalizzati come segue:
1. Sotto Stili colore personalizzati, cliccare Aggiungi stile personalizzato.
2. Digitare un nome per lo stile.
3. Sotto Configura colori, cliccare il pulsante Modifica stile personalizzato accanto a un elemento di blocco, per esempio, Sfondo.
4. Specificare un colore inserendo un valore esadecimale, valori RGB o valori HSV o scegliendo un colore dal selezionatore di colori o dalla tavolozza dei colori preimpostati o dei colori del tema condiviso (se definiti).
5. Ripetere queste operazioni per ogni elementi di blocco per il quale si desidera configurare i colori.
6. Se ogni elemento è contrassegnato come Non leggibile, cliccare il pulsante Stile personalizzato per l'elemento e configurare un colore differente.
  È invece possibile regolare il colore di sfondo.
  Nota:
  Un rapporto di contrasto è calcolato e visualizzato per ciascuno dei colori del titolo, del sommario e del link o del pulsante. Il rapporto di contrasto è una misura della quantità di contrasto tra il colore di sfondo e ciascuno di questi colori specificati. I rapporti di contrasto più alti hanno una migliore leggibilità in base agli standard di accessibilità WCAG 2.1. Un rapporto di contrasto inferiore a 4,5 è segnalato come Non leggibile.
7. Nella finestra Aggiungi stile personalizzato fare clic su Salva al termine dell'operazione.
Per creare stili personalizzati aggiuntivi, ripetere l'operazioni precedente.
Suggerimento:
Per creare uno stile di colore personalizzato basato su uno stile esistente, è possibile cliccare il pulsante Modifica per uno stile, digitare un nome per il nuovo stile, configurare i colori di stile e cliccare Salva come nuovo stile.
Per modificare uno stile di colore personalizzato, cliccare il pulsante Modifica , effettuare modifiche al nome dello stile o colori e cliccare Sovrascrivi stile.
Per rimuovere uno stile di colore personalizzato, cliccare il pulsante Elimina , confermare di voler eliminare lo stile e cliccare Rimuovi.
Nota:
Se si rimuove lo stile, uno stile grigio viene applicato a tutti i blocchi della home page che sono stilizzati con lo stile personalizzato che vuoi rimuovere.
Cliccare Salva per salvare la configurazione del colore.

Tipografia

L'editor della home page ti dà il controllo sui caratteri visualizzati sulla tua home page. È possibile scegliere da una lista di temi di caratteri preimpostati progettati per rendere la tua home page professionale. Ogni tema di font preimpostato include un font per i titoli e un font per il testo del corpo.

Se i temi preimpostati non soddisfano le tue esigenze - per esempio, se la tua organizzazione ha requisiti specifici di branding dei font o se vuoi più scelte di font - puoi creare un tema di font personalizzato scegliendo una combinazione di font per il titolo e il corpo da una selezione di font comuni.

Per configurare i font per la pagina iniziale, fate come segue:

Seguire i primi quattro passaggi della sezione Creazione di una home page in alto.
Sotto Progetta, cliccare Tipografia.
Cliccare Utilizza tema preimpostato o Utilizza tema personalizzato.
Effettuare una delle seguenti operazioni:
- Se stai usando un tema di font preimpostato, scegline uno dalla lista.
- Se stai usando un tema di font personalizzato, scegli un font del titolo e un font del corpo dai menu a discesa.
Cliccare Salva per salvare la configurazione del font.

Home page precedente

Il supporto delle impostazioni della home page obsolete è stato interrotto e le organizzazioni sono state aggiornate alla moderna esperienza di home page mobile, con gallerie di elementi, link, colori e font personalizzati. Se la tua organizzazione ha ricevuto un'estensione per continuare a utilizzare la tua home page obsoleta, puoi ancora visualizzare la home page obsoleta per riferimento o copiare contenuti nella moderna home page.

Verificare di avere effettuato l'accesso come amministratore predefinito o ruolo personalizzato con privilegi amministrativi per gestire il sito Web dell'organizzazione.
Nella parte superiore della schermata del sito, fare clic su Organizzazione e scegliere la scheda Impostazioni.
Fare clic su Home page sul lato della pagina.
Fai clic sul link home page precedente.

Qualche feedback su questo argomento?