Microsoft wydał „Nowoczesne” doświadczenie strony dla witryn zespołowych w SharePoint Online jesienią 2016 roku, a ostatnio dla SharePoint Server 2019. Doświadczenie strony Modern obejmuje możliwość dodawania części internetowych bezpośrednio w obrębie strony. Od czerwca 2019 roku, kiedy ten artykuł jest pisany, istnieje 55 wbudowanych części internetowych dostępnych do dodania do nowoczesnej strony SharePoint, z kolejnymi dodawanymi regularnie.
Możesz zobaczyć przegląd nowoczesnych części internetowych na tej stronie Microsoft, która zawiera łącza do dalszych informacji na temat każdej części internetowej. Ten artykuł jest pierwszym z cotygodniowej serii, która będzie publikowana w każdą środę, gdzie podamy dodatkowe szczegóły na temat każdej części sieciowej i przykłady ich użycia. Ale najpierw trochę o nowoczesnych stronach SharePointa…
Aby dostosować nowoczesną stronę w SharePoincie, najpierw umieść stronę w trybie edycji, używając linku Edytuj po prawej stronie paska menu akcji….
Dostosowywanie nagłówka strony
W obszarze tytułu strony można zastąpić domyślny ogólny nagłówek, klikając ikonę Obraz i przesyłając własny obraz.
Alternatywnie można przeszukać sieć w poszukiwaniu odpowiednich obrazów. Jest tam naprawdę niezły wybór ogólnych obrazów w różnych kategoriach lub możesz wpisać tekst wyszukiwania, aby uzyskać obrazy czegokolwiek, co chcesz z sieci. Zauważ jednak, że możesz chcieć użyć filtra Creative Commons Only, aby upewnić się, że nie naruszasz praw autorskich do obrazów.
Po załadowaniu obrazu, w centrum nagłówka pojawi się ikona, która pozwala przesunąć środek ostrości obrazu, ponieważ obszar nagłówka jest dość szeroki i krótki.
Możesz również zmodyfikować styl obszaru tytułowego – na przykład, aby pokazać blok tytułowy w centrum i dodać tekst powyżej tytułu.
To są świetne sposoby, aby uczynić stronę swoją własną! Na poniższym zrzucie ekranu użyłem obrazu z filmu promocyjnego z konferencji SharePoint 2019 i wybrałem styl tytułu w bloku kolorów.
Sekcje na stronie Modern SharePoint umożliwiają tworzenie obszarów o różnych układach, w których można dodawać elementy sieci Web. Kiedy po raz pierwszy edytujesz stronę, zobaczysz + w lewym dolnym rogu obszaru nagłówka – pozwala to na dodanie nowej sekcji oprócz domyślnego obszaru edycji, który ma szerokość strony. Kliknięcie znaku + otwiera okno dialogowe Układ sekcji, w którym można wybrać liczbę i układ kolumn dla tej sekcji.
Odkryjesz, że niektóre treści lepiej pasują do jednego lub drugiego układu; wspomnimy o niektórych z tych rozważań, gdy będziemy przechodzić przez tę serię. Zauważ, że jeśli Twoja strona znajduje się w witrynie komunikacyjnej, zobaczysz dodatkowy układ o nazwie Full-width, który rozpościera się na całą szerokość strony, w tym krawędzie.
Aktualizacja z sierpnia 2019: Dostępny jest już nowy typ sekcji, Vertical. Daje to pionową kolumnę po prawej stronie strony. Wysokość kolumny jest oparta na ilości innej zawartości na stronie. Może to być dobre miejsce do dodania kilku mniejszych części internetowych, takich jak pogoda lub zegar – wszystko, co chcesz ułożyć oddzielnie od reszty strony.
Po wybraniu układu zobaczysz nowe ikony pojawiające się po lewej stronie sekcji. Ikony te umożliwiają edycję, przeniesienie lub usunięcie sekcji.
Jeśli wybierzesz opcję Edytuj sekcję, po prawej stronie pojawi się okienko Sekcja, w którym można zmienić układ lub dodać cieniowanie tła w celu odróżnienia go od reszty strony.
Aktualizacja z sierpnia 2019: Istnieje teraz opcja duplikowania sekcji, która dosłownie kopiuje całą sekcję, w tym jej zawartość, tuż pod bieżącą sekcją. Dzięki temu można łatwo powielić zestaw części sieci Web, a następnie po prostu zmienić konfigurację każdej części sieci Web, aby wyświetlić inną zawartość.
Strona SharePoint byłaby niczym bez części sieci Web; wyświetlają one zawartość osobom przeglądającym stronę. Jako projektant strony możesz dodawać i rozmieszczać te części sieci Web bezpośrednio w układzie strony, aby prezentować informacje, które chcesz, aby ludzie widzieli.
Po kliknięciu przycisku Edytuj na stronie zobaczysz małą ikonę + w pobliżu środka strony poniżej obszaru nagłówka strony…
Kliknięcie przycisku + otwiera okno dialogowe, które pozwala wybrać część sieci Web do dodania.
Każda część sieciowa ma swoje własne ustawienia konfiguracyjne, którymi zajmiemy się w tej serii blogów. Ale każdy web part zawsze będzie miał przynajmniej opcje edycji, przeniesienia lub usunięcia go.
Generalnie, wybranie opcji Edytuj otworzy panel po prawej stronie, który będzie zawierał konfiguracje specyficzne dla tego web part. Wybranie opcji Przenieś pozwoli Ci przeciągnąć web part do innej sekcji lub kolumny na stronie, lub po prostu zmienić układ web partów w obrębie sekcji. I Usuń oczywiście wyświetli monit, aby upewnić się, że to jest to, co chcesz zrobić.
Aktualizacja z sierpnia 2019: Oprócz funkcji Edytuj, Przenieś i Usuń można również teraz Duplikować indywidualną część sieci Web. To kopiuje część sieci Web, w tym jej konfigurację, tuż pod bieżącą częścią sieci Web. Oczywiście, możesz go potem przenieść gdziekolwiek chcesz. Pomysł za tym byłby, jeśli chcesz mieć inny z tej samej części sieci web, ale z inną zawartością lub inny zakres, itp. Więc mógłbyś po prostu dostosować kopię, aby była nieco inna.
Jak zapewne wiesz, rzeczy często zmieniają się w SharePoint Online, więc mogą być dodatkowe funkcje Nowoczesne strony dostępne, gdy to czytasz, ale to powinno dać ci pojęcie o opcjach dostępnych dla ciebie.
W tej serii blogów przejdziemy przez każdą z wbudowanych części SharePointa (grupując niektóre podobne razem), więc skończysz z kompleksowym zasobem do tworzenia użytecznych i atrakcyjnych stron SharePointa bez potrzeby kupowania czegokolwiek dodatkowego lub robienia jakiegokolwiek kodowania.
Cieszymy się, że będziemy mogli zabrać cię na tę wycieczkę!
Bing Maps i MSN Weather web parts
Button i Call to Action web parts
Biblioteka dokumentów i Przeglądarka plików web parts
Embed, Kindle, i YouTube web parts
Events, Group calendar, i Countdown timer web parts
Highlighted content web parts
Image i Image gallery web parts
Hero, Link, i Quick Links web parts
List and List properties web parts
Microsoft Forms web part
News web part
Page properties web part
People web part
Planner web part
Power BI web part
PowerApps web part
Recent documents i Site activity web parts
Quick chart web part
Sites web part
Stream i Office 365 Video web parts
Text, Markdown, Code Snippet, Divider i Spacer części web
Twitter części web
Yammer Conversations i Highlights części web
Części web wymagające konektora Office 365
Lightning Tools Modern części web