Zuletzt aktualisiert am: April 10, 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:
- Navigieren Sie in Ihrem HubSpot Account zu Ihren Landingpages, Ihrer Website-Seite, Ihrem Blog-Beitrag oder Ihrem E-Mail-Dashboard.
- Bewegen Sie den Mauszeiger über Ihre Seite, Ihren Blog-Beitrag oder Ihre E-Mail und klicken Sie dann auf „Bearbeiten“.
- Klicken Sie im oberen Bereich des Inhaltseditors auf die Registerkarte Einstellungen .
- Scrollen Sie auf der Registerkarte Einstellungen nach unten und klicken Sie auf Erweiterte Optionen.
- Klicken Sie im Abschnitt Vorlage auf Diese Vorlage bearbeiten. Diese Aktion öffnet Ihre Vorlage im Layout-Editor in einem neuen Tab oder Fenster.
- Klicken Sie in Ihrer Layoutvorlage auf das Logo, die Handlungsaufforderung oder das Bildmodul, um es im Inspektorauszuwählen.
- Fügen Sie im Feld Inline-Styling das CSS text-align: center hinzu;
- Klicken Sie oben rechts auf Änderungen veröffentlichen, um Ihre Änderungen auf diese Vorlage anzuwenden.
- Kehren Sie dann zum Inhaltseditor zurück und aktualisieren Sie Ihren Webbrowser, damit die Änderungen in Ihre Vorlage übernommen werden. Der Inhalt dieses Moduls wird nun auf Ihrer Seite, Ihrem Blog oder Ihrer E-Mail zentriert.
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.
- So zentrieren Sie Ihre Seitenmodule:
- Navigieren Sie in Ihrem HubSpot Account unter zu Ihren Landingpages, Ihrer Website-Seite oder Ihrem Blog-Beitrag.
- Bewegen Sie den Mauszeiger über Ihre Seite oder Ihren Blogbeitrag und klicken Sie auf Bearbeiten.
- Klicken Sie im Seiteneditor auf das Modul , das Sie zentrieren möchten.
- Klicken Sie im linken Bereich auf die Registerkarte „Stile“.
- Klicken Sie auf , um den Bereich Ausrichtung und Abstandzu erweitern.
- 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 Seite oder Ihren Blogbeitrag und klicken Sie 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 im Seiteneditor horizontale Abstandshalter hinzufügen, um die Module zu zentrieren.
So zentrieren Sie Ihr Modul mit einem horizontalen Abstandshalter:
- Navigieren Sie in Ihrem HubSpot Account unter zu Ihren Landingpages, Ihrer Website-Seite oder Ihrem Blog-Beitrag.
- 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.
