Hinweis: Dieser Artikel wird aus Kulanz zur Verfügung gestellt. Er wurde automatisch mit einer Software übersetzt und unter Umständen nicht korrekturgelesen. Die englischsprachige Fassung gilt als offizielle Version und Sie können dort die aktuellsten Informationen finden. Hier können Sie darauf zugreifen.

Website-Inhalte mithilfe eines Designs erstellen

Zuletzt aktualisiert am: Mai 20, 2020

Produkte/Lizenzen

CMS Hub  Professional, Enterprise

Mit Website-Designs können Sie eine Reihe von ansprechenden, zusammenhängenden und responsiven Seiten für Ihr Unternehmen erstellen, ohne einen professionellen Web-Entwickler damit zu beauftragen. Ein Design ist eine Reihe von Stilen und Vorlagen, die Sie für Seiten und Blogs in Ihrem CMS Hub-Account übernehmen können.

Was ist ein Design?

Ein Website-Design ist eine Reihe von Vorlagen und Stileinstellungen, die jeder Benutzer zur Erstellung einer gesamten Website einsetzen kann. CMS Hub-Accounts enthalten eine Vielzahl von Standard-Website-Designs von HubSpot, die für jedes Unternehmen angepasst werden können.

Jedes Standard-Website-Design enthält:

  • Vorlagen: Eine Reihe von Vorlagen für Ihre Website, einschließlich einer Startseite, einer Info-Seite, einer Landing-Page sowie Blog-Vorlagen.
  • Module: Eine Reihe eindeutiger Design-Module, die Sie hinzufügen und für jede Seitenvorlage in diesem Design anpassen können. 
  • Designeinstellungen: Standardeinstellungen für die Vorlagen Ihres Designs, einschließlich Schriftarten, Abstände und Farben. 
  • Globale Inhalte: Designvorlagen enthalten globale Inhalte, wie Ihre Website-Fußzeile, die auf mehreren Seiten wiederholt wird.

Wenn Sie einen professionellen Entwickler in Ihrem Team haben, kann er Ihnen mithilfe der CMS-Referenzdokumentation ein benutzerdefiniertes Design gestalten. Sie können sich an einen Solutions-Partner wenden und einen einen Entwickler suchen, der ein benutzerdefiniertes Design für Ihre Website erstellen kann. 

So funktionieren Designs

  • Um sicherzustellen, dass Ihre Website konsistent aussieht, werden die Stileinstellungen für alle Seiten, die dasselbe Design verwenden, zentral in Ihren Designeinstellungen verwaltet. Auf diese Weise verfügen alle neuen Seiten, die Sie erstellen, über die gleichen Schriftarten, Farben und Stile.
  • Sie können Inhalte und Stile im Seiten-Editor anpassen, während Sie arbeiten. Beachten Sie, dass unterschiedliche Designs unterschiedliche Optionen haben können, je nachdem, wie das Design von Ihrem Website-Entwickler erstellt wurde.
  • Wenn Sie eine unverwechselbare Farbe oder Schriftart auf einer bestimmten Seite dargestellt sehen möchten, können einige Stileinstellungen im Seiten-Editor gesteuert werden. Denken Sie daran, dass als Best Practice konsistente Schriftarten, Farben und Stile auf Ihrer gesamten Website verwendet werden sollten.

Durch Erstellen einer neuen Seite die Vorschau eines Designs anzeigen

Sie können über Ihr Seiten-Dashboard schnell und einfach die Vorschau eines Designs anzeigen:

  • Navigieren Sie in Ihrem HubSpot-Account zu „Marketing“ „Website“ und wählen Sie dann „Landing-Page“ oder „Website-Seite“ aus.
  • Klicken Sie oben rechts auf „Erstellen“ und wählen Sie eine Landing-Page oder Website-Seite aus.
  • Klicken Sie auf ein Design, um die in diesem Design enthaltenen Vorlagen anzuzeigen.
  • Um eine Vorschau des Designs anzuzeigen, bewegen Sie den Mauszeiger über eine Vorlage und klicken Sie oben rechts auf „Vorschau“. Sie sehen eine interaktive Vorschau des Designs, bevor Sie zum Content-Editor weitergehen.

preview%20a%20theme

Um eine Seite mit dieser Designvorlage zu erstellen, klicken Sie oben rechts auf „Vorlage verwenden“. Geben Sie anschließend Ihrer neuen Seite einen internen Namen.

Mithilfe eines Designs Inhalte für Seiten bearbeiten

Jedes Design enthält seine eigene Gruppe von Designmodulen. Diese Module sind in horizontale Zeilen und vertikale Spalten unterteilt. Diese Zeilen oder Spalten können in Abschnitte unterteilt werden, die die Struktur Ihres Seitenlayouts bilden.

Passen Sie die Inhalte eines Designmodul mit Ihren eigenen Bildern und Ihrem eigenen Text an, um schnell eine ansprechende, konsistente und professionelle Website zu erstellen. Sie können weitere Modultypen per Drag-&-Drop auf eine Seite ziehen, die eine HubSpot-Designvorlage verwendet.

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

add%20a%20common%20module%20to%20a%20page

Bitte beachten: Wenn Ihr Web-Entwickler ein benutzerdefiniertes Design für Sie erstellt hat und Sie weitere Module im Seiten-Editor hinzufügen können möchten, müssen Sie sicherstellen, dass die Seitenvorlagen im Design einen Drag-&-Drop-Bereich enthalten.

Designvorlage für einen Blog übernehmen

Wenn Sie auch Ihre Blog-Inhalte in Ihrem CMS Hub-Account 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.

Bitte beachten: Die einzigen Module in Ihrer Blog-Beitragsvorlage, die bearbeitet werden können, sind die Standardmodule, die in der globalen Kopfzeile und der globalen Fußzeile Ihres Blogs enthalten sind. Erfahren Sie mehr über das Bearbeiten von globalen Inhalten.

Designstile bearbeiten

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

Bitte beachten: Wenn Sie ein benutzerdefiniertes Design verwenden, hängen die verfügbaren Stil- und Formatierungsoptionen in der Einstellung für das Design von den entsprechenden Feldoptionen des Designs ab, die der ursprüngliche Entwickler des Designs berücksichtigt hat.

Sie können im Seiten-Editor auf globale 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

edit-global-theme-fonts

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.

/de/website-pages/create-website-content-using-a-theme