We use cookies
We use cookies and similar technologies to improve your experience, analyse traffic, and personalise content. You can accept all cookies or reject non-essential ones.
Der Schritt Vorschau führt Ihren Entwurf in der echten Teilnehmer-App aus, innerhalb des Editors, in drei Gerätebreiten. Nichts, was Sie dort tun, ist für andere sichtbar — das Live-Portal liefert weiter aus, was Sie zuletzt veröffentlicht haben. Diese Anleitung behandelt, was die Vorschau zeigt, die zwei Dinge, die sie bewusst nicht zeigt, und eine Checkliste für die Zeit vor dem Veröffentlichen.
Lädt die Vorschau nicht, prüfen Sie Portal ID im Branding-Panel. Die Vorschau-Adresse wird daraus gebaut, und das Feld sagt es auch: „Set a Portal ID to enable the live preview.“ (Setzen Sie eine Portal ID, um die Live-Vorschau zu aktivieren.)
Wechseln Sie zurück zu Design und bearbeiten Sie etwas, werden Ihre Änderungen sofort in den Rahmen geschoben — Seiten, Layouts, das Menü, das Logo, der Login title und die Login description aktualisieren sich ohne Neuladen. Die Vorschau liest immer Ihren Entwurf, nie die veröffentlichte Website.
Ist ein nav-Container im aktiven Layout auf Stack oder Scroll sideways unter On mobilegesetzt, behalten die schmalen Rahmen Ihr erstelltes Menü statt der App-Shell. Das ist die Oberfläche, die Ihnen die Wahrheit über Telefone sagt: Der Design-Canvas zeichnet das Menü immer so, wie Sie es erstellt haben, egal was der Regler sagt, und versieht ein Menu-button-nav lediglich mit dem Hinweis App shell on phones.
Der Rahmen ist voll interaktiv. Klicken Sie sich hindurch, wie ein Teilnehmer es täte:
In der Vorschau sind Sie immer ein angemeldeter Nutzer, sie kann Ihnen also nicht zeigen, was ein anonymer Besucher bekommt. Insbesondere werden die Menülinks, die die öffentliche Website entfernt, weiterhin gezeichnet. Der Designer kennzeichnet sie stattdessen: Im Design-Canvas wird ein solcher Link gedimmt mit einem kleinen Schloss gezeichnet, und der Link-Editor bietet Use Sign In. Vertrauen Sie den Schloss-Markierungen, nicht der Vorschau.
Ein Fall zum Aufpassen: Ein „Register“-Link in einem öffentlichen Menü funktioniert zwar in der Vorschau, wird auf der öffentlichen Live-Seite aber entfernt — Sign In ist die einzige App-Route, auf die ein öffentliches Menü zeigen darf. Schicken Sie Besucher zu Sign In; der Anmeldebildschirm trägt seinen eigenen Registrierungslink, wenn die Selbstregistrierung aktiv ist.
Weil die Vorschau-Persona bereits angemeldet ist, öffnet ein Klick auf einen Sign In – oder Register-Link kein Login-Formular. Er bringt Sie auf die Seite, die Sie als Default page after sign-in markiert haben — was einer echten Anmeldung entspricht, nur ohne das Formular. Ist keine Seite markiert, passiert beim Klick gar nichts. Auch das ist ein nützliches Signal: Ein Portal ohne Standardseite nach der Anmeldung hat keinen Ort für einen Teilnehmer.
Seiten, die Sie mit dem Augensymbol ausgeblendet haben, sind in der Vorschau voll sichtbar — genau darum geht es beim Ausblenden. Auf der veröffentlichten Website werden sie nicht existieren, und Links darauf ebenso wenig. Der Schritt Veröffentlichen sagt Ihnen vor dem Live-Gang, wie viele es sind.
Jede Seite ist über ein Menü oder eine Listenzeile erreichbar. Eine öffentliche Seite ist als Default public page markiert und eine private als Default page after sign-in. Kein Menüeintrag zeigt auf einen Slug, den es nicht mehr gibt.
Jede Seite hat die richtige Stufe unter Who can see this page. Nichts Privates ist versehentlich öffentlich. Keine Schloss-Markierung bleibt in einem öffentlichen Menü unerklärt.
Metrik-Karten zeigen Zahlen. Listen zeigen Spalten und Zeilen. Zeilenaktionen erreichen die richtige Detailseite. Blog-Übersichten verlinken per Slug auf Beitragsseiten.
Ihr Logo erscheint in der Kopfzeile, in der Schublade und auf dem Anmeldebildschirm. Login title und Login description sind für jede Sprache ausgefüllt.
Prüfen Sie in Mobile-Breite. Soll ein Menü sein eigenes Design behalten, setzen Sie On mobile auf Stack oder Scroll sideways. Denken Sie daran, dass die App-Shell höchstens fünf untere Tabs zeigt — der Rest lebt in der Schublade.
Öffentliche Seiten haben einen Search title und eine Search description. Alles, was nicht für die Suche gedacht ist, hat Hide from search engines eingeschaltet.
Eine verifizierte Domain ist als Panel domain im Branding ausgewählt. Ohne sie wird das Veröffentlichen abgelehnt.
Selbstregistrierung erlauben und Anmeldungen automatisch freigeben stehen so, wie Sie es wollen. Beide wirken sofort, ohne erneutes Veröffentlichen.
Sobald Sie veröffentlicht haben, machen Sie noch einen Durchgang, den die Vorschau nicht für Sie erledigen kann: Öffnen Sie Ihre Domain in einem privaten Browserfenster, damit Sie abgemeldet ankommen. Nur dort sehen Sie das echte anonyme Menü, den echten Anmeldebildschirm und die öffentlichen Seiten genau so, wie eine Suchmaschine sie indexieren wird.
Wenn die Checkliste abgehakt ist, weiter zu Veröffentlichen und Starten Ihres Teilnehmerportals. Um die Design-Oberflächen noch einmal anzusehen, siehe Ihr Portal erstellen — Design-Tabs, Komponenten & Branding.