Erste Schritte mit Designs

Ein Design ist eine Reihe von Vorlagen, Modulen, globalen Inhalten und Stileinstellungen, die jeder Benutzer zur Erstellung einer gesamten Website einsetzen kann. Designs sind von Entwicklern mithilfe der CMS-Entwicklerdokumentation erstellte kodierte Dateien. CMS-Hub-Accounts enthalten HubSpot-Standarddesigns, die für jedes Unternehmen angepasst werden können. Es gibt auch Design unter Vorlagen – Marketplace.

Was ist ein Design?

Ein Design ist eine Reihe von Dateien für Ihre Website, darunter:

• Kodierte Vorlagen: Eine Reihe von Vorlagen für Ihre Website, einschließlich einer Startseite, einer Info-Seite, einer Landing-Page sowie Blog-Vorlagen. Diese Vorlagen werden zur Anpassung durch einen Entwickler kodiert, die Inhalte und das Layout können jedoch auch problemlos im Drag-&-Drop-Seiten-Editor angepasst werden.
• Module: Eine Reihe eindeutiger Design-Module, die Sie hinzufügen und für jede Seitenvorlage in diesem Design anpassen können. 
• Globale Inhalte: Inhalte, die auf mehreren Seiten stehen, z. B. eine Website-Kopfzeile oder -Fußzeile. Sie können globale Inhalte direkt über den Drag-&-Drop-Seiten-Editor bearbeiten.
• Designeinstellungen: Standardeinstellungen für Vorlagen in Ihrem Design, einschließlich Schriftarten, Abstände und Farben. Jede neue Seite mit Designvorlage verfügt über konsistente Stile.

Vorschau eines Designs

Die einfachste Möglichkeit, ein Design in der Vorschau anzusehen, besteht darin, eine neue Seite zu erstellen. Im Content-Ersteller können Sie aus zwei Design-Arten auswählen:

• HubSpot-Designs: HubSpot-Standarddesigns sind in CMS Hub Professional- und Enterprise-Accounts enthalten.
• Ihre Designs: Benutzerdefinierte Designs, die von einem Web-Entwickler mithilfe der CMS-Referenzdokumentation erstellt wurden. Dabei kann es sich um einen Web-Entwickler Ihres Teams, einen Solutions Partner, das Migration-Services-Team von HubSpot oder ein Anbieter im Vorlagen – Marketplace handeln. Bei CMS Hub-Accounts werden alle HubSpot-Designs, die Sie bereits für die Erstellung von Seiten verwendet haben, auch unter „Ihre Designs“ angezeigt.

Mithilfe eines Designs Inhalte für Seiten bearbeiten

Jedes Design enthält seine eigene Gruppe von Modulen, die den Designeinstellungen für Farben, Schriftarten und Stilen entsprechen. Diese Module werden in horizontale Zeilen und vertikale Spalten gruppiert. Diese Zeilen oder Spalten können in Abschnitte gruppiert werden. Sie können diese Elemente verschieben und neu anordnen, um die Struktur Ihres Seitenlayouts anzupassen.

Erfahren Sie mehr über das Bearbeiten von Inhalten auf einer Seite mithilfe einer Designvorlage.

Designvorlage für einen Blog übernehmen

Wenn Sie auch Ihre Blog-Inhalte auf HubSpot hosten, sollten Sie unter Umständen aus Gründen eines konsistenten Erscheinungsbilds Ihre Blog-Vorlage auf das Design Ihrer Website aktualisieren. Erfahren Sie, wie Sie in Ihren Blog-Einstellungen ein Design für Ihre Blog-Einstellungen übernehmen.

Designeinstellungen bearbeiten

Stellen Sie sicher, dass Ihre Website Best Practices für die Gestaltung des Erscheinungsbilds befolgt, dass bei den Designs Farben, Schriftarten und Stile für Schaltflächen, Formulare und Module in Ihren Vorlagen konsistent angewendet werden.

Sie können im Seiten-Editor auf Ihre Designeinstellungen zugreifen, indem Sie links auf die Registerkarte „Design“ klicken. Hier bearbeitete Stile werden für alle Seiten und Designmodule übernommen, die in diesem Design enthalten sind. Erfahren Sie mehr über das Verwalten von Designeinstellungen.

Funktionen für Website-Entwickler

Ihr Entwickler und Ihr IT-Team können die Sicherheits- und Performance-Funktionen für Websites nutzen, die im CMS Hub erstellt wurden. Entwickler können die Website-Performance schnell und einfach mithilfe von Code-Warnungen überwachen. Außerdem gibt es ein Protokoll aller Änderungen an Ihren Website-Inhalten, das über den Endpunkt der Content-Audit-API aufgerufen werden kann. Erfahren Sie mehr über die Website-Entwicklung im CMS und CMS-APIs für Entwickler.

Neben der Design-Erstellung über HubSpot CLI können Sie auch vorhandene Designs im Design-Manager von HubSpot klonen und bearbeiten. So klonen Sie ein Design:

• Gehen Sie in Ihrem HubSpot-Account zu Marketing > Dateien und Vorlagen > Design-Manager.
• Klicken Sie im Finder auf den Ordner „@hubspot“. Dieser Ordner enthält all Ihre Designs und Standardmodule, darunter Drag-&-Drop-Module für E-Mails.
  
  
• Klicken Sie mit der rechten Maustaste auf einen Desing-Ordner und wählen Sie dann „Design klonen“ aus.
  
  
• Benennen Sie im Dialogfeld die Design-Kopie und klicken Sie dann auf „Erstellen“.
• Das Design wird in den Stammordner kopiert und im Finder mit Ihren anderen Ordnern aufgeführt.

Ein geklontes Design können Sie bearbeiten wie eine andere kodierte Datei und Benutzer können Landing-Pages und Website-Seiten aus dem Design erstellen.