Damit dein Magazin nicht nur gut aussieht, sondern auch reibungslos veröffentlicht werden kann, solltest du einige grundlegende Funktionen und Abläufe kennen.
Dieser Guide begleitet dich durch die wichtigsten Schritte – von den ersten Designentscheidungen bis zum finalen Livegang.
🧱 Phase 1: Setup & Gestaltung
Projektstyles frühzeitig festlegen
Projektstyles bilden die Grundlage deines gesamten Magazins. Hier definierst du unter anderem Farben, Schriften und globale Stilregeln.
Da sich diese Einstellungen auf viele Bereiche deines Projekts auswirken, empfiehlt es sich, sie direkt zu Beginn festzulegen. Dies machst du in den Projekt- oder Ausgabeneinstellungen im Reiter Styles.
💡 Tipp:
Ein sauber definiertes Styling spart später viel Zeit bei Anpassungen und sorgt für ein konsistentes Design.
Viewport-Vererbung beachten
Dein Magazin wird responsiv aufgebaut. Dabei werden Einstellungen immer vom größten zum kleinsten Viewport vererbt: Desktop → Laptop → Tablet → Mobile
Alle responsiven Felder, die mit dem Viewport-Symbol gekennzeichnet sind, übernehmen zunächst automatisch den Wert aus dem nächst größeren Viewport.
Diese vererbten Werte erkennst du bei numerischen Feldern an einer grauen Zahl – zum Beispiel bei der Schriftgröße.
Sobald du einen Wert im kleineren Viewport individuell anpasst, wird die Vererbung an dieser Stelle überschrieben. Der numerische Wert erscheint dann schwarz.
💡 Empfohlener Workflow:
Baue dein Magazin zunächst vollständig im Desktop-Viewport auf und arbeite dich anschließend Schritt für Schritt nach unten durch die kleineren Ansichten.
So nutzt du die Vererbung sinnvoll und vermeidest unnötige doppelte Anpassungen.
Warum die Darstellung im Editor anders aussehen kann als im Frontend
Was du in der Editor-Ansicht siehst, entspricht nicht immer dem finalen Ergebnis. Unterschiede entstehen durch:
Rendering im Browser
dynamische Inhalte
responsive Anpassungen
💡 Tipp:
Nutze regelmäßig die Vorschau, um dein Magazin aus Nutzersicht zu überprüfen.
🧭 Phase 2: Struktur & Inhalte
Reihenfolge deiner Seiten festlegen
Die Reihenfolge deiner Seiten kannst du direkt in der Seitenübersicht anpassen.
Gehe dafür wie folgt vor:
Öffne die Seitenübersicht
Klicke oberhalb auf „Weitere Optionen“
Wähle „Seiten neu anordnen“
Anschließend öffnet sich ein Fenster, in dem du Seiten und Unterseiten ganz einfach per Drag & Drop an die gewünschte Position ziehen kannst.
💡 Tipp:
Eine klare Seitenstruktur verbessert die Navigation und hilft Leserinnen und Lesern dabei, sich schnell in deinem Magazin zurechtzufinden.
Responsive Einstellungen prüfen
Über das Viewport-Symbol oben rechts im Editor kannst du jederzeit zwischen Desktop, Laptop, Tablet und Mobile wechseln und prüfen, wie dein Magazinlayout auf verschiedenen Geräten dargestellt wird. Achte dabei besonders auf:
Abstände innerhalb von Containern und Spaltenlayouts
Größenverhältnisse von Texten und Bildern
die Darstellung von Layouts auf kleineren Geräten
Große Abstände aus der Desktop-Version (z. B. 300px links und rechts) wirken auf kleineren Geräten oft zu groß und sollten dort angepasst werden.
Zusätzlich kannst du für unterschiedliche Viewports eigene Layouts erstellen.
Über den Punkt „Sichtbarkeit“ unten rechts in der Funktionsleiste eines Widgets legst du fest, in welchen Viewports ein Element angezeigt oder ausgeblendet werden soll. Ausgeblendete Widgets werden im Editor schraffiert dargestellt, damit du weiterhin den Überblick über dein gesamtes Layout behältst.
💡 Hinweis:
Im Editor siehst du immer das vollständige Layout inklusive aller ausgeblendeten Widgets. Erst im Vorschaumodus oder über „Seite anzeigen“ wird dein Magazin genauso dargestellt, wie es später auch deine Leserinnen und Leser sehen – inklusive aller Ein- und Ausblendungen je nach Gerät.
🚀 Phase 3: Veröffentlichung & Livegang
Domain einrichten
Die Domain ist die öffentliche Adresse deines Magazins.
Du kannst entweder:
eine interne Novamag-Domain (z.B.
.digimag-online.deverwenden)eine externe Subdomain nutzen (z.B.
magazin.domain.de)oder eine eigene Top-Level-Domain wie
domain.deverbinden
Beim Einrichten solltest du darauf achten:
dass die passenden DNS-Einstellungen gesetzt wurden
bei Subdomains die richtigen CNAME-Einträge verwendet werden
bei Top-Level-Domains die erforderlichen A- und AAAA-Records hinterlegt sind
nachträgliche Änderungen unter Umständen etwas Zeit benötigen
💡 Hinweis:
SSL-Zertifikate werden von Novamag automatisch erstellt und verwaltet. Änderungen an DNS-Einstellungen können je nach Provider einige Zeit benötigen, bis die Domain vollständig erreichbar ist.
Magazin veröffentlichen
Damit dein Magazin für deine Leserinnen und Leser erreichbar ist, müssen alle relevanten Veröffentlichungsstatus auf „Veröffentlicht“ stehen.
Dazu gehören:
der Status aller Seiten
der Status der jeweiligen Ausgabe
der Projektstatus
Erst wenn diese Status veröffentlicht sind, ist dein Magazin unter der festgelegten Domain erreichbar.
In den Projekteinstellungen findest du außerdem im Reiter „Archiv“ die Einstellung, welche Ausgabe über deine hinterlegte Domain aufgerufen werden soll. Standardmäßig verweist die Domain immer auf die aktuellste veröffentlichte Ausgabe. Diese Auswahl wird automatisch aktualisiert, sobald eine neue Ausgabe veröffentlicht wird.
Alternativ kannst du die gewünschte Ausgabe auch manuell auswählen oder – sobald mindestens zwei Ausgaben vorhanden sind – statt einer einzelnen Ausgabe ein Ausgabenarchiv anzeigen lassen.
💡 Hinweis:
Überprüfe vor der Veröffentlichung noch einmal alle Veröffentlichungsstatus sowie die Archiv-Einstellung, damit über deine Domain die gewünschte Ausgabe angezeigt wird.
Den richtigen Link teilen
Für die Verbreitung deines Magazins solltest du immer den finalen Live-Link verwenden.
Diesen findest du in der Projektübersicht. Über das Kopieren-Symbol kannst du den Link direkt in die Zwischenablage übernehmen und anschließend mit deinen Leserinnen und Lesern teilen.
Verwende keinen Vorschau-Link. Dieser dient ausschließlich zur internen Vorschau und ist daran zu erkennen, dass vor der Domain eine zufällige Zeichenfolge aus Buchstaben und Zahlen steht, zum Beispiel:
https://fhnfsdfjng2ltmidjso3r.mags.novamag.de/de/magazinname
💡 Wichtig:
Nur der finale Live-Link wird vom Tracking erfasst. Aufrufe über einen Vorschau-Link fließen nicht in deine Statistiken ein. Verwende für die Verbreitung deines Magazins daher immer den Live-Link aus der Projektübersicht.