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.
Blog

Schaltfläche „Mehr lesen“ auf Ihrem Blog anpassen

Zuletzt aktualisiert am: Juli 15, 2020

Produkte/Lizenzen

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Ehemaliges Marketing Hub Basic

Es kann hilfreich sein, die Darstellung Ihrer Schaltfläche „Mehr lesen“ auf der Blog-Listing-Seite anzupassen, wenn Sie möchten, dass diese Schaltfläche besonders auffällt. Erfahren Sie, wie Sie das Design der Schaltfläche anpassen oder den Text „Mehr lesen“ bearbeiten.

Bitte beachten: Das Bearbeiten der Schaltfläche „Mehr lesen“ erfordert ein grundlegendes Verständnis von HTML. Treten Sie im Design-Forum mit HubSpot-Designern in Kontakt, um Unterstützung bei der Arbeit an benutzerdefinierten Designs zu erhalten. 

Erscheinungsbild der Schaltfläche „Mehr lesen“ anpassen

Um das Erscheinungsbild Ihrer Schaltfläche „Mehr lesen“ anzupassen, erstellen Sie eine CSS-Klasse, die die Stile für die „Mehr lesen“-Schaltfläche enthalten soll. Fügen Sie diese Klasse und alle benutzerdefinierten Stile in Ihrem Stylesheet hinzu. Hier sind einige Beispielstile:

.read-more-btn{
background: blue;
border-radius: 10px;
color: white;
}

So fügen Sie Ihrer Schaltfläche „Mehr lesen“ eine benutzerdefinierte Klasse hinzu:

  • Suchen Sie den folgenden Code im Listing-Vorlagen-HTML:
<a class="more-link" href="{{content.absolute_url}}">Mehr lesen</ a
  • Ersetzen Sie die more-link-Klasse mit Ihrer neuen read-more-btn-Klasse. Der Code sollte nun wie folgt aussehen:
<a class="read-more-btn" href="{{content.absolute_url}}">Mehr lesen</a>
  • Klicken Sie auf „Änderungen veröffentlichen“.

Text für die Schaltfläche „Mehr lesen“ bearbeiten

Auf Ihrer Blog-Listing-Seite sehen Sie eine Vorschau der einzelnen Blog-Beiträge mit einem „Mehr lesen“-Link, über den der vollständige Blog-Beitrag geöffnet wird. Um den Text von „Mehr lesen“ in eine andere Sprache oder einen anderen Satz zu ändern, müssen Sie Ihre Blog-Vorlage bearbeiten.

  • Gehen Sie in Ihrem HubSpot-Account zu Marketing > Dateien und Vorlagen > Design-Manager.
  • Klicken Sie im Finder auf den Namen der Blog-Vorlage.
  • Wenn Sie ein der Vorlage sind, klicken Sie auf das Blog-Inhaltsmodul. Klicken Sie im Inspektor unter der Registerkarte „Bearbeiten“ auf „Listing-Vorlage bearbeiten“.

  • Suchen Sie nach dem folgenden Code, der sich ungefähr in Zeile 55 befindet:
     <a class="more-link" href="{{ content.absolute_url }}">Mehr lesen</a>
  • Bearbeiten Sie „Mehr lesen“, um diesen Text in jeder Beitragsvorschau auf Ihrer Blog-Listing-Seite anzupassen.
  • Klicken Sie auf „Änderungen veröffentlichen“.
/de/cos-blog/how-to-change-the-look-of-your-read-more-button