Inhalte im Content Editor bearbeiten

Im Content-Editor können Sie den Inhalt Ihrer Blog-Posts 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 von Website-Inhalten. Einige Module wie Rich-Text-Module können mehrere Typen von Content enthalten.

1. Gehen Sie zu Ihrem Content:

   • 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 im Content-Editor auf das add Plus-Symbol in der linken Seitenleiste.
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 Content zu entfernen, bewegen Sie den Mauszeiger über das Modul und klicken Sie auf das Symbol für das delete Modul löschen. 

Abschnitte verwenden

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

Bitte beachten Sie: können nicht mehr als 50 wiederverwendbare Abschnitte auf einmal gespeichert werden. Um einen neuen wiederverwendbaren Abschnitt zu speichern, löschen Sie einen vorhandenen wiederverwendbaren Abschnitt. 

Einen Abschnitt erstellen

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

1. Gehen Sie zu Ihrem Content:

   • 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 + Abschnitt hinzufügen.
4. Klicken Sie im Dialogfeld im Menü auf leere Layouts und klicken Sie, um ein Layout auszuwählen.
5. Klicken Sie im Content-Editor auf das add Plus-Symbol in der linken Seitenleiste. 
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 Abschnitts. Wiederholen Sie dies für jedes Modul in diesem Abschnitt. 
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 down-Symbol und wählen Sie dann Abschnitt speichern aus. 
8. Geben Sie im Dialogfeld einen Namen und eine Beschreibung für Ihren Abschnitt ein, und klicken Sie dann auf Speichern. 

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

Hinzufügen oder Löschen eines Abschnitts

1. Gehen Sie zu Ihrem Content:

   • 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 + Abschnitt hinzufügen.
4. Klicken Sie im Dialogfeld auf einen Abschnitt. Um aus den gespeicherten Bereichen auszuwählen, klicken Sie im linken Menü auf Gespeicherte Bereiche und klicken Sie auf einen gespeicherten Bereich. 

Bitte beachten Sie: 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 Abschnitt aus Ihrem Content zu löschen, bewegen Sie den Mauszeiger über den Abschnitt und klicken Sie auf das delete Symbol für Löschen. Sie können auch auf das siteTreeIcon Symbol "Inhalt" klicken. Bewegen Sie den Mauszeiger über den Abschnitt, klicken Sie auf das ellipsesIcon Auslassungspunkte-Symbol und wählen Sie Löschen aus.
6. Wenn Sie einen Abschnitt aus Ihren gespeicherten Abschnitten 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 auf der delete entsprechenden Karte "Gespeicherte Bereiche".  Klicken Sie im Dialogfeld auf Löschen.

Styling-Inhalt 

Im Inhaltseditor können Sie auf der Registerkarte Styles des Seitenleisten-Editors Styling-Optionen, wie z. B. Auffüllungen und Ränder, bearbeiten. Sie können das Styling für Module und Abschnitte sowie für Zeilen und Spalten von Inhalten bearbeiten.

Die verfügbaren Stiloptionen für benutzerdefinierte Module und Designs werden von den erstellenden Entwicklern festgelegt. Erfahren Sie in unserer Entwicklerdokumentation mehr über Modul- und Designstiloptionen. 

1. Gehen Sie zu Ihrem Content:

   • 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 Styles . 
5. Um ein Element auszublenden:
   • Klicken Sie hier, um den Bereich Sichtbarkeit zu erweitern.
   • Klicken Sie im Abschnitt Ausblenden für diesen Haltepunkt 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 mobile oder desktop desktop oben auf der Seite. Klicken Sie hier, um den Bereich Sichtbarkeit zu erweitern. Klicken Sie im Abschnitt Ausblenden an diesem Haltepunkt auf Anzeigen. Dadurch wird das Modul bei dem ausgewählten Gerätetyp angezeigt, ansonsten aber ausgeblendet. 

6. Zum Einstellen von Füllung und Rändern: 
   • 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 Pixel ein. 
  • Um jeder Seite eine andere Auffüllung hinzuzufügen, geben Sie Werte in Pixel 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: 
   • Keine: entfernt alle Hintergrundfarben oder -bilder.
   • Farbe: legt eine einzelne Farbe als Hintergrund fest. Geben Sie einen Hex-Wert, ein oder klicken Sie auf color picker und wählen Sie eine Farbe, und geben Sie dann einen Transparenzwert ein. 
   • Bild: Legen Sie ein Bild als Hintergrund fest. Klicken Sie auf Hochladen, um ein Bild von Ihrem Computer hinzuzufügen, oder klicken Sie auf Bilder durchsuchen, um ein Bild aus Ihren Dateienauszuwä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 Gradientenrichtungaus. Geben Sie für jede Farbe einen Hex-Wert, ein oder klicken Sie auf color picker und wählen Sie eine Farbe, und geben Sie dann einen Transparenzwert ein.

Bitte beachten Sie: die genauen Optionen, die auf der Registerkarte Styles erscheinen, können variieren, insbesondere bei benutzerdefinierten Modulen. Erfahren Sie in unserer Entwicklerdokumentation mehr über Stiloptionen für benutzerdefinierte Module. 

Verwalten Sie Ihre Inhalte

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 Content:

   • 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 ausblenden. 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 bearbeiten, umbenennen, klonen, löschen und blenden Sie Seitenelemente aus: 
   • 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 hide . 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.