Usare la web part Hero

La web part Hero aumenta l'impatto visivo della pagina. È possibile visualizzare fino a cinque elementi nella web part Hero e usare immagini, testo e collegamenti accattivanti per attirare l'attenzione su ognuno di essi. La web part Hero è inclusa per impostazione predefinita nei siti di comunicazione, ma è possibile aggiungerla anche in altre pagine.

Note: 

  • Alcune funzionalità vengono introdotte gradualmente per le organizzazioni che hanno optato per il programma di rilascio mirato. Questo significa che questa caratteristica potrebbe non essere ancora disponibile o essere diversa da quella descritta negli articoli della Guida.

  • Per creare pagine è necessario avere le autorizzazioni di modifica. Se si è proprietari del sito ma non si riesce ad aggiungere una pagina, l'amministratore potrebbe aver disattivato la possibilità di eseguire questa operazione.

Sommario

Suggerimento: Check out these YouTube videos from Microsoft Creators to learn more about modern pages!

Web part Hero nei siti di comunicazione: Argomento e Presentazione

Quando si crea un sito di comunicazione, la web part Hero è inclusa nella pagina per impostazione predefinita. Viene prepopolato con immagini, testo e collegamenti predefiniti che vengono modificati per mostrare immagini, testo, pagine, collegamenti o documenti personalizzati.

Quando si seleziona Argomento come tipo di sito di comunicazione, per impostazione predefinita viene applicato un layout con cinque riquadri (è possibile usarne da uno a cinque):

Web part Hero nel sito di comunicazione

Quando si seleziona Presentazione come tipo di sito di comunicazione, per impostazione predefinita viene applicato un layout verticale con tre livelli (è possibile usarne da uno a cinque):

Presentazione Hero

È possibile modificare il layout della web part Hero da griglia a livelli verticali con il pulsante Modifica web part Pulsante Modifica della web part e modificare i collegamenti, le immagini e il testo per ogni riquadro o livello usando il pulsante Modifica dettagli Modifica dettagli per ogni riquadro o livello.

Pulsante Modifica Hero

1. Pulsante Modifica web part

2. Pulsante Modifica dettagli

Cambiare il layout della web part Hero

Guardare questo video per vedere come si fa o seguire i passaggi sotto il video.

Foto del dispositivo Surface Book
  1. Fare clic su Modifica nell'angolo in alto a destra della pagina per attivare la modalità di modifica della pagina, se necessario.

  2. Selezionare il pulsante Modifica web part Pulsante Modifica della web part a sinistra e scegliere il tipo di layout che si vuole. Si possono selezionare fino a 5 riquadri (come in un sito Argomento) o fino a 5 livelli (come in un sito Presentazione).

    Opzioni layout Hero Opzioni layout Hero

Cambiare l'immagine, il testo e i collegamenti per ogni riquadro o livello

Guardare questo video per vedere come si fa o seguire i passaggi sotto il video.

Foto del dispositivo Surface Book
  1. Fare clic su Modifica nell'angolo in alto a destra della pagina per attivare la modalità di modifica della pagina, se necessario.

  2. Fare clic su Modifica dettagli Modifica dettagli in basso a destra del riquadro o livello da modificare.

  3. Nella casella degli strumenti fare clic su Modifica e quindi scegliere una posizione da cui ottenere il collegamento:

    Immagine delle opzioni di selezione file.
    • Recenti: qui sono elencate le immagini, le pagine o i documenti aperti di recente.

    • Immagini predefinite Le immagini predefinite sono fornite da Microsoft. Sono di alta qualità e di dimensioni giuste per l'uso. Se si è un amministratore di SharePoint, è consigliabile abilitare una rete di distribuzione di contenuti (CDN) per migliorare le prestazioni di recupero delle immagini.

    • Ricerca Web: è possibile trovare immagini da Bing che usano la licenza comune creativa. Si è responsabili della revisione delle licenze per un'immagine prima di inserirla nella pagina. SharePoint solo in Microsoft 365.

    • Organizzazione: se l'organizzazione ha specificato un set di asset approvati, è possibile scegliere questo set.  Per informazioni su come creare una raccolta risorse per l'organizzazione, vedere creare una raccolta di assetper l'organizzazione.

    • OneDrive: è possibile ottenere un collegamento per un documento o un'immagine archiviata in OneDrive. SharePoint solo in Microsoft 365.

    • Sito: è possibile ottenere un collegamento per un documento, un'immagine o una pagina da un sito specificato.

    • Carica: è possibile caricare un documento o un'immagine da un dispositivo personale.

    • Da un collegamento: immettere un collegamento per la pagina, il documento o l'immagine da OneDrive o SharePoint in Microsoft 365.

      Nota: I collegamenti esterni al sito non visualizzeranno un'anteprima delle immagini nel governo degli Stati Uniti GCC High e DoD e Office 365 gestito da 21Vianet.

  4. Selezionare l'immagine, la pagina o il documento e fare clic su Apri.

  5. Nella casella degli strumenti, in immagine, selezionare immagine personalizzata o solo colore (solo ilcolore è disponibile solo per il layout riquadri e il colore corrisponde al colore del tema del sito).

    L'opzione Immagine selezionata automaticamente seleziona automaticamente un'immagine dalla pagina o dal documento che si sta collegando, se disponibile.

  6. Immettere il Testo alternativo per l'immagine.

  7. In Opzioni:

    • È possibile visualizzare un collegamento a un'azione di chiamata passando l'interruttore su . Quindi aggiungere il Testo Invito all'azione, ad esempio "Fare clic per altre informazioni". Il collegamento Invito all'azione è disponibile per ogni livello in un layout a livelli, ma solo per il riquadro più grande in un layout a riquadri.

    • Per un layout a più livelli, è anche possibile visualizzare un'intestazione per ogni livello cambiando l'interruttore per l'intestazione di un argomento su . Aggiungere quindi il Testo del titolo dell'argomento.

Cambiare il punto focale di un'immagine

In SharePoint in Microsoft 365 è possibile modificare il punto focale di un'immagine selezionata nella web part Hero per ottenere la parte più importante dell'immagine nella cornice.

  1. Fare clic su Modifica nell'angolo in alto a destra della pagina per attivare la modalità di modifica della pagina, se necessario.

  2. Fare clic su Imposta punto focale Pulsante Imposta punto focale sulla barra degli strumenti nella parte inferiore dell'immagine dell'eroe che si vuole modificare.

  3. Trascinare il punto focale nella posizione desiderata nell'immagine.

    Punto focale

Riordinare i riquadri o livelli

È possibile riordinare i riquadri o i livelli spostandoli a piacimento.

  1. Fare clic su Modifica nell'angolo in alto a destra della pagina per attivare la modalità di modifica della pagina, se necessario.

  2. Fare clic e tenere premuto il pulsante Sposta elemento e trascinare il riquadro o livello dove si vuole.

    Sposta elemento Hero

Posizionare la web part Hero in una colonna

La web part Hero è progettata per occupare l'intera larghezza della pagina. Se si preferisce che la Web part Hero non abbia occupato la larghezza completa, è possibile aggiungerla in una colonna che non è di larghezza totale.

Guardare questo video per vedere come si fa o seguire i passaggi sotto il video.

Foto del dispositivo Surface Book
  1. Se non si è già in modalità di modifica, fare clic su Modifica nella parte superiore destra della pagina.

  2. Posizionare il puntatore del mouse appena sopra la Web part Hero e fare clic sul cerchiato + a sinistra della web part

  3. In Layout di sezione selezionare una colonna.

    Una colonna
  4. Sulla sinistra della web part usare il pulsante Sposta web part per trascinare la web part Hero nella colonna appena aggiunta.

    Pulsante Sposta web part

    Spostamento Hero

Aggiungere una web part Hero vuota a una pagina

È possibile aggiungere una Web part Hero a una pagina in un sito del team o in un sito di comunicazione . Ecco come fare:

  1. Fare clic su Modifica nell'angolo in alto a destra della pagina per attivare la modalità di modifica della pagina, se necessario.

  2. Nella pagina passare il puntatore del mouse sopra o sotto una web part esistente e verrà visualizzata una linea con un simbolo + racchiuso in un cerchio, come nell'esempio:

    Segno più per aggiungere web part a una pagina

    Fare clic su + e scegliere la web part Hero.

    Web part Hero vuota
  3. Selezionare il pulsante Modifica della web part Pulsante Modifica della web part e selezionare il tipo di layout: griglia da 1 a 5 riquadri oppure da 1 a 5 livelli verticali.

  4. Fare clic su Seleziona collegamento per ogni riquadro da modificare.

  5. Per ogni riquadro, nella casella degli strumenti fare clic su Seleziona e quindi scegliere una posizione da cui ottenere il collegamento:

    Nella casella degli strumenti fare clic su Modifica e quindi scegliere una posizione da cui ottenere il collegamento:

    Immagine delle opzioni di selezione file.
    • Recenti: qui sono elencate le immagini, le pagine o i documenti aperti di recente.

    • Ricerca Web: è possibile trovare immagini da Bing che usano la licenza comune creativa. Si è responsabili della revisione delle licenze per un'immagine prima di inserirla nella pagina. SharePoint solo in Microsoft 365.

    • Organizzazione: se l'organizzazione ha specificato un set di asset approvati, è possibile scegliere questo set.  Per informazioni su come creare una raccolta risorse per l'organizzazione, vedere creare una raccolta di assetper l'organizzazione.

    • OneDrive: è possibile ottenere un collegamento per un documento o un'immagine archiviata in OneDrive. SharePoint solo in Microsoft 365.

    • Sito: è possibile ottenere un collegamento per un documento, un'immagine o una pagina da un sito specificato.

    • Carica: è possibile caricare un documento o un'immagine da un dispositivo personale.

    • Da un collegamento: immettere un collegamento per la pagina, il documento o l'immagine da OneDrive per SharePoint in Microsoft 365.

  6. Selezionare l'immagine, la pagina o il documento e fare clic su Apri.

  7. Nella casella degli strumenti, in immagine, selezionare immagine personalizzata o solo colore. L'opzione Immagine selezionata automaticamente seleziona automaticamente un'immagine dalla pagina o dal documento che si sta collegando, se disponibile. Solo il colore è disponibile solo per il layout riquadri e il colore corrisponde al colore del tema del sito.

  8. Immettere il Testo alternativo per l'immagine.

  9. In Opzioni (soloSharePoint in Microsoft 365):

    • È possibile visualizzare un collegamento a un'azione di chiamata passando l'interruttore su . Quindi aggiungere il Testo Invito all'azione, ad esempio "Fare clic per altre informazioni". Il collegamento Invito all'azione è disponibile per ogni livello in un layout a livelli, ma solo per il riquadro più grande in un layout a riquadri.

    • Per un layout a più livelli, è anche possibile visualizzare un'intestazione per ogni livello cambiando l'interruttore per l'intestazione di un argomento su . Aggiungere quindi il Testo del titolo dell'argomento.

Ridimensionamento delle immagini nella web part Hero

Per scegliere immagini di dimensioni ottimali per la Web part Hero, tenere presente quanto segue:

  • La Web part è progettata per adattare la larghezza dello schermo in un layout a piena emorragia.

  • Nel layout riquadri l'altezza della web part viene ridimensionata in modo da seguire le proporzioni di 8:3 e le immagini all'interno della scala della web part in una proporzioni di 4:3.

  • Nel layout layers un singolo layer viene ridimensionato a una proporzioni di 8:3 e le immagini all'interno di ogni scala del layer sono in un rapporto di proporzioni vicino a 9:16.

Nota: È possibile aggiungere un collegamento a un video o caricare un video nella web part Hero. Tuttavia, i video non possono essere riprodotti nella web part. Gli utenti possono fare clic sul collegamento per il video ed essere portati al lettore video o all'origine del collegamento per visualizzare il video.

Nota:  Questa pagina è stata tradotta automaticamente e potrebbe contenere errori di grammatica o imprecisioni. L'intento è quello di rendere fruibile il contenuto. Queste informazioni sono risultate utili' Questo è l'articolo in inglese per riferimento.

Amplia le tue competenze su Office
Esplora i corsi di formazione
Ottieni in anticipo le nuove caratteristiche
Partecipa al programma Office Insider

Queste informazioni sono risultate utili?

Grazie per il feedback!

Grazie per il tuo feedback! Potrebbe essere utile metterti in contatto con uno dei nostri operatori del supporto di Office.

×