Inhalte im Content-Editor bearbeiten

Im Content-Editor können Sie den Inhalt Ihrer Blogbeiträge und -seiten per Drag & Drop hinzufügen, bearbeiten und neu anordnen. Drag-&-Drop-Tools sind für einige Beiträge und Seiten nicht verfügbar. 

Module hinzufügen und bearbeiten

Module sind einzelne Blöcke mit Website-Inhalten. Einige Module wie Rich-Text-Module können mehrere Inhaltstypen von enthalten.

1. Gehen Sie zu Ihrem Inhalt:

   • Website-Seiten: Gehen Sie in Ihrem HubSpot-Account zu Content > Website-Seiten.
   • Landingpages: Gehen Sie in Ihrem HubSpot-Account zu Content > Landingpages.
2. Klicken Sie auf den Namen der Seite. 
3. Klicken Sie in der linken Seitenleiste im Content-Editor auf das Symbol für addHinzufügen.
4. Klicken Sie auf eine Modulkategorie, um sie zu erweitern, klicken Sie dann auf ein Modul und ziehen Sie es an die gewünschte Position in Ihrem Inhalt. Um nach einem Modul zu suchen, geben Sie den Namen des Moduls in das Suchfeld ein. 
5. Um die Breite eines Moduls anzupassen, klicken Sie auf den vertikalen Trenner zwischen Spalten und ziehen Sie ihn an die gewünschte Stelle.
6. Um ein Modul zu bearbeiten, klicken Sie auf das Modul in Ihrem Inhalt. 
7. Wenn Sie eine Kopie eines Moduls zu Ihren Inhalten hinzufügen möchten, bewegen Sie den Mauszeiger über das Modul und klicken Sie auf das clonduplicate c Symbol für das Klonen eines Moduls.
8. Um ein Modul aus Ihrem Inhalt zu entfernen, bewegen Sie den Mauszeiger über das Modul und klicken Sie auf das Symbol für delete Modul löschen. 

Bereiche verwenden

Bereiche sind größere Gruppen, die sich aus verschiedenen Modulen zusammensetzen. Sie können wiederverwendbare Seitenabschnitte erstellen, indem Sie Module auf ein leeres Bereichslayout ziehen. Entwickler können mithilfe der Entwicklerdokumentation auch wiederverwendbare Bereiche erstellen. Sobald ein Bereich erstellt ist, kann er auf jeder Seite verwendet werden, die das gleiche Design verwendet und die Drag-&-Drop-Bearbeitung unterstützt

Bitte beachten: Es können nicht mehr als 50 wiederverwendbare Bereiche gleichzeitig gespeichert werden. Um einen neuen wiederverwendbaren Bereich zu speichern, löschen Sie einen vorhandenen wiederverwendbaren Bereich. 

Einen Bereich erstellen

Sie können einen Bereich erstellen, indem Sie ein Layout auswählen und ihm dann Module hinzufügen. 

1. Gehen Sie zu Ihrem Inhalt:

   • Website-Seiten: Gehen Sie in Ihrem HubSpot-Account zu Content > Website-Seiten.
   • Landingpages: Gehen Sie in Ihrem HubSpot-Account zu Content > Landingpages.
2. Klicken Sie auf den Namen der Seite. 
3. Bewegen Sie den Mauszeiger im Content-Editor über Ihren Inhalt und klicken Sie auf + Bereich hinzufügen.

4. Klicken Sie im Dialogfeld im Menü auf leere Layouts und klicken Sie, um ein Layout auszuwählen.
5. Klicken Sie in der linken Seitenleiste auf das Symbol für add Hinzufügen. 
6. Klicken Sie auf eine Modulkategorie, um diese zu erweitern, klicken Sie dann auf ein Modul und ziehen Sie es an die gewünschte Position innerhalb des Bereichs. Wiederholen Sie dies für jedes Modul in diesem Bereich. 
7. Wenn Sie mit dem Hinzufügen von Modulen zum Bereich fertig sind, bewegen Sie den Mauszeiger über den Bereich, klicken Sie auf das downCarat Symbol für „Nach unten“ und wählen Sie dann Bereich speichern aus. 
8. Geben Sie im Dialogfeld einen Namen und eine Beschreibung für Ihren Bereich ein, und klicken Sie dann auf Speichern. 

Bitte beachten: Bestehende Seitenabschnitte und solche, die ohne Layout erstellt wurden, können ebenfalls als wiederverwendbare Abschnitte gespeichert werden. 

Bereiche hinzufügen oder löschen

1. Gehen Sie zu Ihrem Inhalt:

   • Website-Seiten: Gehen Sie in Ihrem HubSpot-Account zu Content > Website-Seiten.
   • Landingpages: Gehen Sie in Ihrem HubSpot-Account zu Content > Landingpages.
2. Klicken Sie auf den Namen der Seite.
3. Bewegen Sie den Mauszeiger im Content-Editor über Ihren Inhalt und klicken Sie auf + Bereich hinzufügen.

4. Klicken Sie im Dialogfeld auf einen Bereich. Um aus den gespeicherten Bereichen auszuwählen, klicken Sie im linken Menü auf Gespeicherte Bereiche und klicken Sie auf einen gespeicherten Bereich. 

Bitte beachten: Wenn Sie einen gespeicherten Bereich hinzufügen, der Smart-Regeln enthält, werden diese Regeln auf den neu hinzugefügten Bereich angewendet. Diese Abschnitte werden mit dem Label Smart versehen. 

5. Um einen Bereich aus Ihrem Inhalt zu löschen, bewegen Sie den Mauszeiger über den Bereich und klicken Sie auf das delete Symbol für Löschen. Sie können auch auf das siteTreeIcon-Symbol für Inhalte klicken. Bewegen Sie den Mauszeiger über den Bereich, klicken Sie auf das ellipsesIcon Auslassungspunkte-Symbol und wählen Sie Löschen aus.
6. Wenn Sie einen Bereich aus Ihren gespeicherten Bereichen löschen möchten, bewegen Sie den Mauszeiger über den Inhalt und klicken Sie auf + Bereich hinzufügen. Klicken Sie dann im Menü links auf Gespeicherte Bereiche und dann auf das Löschen-Symbol delete auf der entsprechenden Karte „Gespeicherte Bereiche“. Klicken Sie im Dialogfeld auf Löschen.

Inhalte formatieren 

Im Inhaltseditor können Sie auf der Registerkarte für Stile des Seitenleisten-Editors Formatierungsoptionen, wie etwa Auffüllungen und Ränder, bearbeiten. Sie können die Formatierung für Module und Abschnitte sowie für Zeilen und Spalten von Inhalten bearbeiten.

Die verfügbaren Formatierungsoptionen für benutzerdefinierte Module und Designs werden von den erstellenden Entwicklern festgelegt. In unserer Entwicklerdokumentation erfahren Sie mehr über die Formatierungsoptionen für Module und Designs. 

1. Gehen Sie zu Ihrem Inhalt:

   • Website-Seiten: Gehen Sie in Ihrem HubSpot-Account zu Content > Website-Seiten.
   • Landingpages: Gehen Sie in Ihrem HubSpot-Account zu Content > Landingpages.
   • Blog: Gehen Sie in Ihrem HubSpot-Account zu Content > Blog..
2. Klicken Sie auf den Namen Ihrer Seite. 
3. Klicken Sie im Content-Editor auf ein Modul.
4. Klicken Sie im Seitenleisten-Editor auf die Registerkarte Stile. 
5. So blenden Sie ein Element aus:
   • Klicken Sie hier, um den Bereich Sichtbarkeit zu erweitern.
   • Klicken Sie im Abschnitt An diesem Breakpoint ausblenden auf Ausblenden. Standardmäßig wird das Modul in der Desktop- und Mobilansicht ausgeblendet. 
   • Um das Modul nur auf dem Handy oder dem Desktop anzuzeigen, klicken Sie auf das Symbol mobile Mobil oder desktop Desktop oben auf der Seite. Klicken Sie hier, um den Bereich Sichtbarkeit zu erweitern. Klicken Sie im Abschnitt An diesem Breakpoint ausblenden auf Anzeigen. Dadurch wird das Modul bei dem ausgewählten Gerätetyp angezeigt, ansonsten aber ausgeblendet. 

6. So legen Sie Auffüllungen und Ränder fest: 
   • Erweitern Sie den Abschnitt Ausrichtung und Abstand und klicken Sie dann auf Auffüllen oder Rand.

• • Um allen Seiten einen einheitlichen Abstand hinzuzufügen, aktivieren Sie das Kontrollkästchen Auf alle Seiten anwenden und geben Sie dann in einem beliebigen Feld den Wert in Pixeln ein. 
  • Um jeder Seite eine andere Auffüllung hinzuzufügen, geben Sie Werte in Pixeln in die Felder Oben, Links, Rechts und Unten ein.

7. Um den Hintergrund eines Elements festzulegen, klicken Sie auf den Abschnitt Hintergrund und wählen Sie dann eine Option aus: 
   • Keine: Entfernen Sie alle Hintergrundfarben oder -bilder.
   • Farbe: Legen Sie eine einzelne Farbe als Hintergrund fest. Geben Sie einen Hexadezimalwert ein oder klicken Sie auf die Farbauswahl und wählen Sie eine Farbe aus. Geben Sie dann einen Wert für die Transparenz ein.
   • Bild: Legen Sie ein Bild als Hintergrund fest. Klicken Sie auf Hochladen, um ein Bild von Ihrem Computer hochzuladen, oder klicken Sie auf Bilder durchsuchen, um aus Ihren Dateien ein Bild auszuwählen. 
   • Farbverlauf: Legen Sie den Übergang von einer Farbe in eine andere als Hintergrund fest. Klicken Sie auf das Dropdown-Menü Richtung und wählen Sie eine Richtung für den Farbverlauf aus. Geben Sie für jede Farbe einen Hexadezimalwert ein oder klicken Sie auf die Farbauswahl und wählen Sie eine Farbe aus. Geben Sie dann einen Wert für die Transparenz ein.

Bitte beachten: die genauen Optionen, die auf der Registerkarte Stile erscheinen, können variieren, insbesondere bei benutzerdefinierten Modulen. In unserer Entwicklerdokumentation erfahren Sie mehr über Formatierungsoptionen für benutzerdefinierte Module. 

Inhaltsverwaltung

Im Seitenleisten-Editor erhalten Sie einen Überblick über die Abschnitte, Zeilen, Spalten und Module in Ihrem Inhalt. Von dort aus können Sie sie umbenennen, bearbeiten, kopieren, löschen oder ausblenden: 

1. Gehen Sie zu Ihrem Inhalt:

   • Website-Seiten: Gehen Sie in Ihrem HubSpot-Account zu Content > Website-Seiten.
   • Landingpages: Gehen Sie in Ihrem HubSpot-Account zu Content > Landingpages.
2. Klicken Sie auf den Namen Ihrer Seite. 
3. Klicken Sie in der linken Seitenleiste auf die Registerkarte siteTree Inhalt . 
4. Sie können steuern, welche Seitenelemente im Seitenleisten-Editor sichtbar sind: 
   • Um nur die Abschnitte Ihrer Seite anzuzeigen, klicken Sie auf Alle einklappen. Dadurch werden alle Zeilen, Spalten und Module ausgeblendet, so dass im Seitenleisten-Editor nur Abschnitte sichtbar sind. 
   • Um alle Inhalte auf Ihrer Seite zu sehen, klicken Sie auf Alle anzeigen. Dadurch werden alle Abschnitte, Zeilen, Spalten und Module im Seitenleisten-Editor angezeigt. 
   • Um ein einzelnes Seitenelement oder einen Container anzuzeigen, klicken Sie auf das + Pluszeichen neben seinem Namen.
   • Um ein Element oder einen Container auszublenden, klicken Sie auf das - Minuszeichen neben seinem Namen. 

5. So können Sie Seitenelemente bearbeiten, umbenennen, klonen, löschen und ausblenden: 
   • Um ein Element zu bearbeiten, klicken Sie auf seinen Namen. 
   • Um ein Element umzubenennen, klicken Sie auf das ellipses Auslassungspunkte-Symbol neben seinem Namen und wählen Sie dann [Element] umbenennen aus. Geben Sie im Dialogfeld einen Namen für das Element ein, und klicken Sie dann auf Speichern. 
   • Um ein Element zu klonen, klicken Sie auf das ellipses Auslassungspunkte-Symbol neben seinem Namen und wählen Sie dann Klonen aus. Dadurch wird eine exakte Kopie des Originalelements neben dem Element erstellt. 
   • Um ein Element zu löschen, klicken Sie auf das ellipses Auslassungspunkte-Symbol neben seinem Namen und wählen Sie dann Löschen aus. 
   • Um ein Modul auszublenden, klicken Sie auf das Symbol hide Ausblenden. Dadurch wird das Modul in der Inhaltsvorschau ausgeblendet, aber nicht im Seitenleisteneditor. Um ein verborgenes Modul auf der Seite anzuzeigen, klicken Sie auf das Symbol view dispAnzeigen.