> For the complete documentation index, see [llms.txt](https://one-loop.gitbook.io/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/blog/einen-blogbeitrag-hervorheben.md). # Einen Blogbeitrag hervorheben ## Worum es geht Ein hervorgehobener Beitrag ist ein besonders großer, bewusst platzierter Bereich auf deiner Blog-Startseite. Er lenkt neue Leserinnen und Leser direkt zu einem wichtigen Inhalt – zum Beispiel zu einem aktuellen Hinweis, einem Grundlagentext oder einem Beitrag, der dauerhaft relevant bleibt. Das Element zeigt keinen neuen, separaten Beitrag an. Es übernimmt die Informationen eines bereits veröffentlichten Beitrags und stellt ihn an der von dir gewählten Stelle besonders sichtbar dar. ## Wann du einen Beitrag hervorheben solltest Ein hervorgehobener Beitrag eignet sich für Inhalte, die Leserinnen und Leser zuerst sehen sollen: * eine wichtige Änderung oder Ankündigung; * einen zeitlosen Einstiegsartikel; * einen aktuellen Ratgeber; * einen Beitrag, der zu einem Schwerpunkt deiner Website passt. Wechsle den hervorgehobenen Beitrag bewusst, wenn sich dein Schwerpunkt ändert. Du kannst zum Beispiel diese Woche einen Saisonartikel und später wieder einen Grundlagenbeitrag auswählen, ohne den ursprünglichen Beitrag selbst umschreiben zu müssen. ## Voraussetzungen * Dein Blog ist angelegt und du kannst ihn im Bereich **Websites → Blogs** öffnen. * Der Beitrag, den du zeigen möchtest, ist bereits veröffentlicht. * Du kannst die Blogseite im Editor bearbeiten. * Du hast ein Bild und einen Titel gewählt, die auch in einem großen, breiten Bereich verständlich wirken. Der Auswahlbereich ist ausdrücklich für veröffentlichte Beiträge vorgesehen. Ein noch nicht veröffentlichter Entwurf erscheint deshalb nicht als geeignete Auswahl. ## Blog und Blogseite öffnen 1. Öffne **Websites → Blogs**. 2. Wähle in der Blog-Liste den richtigen Blog aus. Achte auf seinen Status, wenn mehrere Blogs ähnlich heißen. 3. Öffne den Blognamen. 4. Klicke oben rechts auf **Blogseite bearbeiten**. 5. Du befindest dich nun im visuellen Editor der Blog-Startseite. Im Editor kannst du die Seite zunächst speichern und erst danach mit **Publish** öffentlich aktualisieren. Erst die Veröffentlichung macht die Änderung für Besucherinnen und Besucher sichtbar. ## Element an der richtigen Stelle einfügen 1. Klicke im Editor auf **Element hinzufügen**. 2. Öffne die Gruppe **Blog**. 3. Wähle **Featured Post**. 4. Ziehe das Element an die gewünschte Stelle auf der Blogseite. 5. Klicke das eingefügte Element an, damit rechts die Einstellungen für den hervorgehobenen Beitrag erscheinen. Viele Blogs platzieren den Bereich oberhalb der normalen Beitragsliste. Das ist eine bewusste Gestaltungsentscheidung, keine Pflicht: Setze ihn dort ein, wo Leserinnen und Leser den wichtigen Beitrag sinnvoll wahrnehmen. ## Den richtigen Beitrag auswählen Im Bereich **General** findest du **Select blog post**. Öffne die Auswahl und wähle den veröffentlichten Beitrag, den du hervorheben möchtest. Im Editor kann zunächst ein Beispielinhalt angezeigt werden. Das ist nur eine Vorschau für die Gestaltung. In der Vorschau oder auf der veröffentlichten Blogseite wird stattdessen der von dir ausgewählte Beitrag eingesetzt. Prüfe vor dem Speichern: * Ist es wirklich der richtige veröffentlichte Beitrag? * Passen Bild, Titel und Beschreibung zum aktuellen Schwerpunkt? * Führt der sichtbare Button zum gewünschten Beitrag? ## Layout und sichtbare Informationen einstellen ### Bildposition Unter **Post Layout** gibt es zwei Varianten: | Auswahl | Wirkung | | ------------------ | --------------------------------------------- | | **Image on left** | Das Bild steht links, Text und Details rechts | | **Image on right** | Der Text steht links, das Bild rechts | Wähle die Variante, bei der Bild und Überschrift auch bei einem schmaleren Ausschnitt noch schnell verständlich sind. Wenn ein Bild eine wichtige Textinformation enthält, ist es für diesen Bereich meist ungeeignet. ### Einzelne Angaben ein- oder ausblenden Unter **Include these in the Blog Featured Post** steuerst du, welche Daten aus dem ausgewählten Beitrag angezeigt werden: | Sichtbare Einstellung | Was sie zeigt | Wann sie sinnvoll ist | | --------------------- | ----------------------------------------- | ------------------------------------------------------------------- | | **Image** | Beitragsbild | Wenn das Bild den Inhalt sofort verständlicher macht | | **Tag** | Tag-Information des Beitrags | Wenn Tags bei der Orientierung helfen und gepflegt sind | | **Title** | Beitragstitel | Für einen hervorgehobenen Beitrag fast immer wichtig | | **Author** | Name der Autorin oder des Autors | Wenn die Person für Vertrauen oder Einordnung relevant ist | | **Publish Date** | Veröffentlichungsdatum | Bei aktuellen Meldungen hilfreich, bei zeitlosen Beiträgen optional | | **Description** | Beschreibender Text zum Beitrag | Wenn Leserinnen und Leser vor dem Klick mehr Kontext brauchen | | **Button** | Sichtbarer Aufruf zum Öffnen des Beitrags | Damit der Weg zum vollständigen Beitrag eindeutig bleibt | Schalte nicht alles automatisch ein. Ein kurzer aktueller Hinweis braucht häufig Bild, Titel und Button. Ein ausführlicher Ratgeber kann zusätzlich von Beschreibung und Autor profitieren. ## Gestaltung bewusst anpassen Neben **General** stehen die Bereiche **Styles** und **Advanced** zur Verfügung. Im Bereich **Styles** kannst du unter anderem Schriftfarbe, Abstände sowie die Darstellung von Tag und Veröffentlichungsdatum anpassen. Wähle beim Datum ein Format, das zu deiner Zielgruppe passt, und prüfe, ob Text- und Hintergrundfarben gut lesbar sind. Im Bereich **Advanced** findest du weitergehende Einstellungen wie Rahmen, Schatten und Sichtbarkeit für verschiedene Bildschirmgrößen. Dort kann auch eine technische Klassenbezeichnung eingetragen werden. Lass dieses Feld leer, wenn du keine eigene technische Gestaltung dafür verwendest; für die normale Einrichtung ist es nicht nötig. Nutze Abstände, Rahmen und Schatten zurückhaltend. Das Element soll den Beitrag hervorheben, ohne die übrigen Inhalte der Blogseite zu verdrängen. ## Speichern, veröffentlichen und testen 1. Klicke im Editor auf **Save**. 2. Öffne die Vorschau und kontrolliere die Position, den ausgewählten Beitrag und alle eingeschalteten Informationen. 3. Klicke auf den Button im hervorgehobenen Bereich. 4. Prüfe, ob der vollständige, richtige Beitrag geöffnet wird. 5. Teste beide Bildschirmbreiten: eine breite Ansicht und eine schmale mobile Ansicht. 6. Klicke auf **Publish**, wenn alles stimmt. 7. Öffne die öffentliche Blogseite in einem privaten Browserfenster und führe den Klicktest noch einmal durch. Nach der Veröffentlichung bleibt der ursprüngliche Beitrag ein normaler Blogbeitrag. Das Hervorheben verändert seinen Text, seinen Status und seine eigene Bearbeitung nicht. ## Typische Fehler und ihre Lösung ### Der gewünschte Beitrag ist in der Auswahl nicht vorhanden Prüfe, ob der Beitrag veröffentlicht ist. Die sichtbare Auswahl fordert einen veröffentlichten Beitrag. Öffne bei Bedarf den Beitrag, veröffentliche ihn vollständig und kehre danach zur Auswahl zurück. ### Im Editor erscheint ein anderer Inhalt als erwartet Prüfe, ob du das **Featured Post**-Element ausgewählt hast und in **Select blog post** den richtigen Beitrag gewählt hast. Beachte außerdem: Beispielinhalte im Editor werden erst in der Vorschau oder auf der veröffentlichten Seite durch den tatsächlichen Beitrag ersetzt. ### Bild und Text wirken unausgewogen Teste die andere Bildposition unter **Post Layout**. Schalte außerdem Informationen aus, die keinen zusätzlichen Nutzen bringen, oder verwende ein klareres Beitragsbild. ### Der Bereich ist zu voll Reduziere zuerst die Anzahl der sichtbaren Angaben. Für viele Beiträge genügen Bild, Titel, eine kurze Beschreibung und Button. Autor, Tag und Datum solltest du nur zeigen, wenn sie bei der Entscheidung zum Klick helfen. ### Der Klick führt nicht zum richtigen Inhalt Wähle den Beitrag in **Select blog post** erneut aus, speichere die Blogseite und teste den Button in der Vorschau sowie öffentlich nach **Publish**. ### Die Änderung ist öffentlich nicht sichtbar **Save** speichert die Arbeit im Editor. Prüfe, ob du anschließend auch **Publish** ausgeführt hast und die richtige Blogseite geöffnet hast. ## Was die Funktion nicht erledigt Das Element wählt keinen Beitrag automatisch nach Aktualität oder Leistung aus. Du entscheidest selbst, welcher veröffentlichte Beitrag hervorgehoben wird, und wechselst ihn bei Bedarf manuell. Es veröffentlicht auch keinen Entwurf und ersetzt keine inhaltliche Pflege. Titel, Bild, Beschreibung und sichtbare Angaben sollten im ursprünglichen Beitrag bereits korrekt sein. ## Praxisbeispiel: Saisonale Information im Ratgeber-Blog Ein regionaler Betrieb veröffentlicht einen Beitrag über die Vorbereitung auf die kommende Wintersaison. Der Beitrag ist fertig, veröffentlicht und enthält ein klares Titelbild, eine kurze Beschreibung und konkrete Tipps. Die zuständige Person öffnet die Blogseite, zieht **Featured Post** oberhalb der Beitragsliste und wählt den Saisonbeitrag über **Select blog post** aus. Sie entscheidet sich für **Image on left** und aktiviert **Image**, **Title**, **Description** und **Button**. Autor, Tag und Datum bleiben ausgeblendet, damit der Bereich ruhig bleibt. Nach **Save** testet sie den Bereich in der Vorschau. Der Button öffnet den richtigen Beitrag, Bild und Text sind auf einer schmalen Ansicht noch verständlich. Erst danach klickt sie auf **Publish**. Nach der Saison kann sie im selben Element einfach einen anderen veröffentlichten Beitrag auswählen. ## Kurz-Check vor der Veröffentlichung * [ ] Der richtige Blog und die richtige Blogseite sind geöffnet. * [ ] Ein veröffentlichter Beitrag ist in **Select blog post** gewählt. * [ ] Bildposition und sichtbare Angaben passen zum Zweck des Beitrags. * [ ] Nicht benötigte Angaben sind ausgeblendet. * [ ] Der Button öffnet in der Vorschau den richtigen Beitrag. * [ ] Der Bereich wirkt auch auf einer schmalen Ansicht verständlich. * [ ] Die Blogseite wurde erst gespeichert und anschließend veröffentlicht. * [ ] Die öffentliche Blogseite wurde nach **Publish** erneut geprüft. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation by asking a question. Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters: ``` GET https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/blog/einen-blogbeitrag-hervorheben.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.