Zentrieren Sie ein Bild, CTA (Legacy) oder Logo in einer E-Mail oder Seite
Zuletzt aktualisiert am: Juli 8, 2024
Mit einem der folgenden Abonnements verfügbar (außer in den angegebenen Fällen):
Marketing Hub Professional , Enterprise |
Content Hub Professional , Enterprise |
Ehemaliges Marketing Hub Basic |
Wenn Sie Layout-Vorlagen verwenden, die mit dem Design-Manager-Tool erstellt wurden, können Sie ein Bild, ein CTA-Modul (Legacy) oder ein Logomodul auf Ihrer Seite, in Ihrem Blog oder in Ihrer E-Mail zentrieren, indem Sie Inline-Styling zu Ihrer Vorlage hinzufügen.
Wenn Sie eine Vorlage verwenden, die einen Drag-and-Drop-Bereich enthält, können Sie die Ausrichtung der Module im Inhaltseditor zentrieren. Sie können Module im Seiteneditor auch mit horizontalen Abstandshaltern zentrieren.
Zentrieren Sie ein Bild, CTA (Legacy) oder Logo mit Inline-Styling
Bitte beachten:
- Diese Methode erfordert ein grundlegendes Verständnis von HTML.
- Wenn Ihre Seite oder Vorlage ein angehängtes Stylesheet hat oder ein zusätzliches Styling hinzugefügt wurde, kann es sein, dass vorhandenes CSS Ihr Bild, CTA (Legacy) oder Logo beeinträchtigt. HubSpot empfiehlt, mit einem Designer zusammenzuarbeiten, um die Quelle des Stylings zu identifizieren und die notwendigen Änderungen vorzunehmen, um Ihre Assets zu zentrieren.
Zum Zentrieren eines Bildes, einer CTA (Legacy) oder eines Logos in einer E-Mail- oder Seitenvorlage:
-
Gehen Sie zu Ihren Inhalten:
- 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..
- E-Mail: Navigieren Sie in Ihrem HubSpot Account zu Marketing > Marketing-E-Mails.
- Bewegen Sie den Mauszeiger über Ihren Inhalt und klicken Sie dann auf Bearbeiten.
- Greifen Sie im Editor auf die Einstellungen für Ihren Inhalt zu:
- Für Posts und Seiten klicken Sie auf das Menü Einstellungen und wählen Sie Erweitert.
- Für E-Mails klicken Sie auf die Registerkarte Einstellungen und dann auf den Abschnitt Erweiterte Optionen .
- Klicken Sie im Bereich Vorlage auf Diese Vorlage bearbeiten , um die Vorlage im Design-Manager zu öffnen.
- Klicken Sie im Design-Manager auf das Logo, Call-to-Action, oder Bildmodul.
- In der rechten Spalte geben Sie text-align: center; in das Feld Inline-Styling ein.
- Klicken Sie oben rechts auf Änderungen veröffentlichen, um Ihre Änderungen auf diese Vorlage anzuwenden.
Zentrieren Sie ein Bild, ein CTA (Legacy) oder ein Logo aus den Styling-Optionen Ihres Moduls
Wenn Sie eine Vorlage mit einem Drag&Drop-Bereich verwenden, können Sie in bestimmten Modulen oder Abschnitten die Ausrichtung direkt festlegen. Beachten Sie jedoch, dass diese Option nicht für alle Vorlagen oder Module verfügbar ist.
- Zum Zentrieren von Seiten- oder Post-Modulen:
-
Gehen Sie zu Ihren Inhalten:
- 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..
- Klicken Sie im Seiteneditor auf das Modul , das Sie zentrieren möchten.
- Klicken Sie im linken Bereich auf die Registerkarte Styles und erweitern Sie dann den Bereich Ausrichtung und Abstand .
- Wählen Sie unter Ausrichtung die mittige Ausrichtung.
-
- So zentrieren Sie Ihre E-Mail-Module:
- Gehen Sie in Ihrem HubSpot-Account zu Marketing > E-Mail.
- Bewegen Sie den Mauszeiger über Ihre E-Mail und klicken Sie dann auf Bearbeiten.
- Klicken Sie auf das Modul , das Sie zentrieren möchten.
- Klicken Sie im linken Bereich auf das Dropdown-Menü Ausrichtung und wählen Sie Zentrieren.
Zentrieren Sie ein Bild, CTA (Legacy) oder Logo mit horizontalen Abstandshaltern
Wenn das von Ihnen verwendete Modul nicht über Ausrichtungsoptionen verfügt, können Sie über den Inhaltseditor horizontale Abstandshalter zu Ihrer Seite hinzufügen, um die Module stattdessen zu zentrieren.
So zentrieren Sie Ihr Modul mit einem horizontalen Abstandshalter:
-
Gehen Sie zu Ihren Inhalten:
- 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..
- Klicken Sie in der linken Spalte des Inhaltseditors auf + Hinzufügen.
- Suchen Sie in der Suchleiste nach Horizontalabstandshalter.
- Klicken Sie auf die horizontalen Abstandshalter und ziehen Sie sie auf jede Seite des Moduls, das Sie zentrieren möchten. Passen Sie dann die Breite des Abstandshalters an, um Ihr Element zu zentrieren.