Aggiungere testo e immagini

I membri del team principale possono aggiungere immagini e testo a un sito utilizzando le seguenti schede:

• Scheda Riga: gli elementi costitutivi del sito. Ogni scheda deve potersi inserire all'interno della scheda di una riga. È possibile aggiungere immagini e colori di sfondo alla scheda della riga. È inoltre possibile creare un effetto di parallasse usando questa scheda.
• Scheda Testo: aggiungere testo in qualunque parte del sito rilasciando questa scheda sulla scheda di una riga. È anche possibile utilizzare questa scheda per aggiungere pulsanti, elenchi, tabelle e un codice personalizzato al sito.
• Scheda Immagine: aggiungere immagini indipendenti a qualunque scheda di riga, ovunque sul sito.

Per iniziare, accedere ad ArcGIS Enterprise e fare clic su Sites nella pagina Panoramica per visualizzare un elenco dei siti.

Suggerimento:

È inoltre possibile modificare un sito mentre lo si visualizza in un browser. Assicurarsi di aver effettuato l'accesso e cercare il pulsante di modifica nella parte sinistra del sito.

Aggiungere e formattare testo

È possibile aggiungere del testo al sito ovunque vi sia la scheda di una riga.

1. Aprire un sito o una pagina in modalità di modifica.
2. Aggiungere una scheda Testo alla riga.
3. Aggiungere il testo.
4. Selezionare il testo da formattare. Le opzioni di formattazione includono lo stile (aggiungere intestazioni, frammenti di codice e virgolette), grassetto, corsivo e collegamenti.
5. Per modificare le dimensioni del testo, fare clic sul pulsante dello stile e scegliere una dimensione dell'intestazione.
6. Per impostare l'allineamento del testo, fare clic sulle opzioni del paragrafo e selezionare un allineamento. È anche possibile applicare un rientro o un rientro negativo a una riga di testo facendo clic sulle opzioni del paragrafo e selezionando una delle opzioni.

   Suggerimento:

   In caso di errore, premere Comando+Z o Ctrl+Z sulla tastiera per annullare le modifiche.

7. Fare clic su Salva.

Cambiare il colore del testo

È possibile modificare il colore del testo usando le impostazioni Tema se si desidera applicare lo stesso colore a tutto il testo sul sito. In alternativa, è possibile regolare il colore del testo per riga usando le impostazioni di riga.

1. Aprire un sito o una pagina in modalità di modifica.
2. Per impostare un colore per tutto il testo sul sito o la pagina, aprire il pannello laterale ed espandere il menu Tema. Per maggiori informazioni sui temi, vedere Imposta il marchio di un sito con intestazione e opzioni di tema.
3. Per impostare un colore per una riga specifica, cliccare la matita di modifica per la riga.
4. Modificare il colore immettendo un codice di colore esadecimale o scegliendo un colore dal selettore del colore.

   Suggerimento:

   I codici esadecimali sono utili per garantire uniformità nel branding delle risorse dell'organizzazione. Se non si è sicuri delle specifiche di branding dell'organizzazione, verificare se sono disponibili documenti o linee guida del brand.

5. Fare clic su Salva.

Cambia caratteri

È possibile cambiare il carattere delle intestazioni di testo e del testo di base usando Google Fonts. Il testo di base include tutto il testo presente sul layout del sito. Questo carattere è anche applicato a tutte le pagine che sono state aggiunte al tuo sito e alle pagine di anteprima del contenuto a cui si accede attraverso la ricerca del sito.

Per maggiori informazioni consultare, Formattazione del testo su ArcGIS Hub e ArcGIS Enterprise Sites.

Aggiungere un elenco puntato o numerato

Creare un elenco attenendosi alla procedura seguente.

1. Aprire un sito o una pagina in modalità di modifica.
2. Aggiungere una scheda Testo a un sito o layout di pagina.
3. Aggiungere il testo o selezionare un testo esistente.
4. Cliccare l'elenco non ordinato per creare un elenco puntato o cliccare l'elenco ordinato per aggiungere un elenco numerato.
5. Fare clic su Salva.

Creare un menu di controllo a soffietto

Aggiungere un menu pieghevole, un'opzione utile per aggiungere domande frequenti.

1. Aprire un sito o una pagina in modalità di modifica.
2. Aggiungere una scheda Testo al layout.
3. Cliccare il pulsante di inserimento e scegliere Comando a soffietto.
4. Aggiungere e formattare testo.
5. Fare clic su Salva.

Aggiungere un'immagine indipendente

Aggiungere immagini caricandole da un file o fornendo un URL per un'immagine ospitata. Le immagini condivise internamente saranno visibili solo agli utenti che effettuano l'accesso e appartengono al team principale o all'organizzazione.

1. Aprire un sito o una pagina in modalità di modifica.
2. Aggiungere una scheda Immagine in una riga esistente.
3. Scegliere un’origine immagine. È possibile caricare un file immagine o fornire un URL immagine. Entrambe le opzioni supportano JPG, JPEG e PNG.
   • Per caricare un file immagine, scegliere Carica immagine e trascinare il file sulla casella nell'Editor dei siti oppure fare clic su Cerca immagine per individuare e aggiungere il file. La dimensione massima per i file è 3 MB.
   • In alternativa, fornire un URL immagine selezionando URL immagine e incollando un collegamento immagine supportato nel campo URL.
4. Se si utilizza un file immagine, è possibile personalizzare le immagini caricate facendo clic sul pulsante Taglia e trascinando un quadratino per ridimensionare il riquadro di ritaglio. Il riquadro di ritaglio può essere riposizionato facendo clic e trascinando sulla linea tratteggiata. È inoltre possibile eseguire lo zoom regolando il cursore sotto l'immagine e riposizionare ulteriormente l'immagine facendo clic all'interno del riquadro di ritaglio.
5. Dal menu Opzioni, fornire il testo alternativo dell'immagine per aiutare gli utenti non vedenti e migliorare l'accessibilità del sito.
6. Fornire un collegamento ipertestuale di immagine e scegliere il collegamento da aprire nella stessa scheda o in una nuova scheda.

   Nota:

   Le linee guida sull'accessibilità (in Input 3.2.2 e tecnica G201) consigliano di evitare di aprire link in nuove schede o finestre a meno che non si fornisca un avviso in anticipo.

7. Fornire testo per Didascalia immagine e scegliere l'allineamento del testo.
8. Facoltativamente, fare clic su Regola l’immagine per il riempimento per impostare un punto focale per l'immagine. Il punto focale garantisce che l'immagine rimanga focalizzata dove lo si desidera, mentre l'immagine viene ridimensionata per schermi diversi.
9. Fare clic su Salva.

Creare un pulsante

Un pulsante con un collegamento a un altro luogo, come una sezione o una pagina, è un utile strumento di navigazione. I pulsanti possono includere anche chiamate all'azione.

1. Aprire un sito o una pagina in modalità di modifica.
2. Aggiungere una scheda Testo al layout.
3. Fare clic sul pulsante Inserisci e scegliere Pulsante.
4. Modificare il testo sul pulsante per includere la chiamata all'azione.
5. Fare clic sul pulsante appena aggiunto e fare clic sul pulsante del link.
6. Nella casella di testo Testo da mostrare, aggiungere testo se tale operazione non è ancora stata eseguita.
7. Nella casella di testo URL, incollare il link al quale si vuole reindirizzare gli utenti quando fanno clic sul pulsante.
8. Fare clic su Inserisci link per confermare le modifiche.
9. Fare clic su Salva.
Per informazioni sui colori del pulsante, vedere Crea un tema.

Aggiungere immagini e colore di sfondo

È possibile aggiungere immagini dietro ad altre schede usando la scheda Riga.

Suggerimento:

Se si sta visualizzando del testo o del contenuto al di sopra di un'immagine, scegliere un colore di sfondo chiaro o scuro. Ad esempio, se si sta utilizzando del testo di colore chiaro o visualizzando una mappa di colore chiaro, scegliere un colore di sfondo scuro, come il nero, per accertarsi che il testo resti chiaro. Quindi, regolare la trasparenza del colore in modo che l'immagine resti visibile.

1. Aprire un sito o una pagina in modalità di modifica.
2. Aggiungere una scheda Riga al layout.
3. Nella sezione Immagine di sfondo, scegliere un'origine immagine. È possibile caricare un file immagine o fornire un URL immagine. Entrambe le opzioni supportano JPG, JPEG e PNG.
   • Per caricare un file immagine, scegliere Carica Immagine e trascinare il file nella casella nell'editor del sito o cliccare Cerca Immagine per posizionare e aggiungere il file. La dimensione massima per i file è 3 MB.
   • In alternativa, fornire un URL immagine selezionando URL immagine e incollando un collegamento immagine supportato nel campo URL.
4. Dopo aver aggiunto un'immagine, selezionare un colore per Colore di sfondo nella sezione Impostazioni riga immettendo un codice esadecimale o utilizzando la finestra di selezione colori.

   Nota:

   Solo le schede delle righe supportano i colori di sfondo.

5. Nella sezione Aspetto, regolare la trasparenza dell'immagine usando il cursore o immettendo un valore nel campo percentuale. Regolando la trasparenza dell'immagine, il colore di sfondo diventerà più vivace o più tenue a seconda della regolazione. Questa è una tecnica utile per assicurare che l'immagine e il testo rimangano accessibili agli utenti non vedenti.
6. Fare clic su Salva.

Scegliere il layout di un'immagine sulla scheda di una riga

Ogni scheda delle righe dispone di due opzioni di layout che consentono di selezionare la modalità di visualizzazione dell'immagine.

1. Dopo aver aggiunto un'immagine alla scheda di una riga, è possibile scegliere un layout ampio o fisso per l'immagine e per qualunque contenuto visualizzato sulla scheda.
   • Scegliere Ampio se si desidera che l'immagine occupi l'ampiezza del sito.
   • Scegliere Fisso se si desidera che l'immagine resti fissa.
2. Impostare Punto focale immagine per garantire che l'immagine rimanga focalizzata dove lo si desidera, mentre l'immagine viene ridimensionata per schermi diversi.
3. Fare clic su Salva.

Configurare testo con HTML

Se si desidera usare HTML per personalizzare il testo, è possibile usare i seguenti elementi HTML:

1. Aprire un sito o una pagina in modalità di modifica.
2. Aggiungi una scheda di testo al layout e fai clic su </> Modifica in HTML.
3. Inserisci il tuo codice e clicca su Salva.

Attenzione:

Per ragioni di sicurezza, le schede di testo non supportano JavaScript integrati. I tag dello script saranno ignorati.

Sono consentiti i seguenti elementi HTML:

'a', 'abbr', 'acronym', 'address', 'article', 'audio', 'b',
	'bdi', 'bdo', 'big', 'blockquote', 'br', 'caption', 'center', 'cite',
 'code', 'col',
 'colgroup', 'datalist', 'dd', 'del', 'details', 'dfn', 'div', 'dl', 'dt',
	'em', 'embed', 'fieldset', 'figcaption', 'figure', 'font',
	'footer', 'frameset',
	'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr',
 'i', 'img', 'input', 'ins', 'kbd', 'keygen', 'li', 'link', 'main', 'map',
	'mark', 'menu', 'meter', 'nav', 'ol', 'optgroup', option', 'output', 'p',
	'param', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp',
	'section', 'small', 'source', 'span', 'strike', 'strong', 'style'
 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'tfoot', 'textarea',
	'th', 'thead', 'time', 'title', 'tr', 'track, 'tt', 'u','ul',

Per questi elementi, sono consentiti i seguenti attributi:

All supported HTML elements allow : ['class', 'style'],
 'a' : ['href', 'title', 'data-toggle', 'data-target', 'data-toggle',
 'name', 'rel', 'style', 'target'],
	'audio' : ['autoplay', 'controls', 'loop', 'muted', 'preload'],
 'blockquote': ['cite'],
	'button' : ['name', 'value', 'data-toggle', 'data-target',
	'data-dismiss'],
 'col' : ['span', 'width'],
 'colgroup' : ['span', 'width'],
	'div' : ['style', 'align', 'data-show', 'data-target', 'data-toggle']
	'font': ['size', 'color', 'style'],
 'img' : ['align', 'alt', 'border', 'height', 'style', 'src', 'title',
	'width'],
 'ol' : ['align', 'start', 'type'],
	'p' : ['style'},
 'q' : ['cite'],
	'source' : ['media', 'src', 'type'], 
	'span' : [style],
 'table' : ['border', 'cellspacing', 'cellpadding', 'class', 'height',
	'style', 'summary', 'width'],
 'td' : ['abbr', 'align', 'axis', 'colspan', 'height', 'nowrap',
	'rowspan', 'style', 'valign', 'width'],
 'th' : ['abbr', 'align', 'axis', 'colspan', 'height', 'nowrap',
	'rowspan', 'style', 'valign', 'width']
 'tr' : [alignt, 'height', style', valign'],
 'ul' : ['type']