6
Di Sandy Ussia Blog SharePoint 19 giugno 2019

Microsoft ha rilasciato l’esperienza di pagina “Moderna” per i siti del team in SharePoint Online nell’autunno del 2016, e più recentemente per SharePoint Server 2019. L’esperienza di pagina moderna include la possibilità di aggiungere parti web direttamente all’interno della pagina. A partire da giugno 2019, quando questo articolo viene scritto, ci sono 55 parti web incorporate disponibili da aggiungere a una pagina SharePoint moderna, con altre che vengono aggiunte regolarmente.

È possibile vedere una panoramica delle parti web moderne su questa pagina Microsoft, che include collegamenti per ulteriori informazioni su ciascuna parte web. Questo articolo è il primo di una serie settimanale che verrà pubblicata ogni mercoledì, dove vi daremo ulteriori dettagli su ogni web part ed esempi del loro utilizzo. Ma prima, un po’ di informazioni sulle pagine SharePoint Modern…

Lavorare con una pagina SharePoint Modern

Per personalizzare una pagina Modern in SharePoint, per prima cosa metti la pagina in modalità Modifica, usando il link Modifica sul lato destro della barra del menu azione.

Personalizzazione dell’intestazione della pagina

Nell’area del titolo della pagina, puoi sostituire l’intestazione generica di default cliccando sull’icona Immagine e caricando la tua immagine.

Cambia immagine dell'intestazione della pagina
Cambia immagine dell’intestazione della pagina

In alternativa, puoi cercare sul web le immagini appropriate. C’è davvero una bella selezione di immagini generiche di dimensioni giuste in diverse categorie, oppure puoi inserire un testo di ricerca per ottenere immagini di qualsiasi cosa ti piaccia dal web. Nota, però, che potresti voler usare il filtro Creative Commons Only per assicurarti di non violare i diritti d’autore delle immagini.

Ricerca immagini sul web
Ricerca immagini sul web

Dopo aver caricato l’immagine, apparirà un’icona al centro dell’intestazione che ti permette di spostare il centro del fuoco per la tua immagine, dato che l’area dell’intestazione è abbastanza larga e corta.

Puoi anche modificare lo stile dell’area del titolo – per esempio per mostrare un blocco titolo al centro, e aggiungere del testo sopra il titolo.

Modifica area titolo
Modifica area titolo

Questi sono alcuni ottimi modi per rendere una pagina tua! Nello screenshot qui sotto, ho usato un’immagine dal video promozionale della SharePoint Conference 2019 e ho selezionato lo stile del titolo a blocchi di colore.

Esempio area titolo pagina
Esempio area titolo pagina

Sezioni pagina SharePoint moderna

Le sezioni su una pagina SharePoint moderna ti permettono di creare aree con una varietà di layout in cui aggiungere parti web. Quando modifichi per la prima volta una pagina, vedrai un + nell’angolo in basso a sinistra dell’area di intestazione – questo ti permette di aggiungere una nuova sezione oltre all’area di modifica predefinita che è la larghezza della pagina. Cliccando sul + si apre la finestra di dialogo Layout di sezione dove puoi selezionare il numero e la disposizione delle colonne per questa sezione.

Scegli il layout di sezione
Scegli il layout di sezione

Troverai che alcuni contenuti si adattano meglio all’uno o all’altro layout; menzioneremo alcune di queste considerazioni nel corso di questa serie. Nota che se la tua pagina è su un sito di comunicazione, vedrai un layout aggiuntivo chiamato Full-width, che abbraccia l’intera larghezza della pagina compresi i bordi.

Aggiornamento di agosto 2019: è ora disponibile un nuovo tipo di sezione, Vertical. Questo ti dà una colonna verticale sul lato destro della pagina. L’altezza della colonna si basa sulla quantità di altri contenuti nella pagina. Questo potrebbe essere un buon posto per aggiungere un certo numero di web part più piccole, come le tue web part del meteo o dell’orologio – qualsiasi cosa tu voglia impilare separatamente dal resto della pagina.

Sezione verticale
Sezione verticale

Dopo aver selezionato un layout, vedrai apparire nuove icone alla sinistra della sezione. Queste icone ti permettono di modificare, spostare o eliminare la sezione.

Barra degli strumenti della sezione
Barra degli strumenti della sezione

Se selezioni di modificare la sezione, sulla destra appare un pannello Sezione, dove puoi cambiare il layout, o scegliere di aggiungere l’ombreggiatura di sfondo per distinguerla dal resto della pagina.

Pannello di modifica della sezione
Pannello di modifica della sezione

Aggiornamento di agosto 2019: ora c’è un’opzione per duplicare una sezione, che copia letteralmente l’intera sezione, compreso il suo contenuto, appena sotto la sezione corrente. Questo ti permette di replicare facilmente un insieme di web part, e poi basta cambiare la configurazione di ogni web part per visualizzare contenuti diversi.

Sezione duplicata
Sezione duplicata

Aggiungimento di SharePoint Modern Web Parts a una pagina

Una pagina SharePoint non sarebbe nulla senza le web part; esse mostrano i contenuti alle persone che visualizzano la pagina. Come designer della pagina, puoi aggiungere e disporre queste web part proprio all’interno del layout della pagina per presentare le informazioni che desideri che le persone vedano.

Dopo aver fatto clic su Modifica nella pagina, vedrai una piccola icona + vicino al centro della pagina sotto l’area dell’intestazione…

Aggiungi una web part
Aggiungi una web part

Facendo clic sul + si apre un dialogo che ti permette di selezionare una web part da aggiungere.

Dialogo per aggiungere una web part
Dialogo per aggiungere una web part

Ogni web part ha le sue impostazioni di configurazione, che sono quelle che tratteremo in questa serie di blog. Ma ogni web part avrà sempre almeno le opzioni per modificarla, spostarla o cancellarla.

Web part toolbar
Web part toolbar

Generalmente, selezionando Edit si aprirà un pannello sulla destra che conterrà configurazioni specifiche per quella web part. Selezionando Sposta potrai trascinare la web part in un’altra sezione o colonna della pagina, o semplicemente riorganizzare le web part all’interno di una sezione. E Elimina ti chiederà naturalmente di essere sicuro che sia quello che intendi fare.

Aggiornamento di agosto 2019: oltre alle funzioni Modifica, Sposta e Elimina, ora puoi anche Duplicare una singola web part. Questo copia la web part, inclusa la sua configurazione, proprio sotto la web part corrente. Naturalmente, puoi poi spostarla dove vuoi. L’idea alla base di questo sarebbe se si volesse avere un’altra web part ma con un contenuto diverso o uno scopo diverso, ecc. Quindi potresti semplicemente modificare la copia per essere leggermente diversa.

Come probabilmente saprai, le cose cambiano spesso in SharePoint Online, quindi ci potrebbero essere ulteriori caratteristiche delle pagine moderne disponibili quando leggerai questo, ma questo dovrebbe darti un’idea delle opzioni disponibili per te.

In questa serie di blog passeremo attraverso ognuna delle web part di SharePoint incorporate (raggruppando alcune simili tra loro), così finirai per avere una risorsa completa per creare pagine di SharePoint utili e attraenti senza dover acquistare nulla di aggiuntivo o fare alcuna codifica.

Non vediamo l’ora di portarti con noi in questo tour!

Articoli in questa serie di SharePoint Modern Web Parts

Parti web Bing Maps e MSN Weather

Parte web pulsanti e Call to Action

Parte web libreria documenti e File viewer

Embed, Kindle, e YouTube web parts

Eventi, Calendario di gruppo, e Timer conto alla rovescia web parts

Contenuto evidenziato web part

Immagine e Galleria immagini web parts

Hero, Link, e Link rapidi

Lista e proprietà dell’elenco

Web part Microsoft Forms

News web part

Page properties web part

People web part

Planner web part

Power BI web part

PowerApps web part

Documenti recenti e Site activity web part

Quick chart web part

Sites web part

Stream e Office 365 Video web part

Testo, Markdown, Code Snippet, Divider e Spacer

Twitter web part

Yammer Conversations e Highlights web part

Web part che richiedono un connettore Office 365

Lightning Tools Modern web part

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.