6
By Sandy Ussia Blog SharePoint 19th June 2019

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…

Praca z nowoczesną stroną 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.

Zmień obraz nagłówka strony
Zmień obraz nagłówka strony

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.

Wyszukiwanie obrazów w sieci
Wyszukiwanie obrazów w sieci

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.

Modyfikuj obszar tytułowy
Modyfikuj obszar tytułowy

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.

Przykład obszaru tytułu strony
Przykład obszaru tytułu strony

Sekcje strony Modern SharePoint

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.

Wybierz układ sekcji
Wybierz układ 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.

Sekcja pionowa
Sekcja pionowa

Po wybraniu układu zobaczysz nowe ikony pojawiające się po lewej stronie sekcji. Ikony te umożliwiają edycję, przeniesienie lub usunięcie sekcji.

Pasek narzędziowy sekcji
Pasek narzędziowy 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.

Okno edycji sekcji
Okno edycji sekcji

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ść.

Duplikuj sekcję
Duplikuj sekcję

Dodawanie SharePoint Modern Web Parts do strony

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…

Dodaj część sieci Web
Dodaj część sieci Web

Kliknięcie przycisku + otwiera okno dialogowe, które pozwala wybrać część sieci Web do dodania.

Dialog dodawania części sieciowej
Dialog dodawania części sieciowej

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.

Pasek narzędzi web part
Pasek narzędzi web part

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ę!

Artykuły w tej serii SharePoint Modern Web Parts

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

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.