Uz flīzēm balstīta navigācija SharePoint ar Smart Tiles

23.11.2024
Kam lietojams: Smart Tiles

Ievads

Laba navigācija ir būtiska, lai SharePoint Online vietne būtu ērta un saistoša. Tīmekļa daļa Smart Tiles nodrošina uz elementiem (flīzēm) balstītu navigāciju, ļaujot veidot skaidrus un vizuāli pievilcīgus izkārtojumus, kas atvieglo piekļuvi svarīgam saturam.

Šajā rakstā aplūkotas galvenās Smart Tiles funkcijas, kā arī tīmekļa daļas pievienošana un konfigurēšana jūsu lapās.

📝 Piezīme
Smart Tiles neatbalsta klasiskās lapas. Izmantojiet to tikai ar jauno moderno lietotāja saskarni.

Smart Tiles pievienošana

Atveriet lapu, kurai vēlaties pievienot flīžu navigāciju, rediģēšanas režīmā. Novietojiet peles rādītāju virs vai zem esošas sadaļas, līdz parādās līnija ar plusa zīmi, un noklikšķiniet uz tās, lai atvērtu tīmekļa daļu galeriju. Atrodiet tīmekļa daļu „Smart Tiles“, pārlūkojot sarakstu vai izmantojot meklēšanas joslu, un noklikšķiniet uz tās, lai pievienotu lapai.

Tīmekļa daļu galerija

Tīmekļa daļu galerija

💡 Padoms
Smart Tiles var aizpildīt visu ekrāna platumu, maksimāli izmantojot pieejamo vietu platos displejos.

Tīmekļa daļas konfigurēšana

Pēc Smart Tiles tīmekļa daļas pievienošanas noklikšķiniet uz pogas Edit web part (Rediģēt tīmekļa daļu), lai labajā pusē atvērtu konfigurācijas paneli, kurā varat pielāgot iestatījumus.

Tīmekļa daļas iestatījumi

Tīmekļa daļas iestatījumi

Izskata iestatījumi

Smart Tiles tīmekļa daļa piedāvā virkni opciju flīžu izskata pielāgošanai, lai navigācija atbilstu jūsu organizācijas zīmolam un vēlmēm.

  • Font Size (Fonta lielums): flīzes uzraksta lielums no 13px līdz 42px, lai nodrošinātu lasāmību dažādās ierīcēs.
  • Icon Size (Ikonas lielums): flīzes ikonas lielums no 2em līdz 5em.
  • Internal Indent (Iekšējā atkāpe): flīzes iekšējā atkāpe pikseļos līdzsvarotam izskatam.
  • Icon Indent (Ikonas atkāpe): ikonas apakšējā atkāpe pikseļos vizuālai atdalīšanai.
  • External Indent (Ārējā atkāpe): flīzes ārējā atkāpe pikseļos, lai regulētu atstarpi starp flīzēm.
  • Shadow (Ēna): rādīt vai slēpt ēnu zem ikonas, lai piešķirtu dziļumu.
  • Show Titles (Rādīt virsrakstus): rādīt vai slēpt flīžu virsrakstus tīrākam izskatam.
  • Hover Effect (Uzvedes efekts): efekti, kas aktivizējas, novietojot rādītāju uz flīzes.

Vitextra Smart Tile atkāpes

Vitextra Smart Tile atkāpes

Flīzes

Lai pārvaldītu flīzi, atveriet tās konteksta izvēlni.

Flīzes īpašības

Flīzes īpašības

Katras flīzes īpašības aprakstītas tabulā zemāk:

ĪpašībaApraksts
CaptionFlīzes virsraksts, skaidrības labad vienmēr tiek rādīts vienā rindā.
URLAr flīzi saistītā hipersaite, kas novirza lietotājus uz attiecīgo saturu.
ColorFlīzes krāsa: pašreizējā motīva akcentkrāsa vai kāda no iepriekš definētajām krāsām.
SizeFlīzes vertikālais izmērs.
IconIzvēle no četrām iepriekš definētām ikonu kopām: Fluent UI Icons, Azure Apps, Microsoft 365 Apps un Vitextra Apps.
Open in new tabAtvērt saistīto saturu jaunā pārlūka cilnē.

Papildu iestatījumi

Papildus flīzes pamata īpašībām varat iestatīt teksta un ikonas krāsu. Teksts var būt melns vai balts, lai nodrošinātu labu kontrastu ar flīzes fonu. Ja krāsa nav izvēlēta, teksta krāsa tiek atvasināta no flīzes krāsas, saglabājot saskaņotu izskatu.

Flīzes izvēlne

Flīzes izvēlne

📝 Piezīme
Ikonas krāsas opcija attiecas tikai uz Fluent UI ikonām; citas ikonu kopas šo iestatījumu ignorē.

Pilna platuma sadaļas pievienošana (neobligāti)

Lai izmantotu Smart Tiles pilna platuma sadaļā, vispirms pievienojiet lapai šādu sadaļu. Šis izkārtojums maksimāli pastiprina flīžu vizuālo iedarbību.

Noklikšķiniet uz ikonas + lapas kreisajā pusē, lai pievienotu jaunu sadaļu, pēc tam izkārtojuma opcijās izvēlieties Full-width section (Pilna platuma sadaļa), lai saturs varētu aizņemt visu lapas platumu.

Pilna platuma sadaļas pievienošana

Pilna platuma sadaļas pievienošana

Tīmekļa daļas pievienošana sadaļai

Lai ievietotu Smart Tiles tīmekļa daļu pilna platuma sadaļā, pārvietojiet to no parastas sadaļas uz pilna platuma sadaļu, lai pilnībā izmantotu ekrāna telpu.

Smart Tiles pievienošana pilna platuma sadaļai

Smart Tiles pievienošana pilna platuma sadaļai

Ar šiem soļiem jūs varat izveidot skaidru un pievilcīgu flīžu navigāciju SharePoint Online.

Kopsavilkums

Smart Tiles ievieš SharePoint Online vizuālu, uz flīzēm balstītu navigāciju. Šajā rakstā parādīts, kā pievienot tīmekļa daļu, konfigurēt tās izskatu, pārvaldīt atsevišķu flīžu īpašības un izmantot pilna platuma sadaļu maksimālam efektam.

Kopā šīs iespējas ļauj izveidot skaidru un pievilcīgu navigāciju, kas atvieglo piekļuvi svarīgam saturam un palīdz komandai strādāt efektīvāk.

Kopīgot