Smart Tiles
Leistungsstarkes Navigations-Webpart, mit dem Benutzer visuell ansprechende und intuitive Navigationsmenüs in ihren SharePoint-Websites erstellen können.
- Okt 2026
- v26.10.4
- Unterstützte Sprachen
- 9
Das Smart Tiles-Webpart ist ein leistungsstarkes Tool, mit dem Benutzer visuell ansprechende und intuitive Navigationsmenüs in ihren SharePoint-Websites erstellen können — mit anpassbaren Kacheln in einem responsiven Raster, das zu Ihrem Corporate Branding passt.
- Responsives Design
- Anpassbare Größe von Kachel, Icon und Schriftart
- Reiche Farbpalette
- Über 1.800 offizielle Microsoft 365-Icons
- Unterstützung von Abschnitten in voller Breite
Übersicht
Das Smart Tiles-Webpart ist ein leistungsstarkes Tool, mit dem Benutzer visuell ansprechende und intuitive Navigationsmenüs in ihren SharePoint Online-Websites erstellen können.
Mit diesem Webpart fügen Benutzer ganz einfach Kacheln hinzu und passen sie an — jede steht für eine andere Seite oder einen anderen Bereich der Website — und ordnen sie in einem responsiven Raster an.
Das Webpart bietet eine nahtlose und effiziente Möglichkeit, durch die Website zu navigieren: Es verbessert die Benutzererfahrung insgesamt und erleichtert das Auffinden wichtiger Informationen. Mit seinen flexiblen Designoptionen und der benutzerfreundlichen Oberfläche ist Smart Tiles ein unverzichtbares Werkzeug für bessere Website-Navigation und höhere Produktivität.
Anpassbare Kacheln
Erstellen Sie Kacheln mit dem benutzerfreundlichen Konfigurator und passen Sie sie an. Das Smart Tiles-Webpart unterstützt die offiziellen Microsoft 365-Icons — über 1.800 Fluent UI-Icons zur Auswahl — damit Sie genau die Kacheln erstellen, die Sie brauchen. Kachelgröße, Icongröße und Schriftgröße sind frei einstellbar.
Responsives Design
Smart Tiles unterstützt ein leistungsfähiges Flexbox-Raster, um ein individuelles Layout für Ihre Kacheln zu erstellen. Das Zwölfspaltensystem, der anpassbare Innenabstand und der Abstand zwischen den Kacheln ermöglichen die Anpassung an Ihr Corporate Branding.
Das Webpart unterstützt außerdem Abschnitte in voller Breite auf modernen SharePoint-Seiten, sodass sich Ihre Navigation über die gesamte Seite erstrecken kann, wenn das Design es verlangt.
Reiche Farbpalette
Stimmen Sie Ihre Kacheln mit einer reichen Farbpalette auf das Erscheinungsbild Ihres Intranets ab: 33 vordefinierte Farben plus sechs Akzentfarben stehen sofort zur Verfügung. In Kombination mit den flexiblen Layoutoptionen lässt sich damit mühelos eine Navigationsleiste gestalten, die wie ein nativer Teil Ihres Corporate Designs wirkt.
Wissensdatenbank
Lesen Sie Artikel zum Thema Smart Tiles
So fügen Sie das Smart-Tiles-Webpart hinzu und konfigurieren es
Schritt-für-Schritt-Anleitung zum Hinzufügen des Vitextra Smart Tiles Webparts zu einer SharePoint-Online-Seite: Bereitstellung des Pakets, Auffinden des Webparts in der Toolbox, die Beispielkacheln, der Webparttitel, jede Einstellung der Gruppe Darstellung, die Gruppe Info und das Platzieren des Panels in einem Abschnitt mit voller Breite.
Smart Tiles: Lösungsübersicht
Was das Vitextra Smart Tiles Webpart ist und was es bietet: kachelbasierte Navigation für SharePoint-Online-Seiten mit sechs Symbolquellen, Design- und vordefinierten Farben, Hintergrundbildern, Beschreibungen, Hover-Effekten, Zielgruppenadressierung, Import und Export von Kacheln sowie Unterstützung für 44 Sprachen.
Kachelfarben in Smart Tiles: Akzentfarben des Designs und vordefinierte Farben
Die Hintergrund- und Schriftfarben, die für Kacheln im Vitextra Smart Tiles Webpart verfügbar sind: die sechs Akzentfarben, die dem Websitedesign folgen, die Palette aus 31 vordefinierten Fluent-UI-Farben, Schwarz und Weiß – mit den genauen Werten, dem Verhalten der Akzentfarben auf Websites, deren Design sie nicht definiert, und Empfehlungen zur Farbkombination.
Den Hover-Effekt für Kacheln konfigurieren
So aktivieren und justieren Sie den Hover-Effekt im Vitextra Smart Tiles Webpart: die neun Effekte – Weichzeichnen, Helligkeit, Kontrast, Graustufen, Farbtondrehung, Farbe invertieren, Deckkraft, Sättigung und Sepia –, ihre Einheiten für die Stärke, die Einstellung Dauer, das Verhalten des Effekts bei Tastaturfokus und reduzierter Bewegung sowie empfohlene Einstellungen.
Ein Hintergrundbild für eine Kachel festlegen
So verwenden Sie ein Bild als Hintergrund einer Kachel im Vitextra Smart Tiles Webpart: die Option Hintergrundbild, Eingabe einer URL oder Auswahl eines Bildes aus einer Websitebibliothek, wie das Bild zugeschnitten und skaliert wird, wie der Titel lesbar bleibt, die Farbe als Rückfalloption, die YouTube-Miniaturansicht und das Entfernen des Bildes.
Kachelgrößen und Layout in Smart Tiles
Wie Kacheln im Vitextra Smart Tiles Webpart angeordnet werden: die sechs Kachelgrößen von Extra Kleine bis Volle Breite und der Anteil der Zeile, den jede einnimmt, wie Kacheln umbrechen und sich dehnen, um Zeilen zu füllen, die Einstellungen Interner Einzug, Symbol Einzug und Externer Einzug, die Kachelhöhe sowie Layoutrezepte für Abschnitte, Spalten und Panels mit voller Breite.
Kundenfragen
Einige häufig gestellte Fragen zu Smart Tiles
Was ist Smart Tiles?
Smart Tiles ist ein kachelbasiertes Navigations-Webpart für moderne SharePoint Online-Seiten. Websitebesitzer erstellen direkt auf der Seite optisch ansprechende, responsive Navigationsmenüs – Schnelllinkleisten, Abteilungsübersichten, Mosaik-Layouts – mit Symbolen, Farben, Hintergrundbildern und Zielgruppenadressierung, ganz ohne Programmierung. Beginnen Sie mit der Lösungsübersicht und Smart Tiles-Webpart hinzufügen und konfigurieren.
Welche Kachelgrößen und Layouts stehen zur Verfügung?
Es gibt sechs Kachelgrößen – Extra klein (15 % der Zeile), Klein (30 %), Mittel (45 %), Groß (65 %), Extra groß (80 %) und Volle Breite (100 %). Kacheln werden automatisch in Zeilen umbrochen und auf die verfügbare Breite gestreckt, und das Webpart kann in einem Abschnitt mit voller Breite platziert werden. Schriftgröße, Symbolgröße und Abstände sind anpassbar. Einzelheiten finden Sie unter Kachelgrößen und Layout in Smart Tiles.
Welche Symbole und Bilder kann ich auf Kacheln verwenden?
Sie können aus fünf Symbolsätzen wählen – Standard (mehr als 1.800 Fluent UI-Symbole), Dateityp, App (Logos der Microsoft 365-Apps), Azure-Dienste und Vitextra – oder ein eigenes SVG-/PNG-Bild hochladen. Jede Kachel kann außerdem ein Hintergrundbild aus einer URL oder einer Websitebibliothek haben; YouTube-Links erhalten automatisch eine Miniaturansicht und eine Wiedergabeschaltfläche. Siehe Symbole für Kacheln auswählen, Eigenes Bild als Kachelsymbol verwenden und Hintergrundbild für eine Kachel festlegen.
Kann ich verschiedenen Benutzern unterschiedliche Kacheln anzeigen?
Ja. Jede Kachel unterstützt die Zielgruppenadressierung über SharePoint-Websitegruppen oder Microsoft Entra ID-Gruppen, sodass eine Kachel nur für Mitglieder der ausgewählten Gruppen sichtbar ist. Kacheln können auf Web-URLs, mandantenrelative Pfade, Seitenanker, mailto:-, tel:-, sms:- und Microsoft Teams-Links verweisen und optional in einer neuen Registerkarte geöffnet werden.
Wie funktionieren Farben und Hover-Effekte?
Hintergrund- und Schriftfarben werden separat aus sechs Designakzentfarben (die dem Website-Design folgen) sowie 31 vordefinierten Fluent UI-Farben, Schwarz und Weiß ausgewählt. Neun Hover-Effekte (Helligkeit, Unschärfe, Farbtondrehung usw.) mit einstellbarer Stärke und Dauer stehen zur Verfügung und berücksichtigen den Tastaturfokus sowie die Einstellungen für reduzierte Bewegung. Siehe Kachelfarben in Smart Tiles und Hover-Effekt für Kacheln konfigurieren.
Welche Anforderungen und Einschränkungen gibt es?
Smart Tiles funktioniert nur auf modernen SharePoint Online-Seiten; SharePoint Server 2016 und 2019 werden nicht unterstützt. Zum Hinzufügen des Webparts ist die Berechtigungsstufe „Bearbeiten“ erforderlich, Besucher benötigen Lesezugriff auf alle Hintergrund- oder eigenen Bilder, und Änderungen werden nach dem erneuten Veröffentlichen der Seite sichtbar. Eine Kachel hat entweder ein Hintergrundbild oder eine Farbe, und die Kachelhöhe kann nicht direkt festgelegt werden. Das Abonnement gilt mandantenweit ohne Benutzerbegrenzung. Siehe das Administratorhandbuch und das Schnellstarthandbuch.
Bewertungen
Noch keine Bewertungen
Unterstützte Sprachen
Plattformen
Letzte Änderungen
- v26.10.4 #
🚀 Neue Funktionen
- Zielgruppenadressierung — eine Kachel lässt sich nur ausgewählten SharePoint-Gruppen der Website oder Microsoft Entra ID-Gruppen anzeigen. Kacheln ohne Zielgruppe bleiben für alle sichtbar; die Adressierung blendet die Kachel aus, schützt aber nicht den Link.
- Kachelbeschreibung — ein kurzer Text unter dem Titel und in der QuickInfo. Die neue Einstellung Beschreibungen anzeigen schaltet ihn aus.
- Hintergrundbild — ein eigenes Bild als Kachelhintergrund: URL eingeben oder ein Bild aus den Dokumentbibliotheken der Website wählen.
- Eigenes Symbolbild — jedes Bild kann das Symbol ersetzen, neben den Symbolsätzen Standard, Dateityp, App, Azure und Vitextra.
- Import & Export — die Kacheln werden in einer JSON-Datei gespeichert und auf einer anderen Seite oder Website mit Alle ersetzen oder Zu vorhandenen hinzufügen geladen.
- Weitere Linktypen — Kacheln öffnen E-Mail-, Telefon-, SMS- und Microsoft-Teams-Links (
mailto:,tel:,sms:,msteams:). - Weichzeichner-Effekt — neue Option Weichzeichnen in der Liste Hover-Effekt (0–20 px).
- Schnelleres Laden — für Besucher wird etwa halb so viel Code geladen; Bearbeitungswerkzeuge und Dialoganzeige werden nur bei Bedarf geladen.
- Weicherer Hover-Effekt — der Effekt wird beim Betreten und beim Verlassen einer Kachel animiert, wirkt auch beim Tastaturfokus und berücksichtigt die Systemeinstellung „Bewegung reduzieren“.
- Video im Vollbild — in einem Dialog geöffnete YouTube-Videos lassen sich im Vollbildmodus anzeigen, und der Dialog passt sich schmalen Bildschirmen an.
- SharePoint Framework 1.24 — das Webpart basiert auf dem aktuellen SharePoint Framework und React 18.
In Paketen erhältlich
Holen Sie sich dieses Produkt zusammen mit anderen und sparen Sie.
Intranet Communications Pack
Vitextra 365 All Access
Neue Apps entdecken
Vorgeschlagene Apps
Teilen
Feedback senden
Wir würden uns freuen, von Ihnen zu hören! Bitte nehmen Sie sich einen Moment Zeit, um uns Ihre Erfahrungen mitzuteilen.