> 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/websites-und-funnels/blogbeitrage-auf-website-und-funnel-seiten-anzeigen.md). # Blogbeiträge auf Website- und Funnel-Seiten anzeigen Mit dem Element **Blogbeiträge** zeigst du veröffentlichte Artikel direkt auf einer Website-Seite oder einem Funnel-Schritt. So können Interessierte passende Inhalte lesen, bevor sie sich für einen nächsten Schritt entscheiden. Das Element zeigt keine Entwürfe an und ersetzt nicht das Veröffentlichen eines Beitrags. ## Wann dieses Element sinnvoll ist Nutze es auf einer Ratgeberseite, einer Themen-Landingpage oder unter einem Angebot, das erklärungsbedürftig ist. Zeige nicht möglichst viele Artikel, sondern nur Inhalte, die zum Thema der jeweiligen Seite passen. | Ziel | Einstellung | | ----------------------------- | -------------------------------- | | Aktuelle Inhalte zeigen | Neueste Beiträge | | Ein Thema vertiefen | Neueste Beiträge einer Kategorie | | Beiträge einer Person bündeln | Neueste Beiträge eines Autors | ## Voraussetzungen Ein Blog muss eingerichtet sein und mindestens einen veröffentlichten Beitrag enthalten. Halte vor dem Einfügen fest, welchen Blog, welche Kategorie oder welchen Autor du zeigen möchtest. Prüfe außerdem, ob die ausgewählten Beiträge tatsächlich zum Seitenthema passen. ## Element einrichten 1. Öffne die gewünschte Website-Seite oder den gewünschten Funnel-Schritt im Editor. 2. Wähle **Elemente hinzufügen**. 3. Ziehe das Element **Blogbeiträge** an die passende Stelle auf der Seite. 4. Klicke das eingefügte Element an, um seine Einstellungen zu öffnen. 5. Wähle zuerst den Blog als Quelle. 6. Lege die Darstellung fest und wähle anschließend die Sortierung. 7. Begrenze die Anzahl der sichtbaren Beiträge und wähle bei Bedarf Kategorien. 8. Passe Text und Farben der Schaltfläche an. 9. Speichere, veröffentliche und prüfe die Seite. Platziere das Element nach einer kurzen Einführung oder Erklärung. Besucherinnen und Besucher sollten verstehen, warum die vorgeschlagenen Artikel für sie relevant sind. ## Die sichtbaren Einstellungen verständlich nutzen ### Darstellung Die Darstellung entscheidet, wie die Beitragsauswahl auf der Seite aussieht. Wähle eine Form, die zum verfügbaren Platz passt. Prüfe vor allem auf dem Smartphone, ob Bilder, Überschriften und Schaltflächen noch ruhig und gut lesbar erscheinen. Wenn die Auswahl **Standard** und **Kompakt** anbietet, wähle zunächst die Standarddarstellung für eine gut erkennbare Vorschau jedes Beitrags. Die kompakte Darstellung passt besser, wenn der verfügbare Bereich schmal ist oder die Seite bereits viele andere Inhalte enthält. Entscheidend ist nicht der Name der Variante, sondern ob Titel, Bild und Schaltfläche auch auf kleinen Bildschirmen verständlich bleiben. ### Blog auswählen Mit **Blog auswählen** bestimmst du die Quelle. Wenn mehrere Blogs vorhanden sind, ist diese Auswahl besonders wichtig: Das Element zeigt nur Beiträge aus dem gewählten Blog. ### Sortierung Wähle **Neueste Beiträge**, wenn eine Seite regelmäßig aktualisierte Inhalte zeigen soll. Wähle **Neueste Beiträge einer Kategorie**, wenn die Seite ein bestimmtes Thema vertieft. Wähle **Neueste Beiträge eines Autors**, wenn ein Profil oder eine Fachperson im Mittelpunkt steht. ### Kategorien Kategorien begrenzen die Auswahl auf relevante Themen. Ein Kategorienfilter wirkt nur sinnvoll, wenn veröffentlichte Beiträge diese Kategorie tatsächlich tragen. Prüfe die Zuordnung im Blog, bevor du die Seite veröffentlichst. ### Anzahl der Beiträge Die Anzahl legt fest, wie viele Beiträge gezeigt werden. Eine kleine Auswahl ist auf einer Angebotsseite meist klarer als eine lange Liste. Beginne mit drei bis sechs passenden Artikeln und prüfe die mobile Ansicht. ### Schaltfläche Über die Schaltflächen-Einstellungen passt du Beschriftung und Farben an. Nutze eine klare Beschriftung wie „Artikel lesen“ oder „Zum Beitrag“. Sie sollte eindeutig machen, dass ein Klick zum vollständigen Beitrag führt. Je nach Darstellung kannst du die Schaltfläche für weitere Beiträge, die Schaltflächen an einzelnen Beiträgen und ihre Umrandung getrennt gestalten. Verwende dafür dieselben Farben und dieselbe Tonalität. Unterschiedliche Stile wirken schnell wie verschiedene Funktionen, obwohl sie alle zu Bloginhalten führen. ## Weitere Gestaltung und Sichtbarkeit Im erweiterten Bereich können je nach Element Ränder, Schatten und die Sichtbarkeit für Desktop und Mobilansicht eingestellt werden. Diese Einstellungen verändern nur die Darstellung des Elements: * **Ränder und Schatten** helfen bei der Abgrenzung zum Hintergrund. Setze sie sparsam ein, damit die Beitragskarten nicht schwer oder unruhig wirken. * **Sichtbarkeit** bestimmt, ob das gesamte Element in der jeweiligen Geräteansicht erscheint. Sie ändert weder den Blog noch die veröffentlichten Beiträge. * **Desktop und Mobilansicht** prüfst du getrennt. Wenn das Element auf einem Gerät ausgeblendet wird, kontrolliere, ob die Seite dort ohne die Artikel weiterhin verständlich bleibt. Ändere immer nur eine dieser Einstellungen und prüfe danach die Vorschau. So erkennst du sofort, ob eine Gestaltungshilfe die Lesbarkeit verbessert oder verschlechtert. ## Sicher testen 1. Öffne die Vorschau in Desktop- und Mobilansicht. 2. Kontrolliere, ob nur erwartete Beiträge erscheinen. 3. Öffne jeden sichtbaren Beitrag und prüfe das Ziel. 4. Kontrolliere Kategorien, Autor und Sortierung. 5. Veröffentliche die Seite und wiederhole die wichtigsten Klicks auf der öffentlichen Fassung. ## Wenn keine Beiträge erscheinen Prüfe nacheinander: * Der gewählte Blog ist der richtige. * Es gibt mindestens einen veröffentlichten Beitrag. * Kategorie oder Autor passen zu verfügbaren Beiträgen. * Die letzte Änderung an Seite und Blog wurde gespeichert und veröffentlicht. Entwürfe und Beiträge ohne passenden Filter erscheinen nicht automatisch. Ändere zuerst die Quelle oder den Filter, statt das Element mehrfach neu einzufügen. ## Praxisbeispiel Auf einer Seite für Ernährungshinweise erklärst du kurz das Thema und fügst darunter das Blogbeitrags-Element ein. Du wählst den Blog „Wissen“, die Kategorie „Ernährung“ und drei aktuelle Beiträge. Die Schaltfläche beschriftest du mit „Artikel lesen“. Nach dem Veröffentlichen prüfst du auf dem Smartphone, ob alle drei Vorschauen sichtbar sind und jeder Klick zum richtigen Beitrag führt. ## Ergebnis prüfen Die Einrichtung ist gelungen, wenn auf der Seite nur veröffentlichte, thematisch passende Beiträge erscheinen und jeder Artikel zum richtigen Ziel führt. Wenn die Auswahl unklar wirkt, reduziere die Anzahl oder verwende einen engeren Kategorienfilter. --- # 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/websites-und-funnels/blogbeitrage-auf-website-und-funnel-seiten-anzeigen.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.