--- title: "Smart Tiles-Webpart für SharePoint Online" description: "Kachelbasiertes Navigations-Webpart für SharePoint Online und Microsoft Teams. Reiche Farbpalette, Fluent UI-Icons, flexibles Layout, Unterstützung für volle Seitenbreite." url: https://vitextra.com/de/products/smart-tiles language: de published: 2020-04-25 modified: 2026-10-23 products: - "Smart Tiles" --- # Smart Tiles Leistungsstarkes Navigations-Webpart, mit dem Benutzer visuell ansprechende und intuitive Navigationsmenüs in ihren SharePoint-Websites erstellen können. 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. ## Features - 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](https://developer.microsoft.com/en-us/fluentui#/styles/web/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. ![Vitextra Smart Tiles-Webpart](https://static.vitextra.com/products/screens/smart-tiles-settings.png) ### 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. ![Vitextra Smart Tiles-Webpart. Responsives Design](https://static.vitextra.com/products/screens/smart-tiles-responsive.png) ### 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. ![Vitextra Smart Tiles-Webpart. Reiche Farbpalette](https://static.vitextra.com/products/smart-tiles-color-palette.png) ## Preise - Monatsabonnement: 8€ EUR pro Monat - Jahresabonnement: 84€ EUR / Jahr ## Plattformen - SharePoint Online ## Unterstützte Sprachen: 9 Nederlands (Nederland), English, Deutsch, Ελληνικά (Ελλάδα), latviešu (Latvija), norsk bokmål (Norge), русский, español (España, alfabetización internacional), українська (Україна) ## Neueste Version - v26.10.4 (2026-10-08) — [Herunterladen](https://vitextra.blob.core.windows.net/downloads/Vitextra.SmartTiles.2026Q4.zip) - [Änderungsprotokoll](https://vitextra.com/de/products/smart-tiles/changelog) ([RSS](https://vitextra.com/de/rss/changelog)) ## Kundenfragen ### 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](https://vitextra.com/de/support/kb/10240) und [Smart Tiles-Webpart hinzufügen und konfigurieren](https://vitextra.com/de/support/kb/10042). ### 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](https://vitextra.com/de/support/kb/10247). ### 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](https://vitextra.com/de/support/kb/10243), [Eigenes Bild als Kachelsymbol verwenden](https://vitextra.com/de/support/kb/10244) und [Hintergrundbild für eine Kachel festlegen](https://vitextra.com/de/support/kb/10245). ### 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](https://vitextra.com/de/support/kb/10043) und [Hover-Effekt für Kacheln konfigurieren](https://vitextra.com/de/support/kb/10248). ### 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](https://vitextra.com/docs/Smart%20Tiles.%20Administrator%20Guide.pdf) und das [Schnellstarthandbuch](https://vitextra.com/docs/Smart%20Tiles.%20Quick%20Start%20Guide.pdf). ## Wissensdatenbank - [Den Hover-Effekt für Kacheln konfigurieren](https://vitextra.com/de/support/kb/10248) ([Markdown](https://vitextra.com/de/support/kb/10248.md)) - [Ein Hintergrundbild für eine Kachel festlegen](https://vitextra.com/de/support/kb/10245) ([Markdown](https://vitextra.com/de/support/kb/10245.md)) - [Kachelgrößen und Layout in Smart Tiles](https://vitextra.com/de/support/kb/10247) ([Markdown](https://vitextra.com/de/support/kb/10247.md)) - [Smart Tiles: Lösungsübersicht](https://vitextra.com/de/support/kb/10240) ([Markdown](https://vitextra.com/de/support/kb/10240.md)) - [Titel und Beschreibungen auf Kacheln anzeigen](https://vitextra.com/de/support/kb/10249) ([Markdown](https://vitextra.com/de/support/kb/10249.md)) - [So fügen Sie das Smart-Tiles-Webpart hinzu und konfigurieren es](https://vitextra.com/de/support/kb/10042) ([Markdown](https://vitextra.com/de/support/kb/10042.md)) - [Kachelfarben in Smart Tiles: Akzentfarben des Designs und vordefinierte Farben](https://vitextra.com/de/support/kb/10043) ([Markdown](https://vitextra.com/de/support/kb/10043.md)) [Wissensdatenbank](https://vitextra.com/de/products/smart-tiles/articles)