Standardseite für Blogbeiträge: Abschnitte und Blöcke

Eine Blogbeitragsseite ist eine Webseite, die einen einzelnen Blogbeitrag anzeigt. Es kann zur Werbung für Produkte oder Dienstleistungen oder für eine Vielzahl anderer Zwecke verwendet werden.

Mit Concept , einem Shopify-Theme für OS 2.0 , haben Sie die Möglichkeit, auf jeder Seiteverschiedene Abschnitte hinzuzufügen. Das bedeutet, dass Sie das Erscheinungsbild Ihrer 404-Seite vollständig anpassen können, indem Sie beliebige Abschnitte hinzufügen. Klicken Sie einfach auf die Schaltfläche Abschnitt hinzufügen und wählen Sie die Abschnitte aus, die auf Ihrer Seite angezeigt werden sollen.

Auf diese Weise können Sie eine optisch ansprechende Blog-Beitragsseite erstellen, die Ihre Besucher beschäftigt und informiert.

A. Standard-Blogbeitrag

  1. Bannerbereich für Blogbeiträge
  2. Blog-Beitragsbereich
  3. Abschnitt „Blogbeiträge“.

1. Bannerbereich für Blogbeiträge

Die Einstellungen für den Abschnitt „Blogpost-Banner“.
Abschnittseinstellungen
Beschreibung
Blogpost-Banner
Transparente Kopfzeile zulassen Diese Einstellung ist nur anwendbar, wenn dieser Abschnitt der erste ist.
Ausgewähltes Bild anzeigen Zeigt das vorgestellte Bild für den Blogbeitrag an.

Um optimale Ergebnisse zu erzielen, verwenden Sie ein Bild mit einem Seitenverhältnis von 16:9. Erfahren Sie mehr .

Bild Wählt das Abschnittsbild aus bzw. lädt es hoch.

Standardmäßig wird das vorgestellte Bild verwendet.

Tischhöhe Bestimmt die Höhe des Bildes bei der Anzeige auf dem Desktop:
    • An Bild anpassen – Behält das ursprüngliche Seitenverhältnis des Bildes bei.
  • 400px - 400px.
  • 450px - 450px.
  • 500px - 500px.
  • 550px - 550px.
  • 600px - 600px.
  • 650px - 650px.
  • 700px - 700px.
  • 750px - 750px
  • Ganzer Bildschirm
    • - Erweitert das Bild, um die Höhe des Fensterbrowsers anzupassen.
    Position des Desktop-Inhalts Legt die Position des Inhalts auf dem Desktop fest:
  • Oben links
  • Mitte links
  • Unten links
  • Oben in der Mitte
  • Mittleres Zentrum
  • Unten in der Mitte
  • Oben rechts
  • Mitte rechts
  • Unten rechts
  • Ausrichtung von Desktop-Inhalten Legt die Ausrichtung des Inhalts auf dem Desktop fest:
  • Links
  • Center
  • Rechts
  • Mobiles Layout
    Mobile Höhe Bestimmt die Höhe des Bildes bei der Anzeige auf Mobilgeräten:
      • Auto – Der Browser entscheidet basierend auf dem mobilen Ansichtswert.
  • 200px - 200px.
  • 250px - 250px.
  • 300px - 300px.
  • 400px - 400px.
  • 500px - 500px.
  • 600px - 600px.
  • An Bild anpassen
    • - Behält das ursprüngliche Seitenverhältnis des Bildes bei.
    • Vollbild – Erweitert das Bild auf die Höhe des Browsers.
    Position des mobilen Inhalts Legt die Position des Inhalts im mobilen Browser fest:
  • Oben links
  • Mitte links
  • Unten links
  • Oben in der Mitte
  • Mittleres Zentrum
  • Unten in der Mitte
  • Oben rechts
  • Mitte rechts
  • Unten rechts
  • Ausrichtung mobiler Inhalte Legt die Ausrichtung des Inhalts im mobilen Browser fest:
  • Links
  • Center
  • Rechts
  • Farbe

    Sie können optional die Farben des Abschnitts anpassen, einschließlich der folgenden:
    • Text
    • Überlagerung. kann von 0 % bis 100 % eingestellt werden.
    Abschnitt
    Sie können die obere und untere Polsterung in Schritten von 4 Pixeln von 0 Pixel bis 120 Pixel anpassen.
    Abschnittstrenner anzeigen Zeigt einen Zeilentrenner über diesem Abschnitt an.
    Machen Sie den Abschnitt in voller Breite Macht den Container über die volle Breite.
    Machen Sie den Abschnitt abgerundet Wendet eine abgerundete Kante auf die beiden oberen Ecken an.
    Parallaxeneffekt aktivieren Aktivieren Sie den Parallaxeneffekt, der die Illusion von Tiefe in einem zweidimensionalen Bild oder einer zweidimensionalen Szene erzeugt.

    Die Parallaxenrichtung kann aus 3 folgenden Optionen gewählt werden:

  • Vertikal
  • Horizontal
  • Zoomen
  • Benutzerdefinierte CSS Fügt diesem Abschnitt benutzerdefiniertes CSS hinzu.

    Verfügbare Blöcke:

    • 1.1 Titel des Blogbeitrags
    • 1.2 Brotkrümel
    • 1.3 Leerraum
    1.1 Die Einstellungen für den Titelblock des Blog-Beitrags.
    Blockeinstellungen
    Beschreibung
    Titel des Blogbeitrags
    Titelgröße Die Größe des Titels:
  • Klein
  • Mittel
  • Groß
  • Tags anzeigen Zeigt Tags aus Admin-Blogbeiträgen mit Bildern an.
    Datum anzeigen Zeigt das Veröffentlichungsdatum des Blogbeitrags an.
    Kommentaranzahl anzeigen Zeigt die Gesamtzahl der veröffentlichten Kommentare an.
    Autor anzeigen Zeigt den Autor der Blogbeiträge an.
    1.2 Die Einstellungen für den Breadcrumb-Block.

    Dieser Inhalt stammt aus Ihrem Blog-Beitrag unter Blog-Beitrag bearbeiten .

    1.3 Die Einstellungen für den Leerraumblock.
    Blockeinstellungen
    Beschreibung
    Freiraum
    Tischhöhe Bestimmt die Höhe des leeren Bereichs bei der Anzeige auf dem Desktop. Kann zwischen 0 und 120 Pixel liegen und sich rechnerisch um 4 Pixel erhöhen. Der Standardwert ist 40 Pixel.
    Mobile Höhe Bestimmt die Höhe des leeren Bereichs bei der Anzeige auf Mobilgeräten. Kann zwischen 0 und 120 Pixel liegen und sich rechnerisch um 4 Pixel erhöhen. Der Standardwert ist 28px.

    2. Blogbeiträge

    Die Einstellungen für den Abschnitt „Blogbeiträge“.
    Abschnittseinstellungen
    Beschreibung
    Abschnitt
    Sie können die obere und untere Polsterung in Schritten von 4 Pixeln von 0 Pixel bis 120 Pixel anpassen.
    Abschnittstrenner anzeigen Zeigt einen Zeilentrenner über diesem Abschnitt an.
    Machen Sie den Abschnitt schmaler Macht den Behälter schmaler.
    Machen Sie den Abschnitt abgerundet Wendet eine abgerundete Kante auf die beiden oberen Ecken an.
    Benutzerdefinierte CSS Fügt diesem Abschnitt benutzerdefiniertes CSS hinzu.

    Verfügbare Blöcke:

    • 2.1 Teilen
    • 2.2 Nächste und frühere Blogbeiträge
    • 2.3 Kommentare
    • 2.4 Benutzerdefinierte Flüssigkeit
    • 2.5 Leerraum
    2.1 Die Einstellungen für den Share-Block.
    Blockeinstellungen
    Beschreibung
    Aktie
    Text Fügt Text für den Block hinzu.

    Wenn Sie einen Link in Social-Media-Beiträge einfügen, wird das vorgestellte Bild der Seite als Vorschaubild angezeigt. Erfahren Sie mehr .

    Dem Vorschaubild sind ein Shop-Titel und eine Beschreibung beigefügt. Erfahren Sie mehr .

    Kommentaranzahl anzeigen Zeigt die Gesamtzahl der veröffentlichten Kommentare an.
    2.2 Die Einstellungen für den Block „Nächste und vorherige Blogbeiträge“.
    • Datum anzeigen – Zeigt das Veröffentlichungsdatum des Blogbeitrags an.
    • Kommentaranzahl anzeigen – Zeigt die Gesamtzahl der veröffentlichten Kommentare an.
    • Autor anzeigen – Zeigt den Autor der Blogbeiträge an.
    2.3 Die Einstellungen für den Kommentarblock.
    • Kommentar-Avatar anzeigen – Ermöglicht die Anzeige des Kommentar-Avatars.
    2.4 Die Einstellungen für den benutzerdefinierten Flüssigkeitsblock.

    Sie können Ihren eigenen Liquid-Code hinzufügen, um einen benutzerdefinierten Block zu erstellen.

    2.5 Die Einstellungen für den Leerraumblock.
    Blockeinstellungen
    Beschreibung
    Freiraum
    Tischhöhe Bestimmt die Höhe des leeren Bereichs bei der Anzeige auf dem Desktop. Kann zwischen 0 und 120 Pixel liegen und sich rechnerisch um 4 Pixel erhöhen. Der Standardwert ist 40 Pixel.
    Mobile Höhe Bestimmt die Höhe des leeren Bereichs bei der Anzeige auf Mobilgeräten. Kann zwischen 0 und 120 Pixel liegen und sich rechnerisch um 4 Pixel erhöhen. Der Standardwert ist 28px.

    3. Abschnitt „Blogbeiträge“.

    Die Einstellungen für den Abschnitt „Blogbeiträge“.
    Abschnittseinstellungen
    Beschreibung
    Blogeinträge
    Blog Wählt den Blog aus, von dem Sie Blogbeiträge anzeigen möchten. Wenn kein Blog ausgewählt ist, wird der alphabetisch erste Blog auf Ihrer Blogs-Seite verwendet.
    Anzahl der anzuzeigenden Blogbeiträge Die Anzahl der Blogbeiträge, die Sie im Abschnitt anzeigen möchten, von 0 bis 12.
    Anzahl der Spalten auf dem Desktop Passt die Anzahl der auf dem Desktop angezeigten Spalten von 1 bis 5 an.
    Karussell auf dem Desktop aktivieren Zeigt ein Karussell mit Blogbeiträgen aus der Sammlung im Desktop-Browser an.
    Aktivieren Sie die Schaltfläche „Alle anzeigen“. Zeigt eine Schaltfläche „Alle anzeigen“ an, die auf die Blog-Seite verweist, wenn das Blog mehr Beiträge als die angegebene Grenze enthält.
    Mobiles Layout
    Anzahl der Spalten auf Mobilgeräten Passt die Anzahl der im mobilen Browser angezeigten Spalten an: 1 Spalte oder 2 Spalten .
    Aktivieren Sie Wischen auf Mobilgeräten Stellt die mobile Anzeige mit horizontalem Wischen auf eine Zeile ein.
    Karte mit Blogbeiträgen
    Bildverhältnis Das Bildverhältnis für die Blogpost-Bilder:
    • An Bild anpassen (Standard) – Verwendet das Seitenverhältnis der Bilder. Dadurch wird verhindert, dass die Bilder beschnitten werden.
    • Quadratisch – Beschneidet die Bilder im Verhältnis 1:1.
    • Porträt – Beschneidet die Bilder im Verhältnis 2:3.
    • Querformat – Beschneidet die Bilder im Verhältnis 3:2.
    • Breit – Beschneidet die Bilder auf das Seitenverhältnis 16:9.
    Tags anzeigen Zeigt Tags aus Admin-Blogbeiträgen mit Bildern an.
    Datum anzeigen Zeigt das Veröffentlichungsdatum des Blogbeitrags an.
    Kommentaranzahl anzeigen Zeigt die Gesamtzahl der veröffentlichten Kommentare an.
    Autor anzeigen Zeigt den Autor der Blogbeiträge an.
    Außer anzeigen Zeigt den Auszug der Blogbeiträge an.

    Ändern Sie Auszüge, indem Sie Ihre Blog-Pots bearbeiten.Erfahren Sie mehr .

    Überschrift
    Überschrift Der Abschnittstitel.
    Überschriftengröße Die Überschriftengröße kann auf eine der folgenden Optionen eingestellt werden: Klein , Mittel , Groß oder Extragroß .
    Ausrichtung der Überschrift Die Überschrift kann nach links , in der Mitte oder nach rechts ausgerichtet werden.
    Überschriften-Tag Wählt das Überschriften-Tag aus, um Ihren Inhalt für SEO zu strukturieren und zu organisieren.
    Unterüberschrift Die Unterüberschrift zur Überschrift wird über der Überschrift platziert.
    Beschreibung Der Beschreibungstext für die Überschrift wird unterhalb der Überschrift platziert.
    Hervorgehobener Text

    Hervorgehobener Text Wählt eine der folgenden 6 Optionen zum Formatieren Ihres Textes:
    • Textfarbe
    • Texthintergrundfarbe
    • Ausgefallene Unterstreichung
    • Regelmäßige Unterstreichung
    • Schablonentext
    • Handgezeichnetes Gekritzel
    Hervorgehobenes Gekritzel

    Der hervorgehobene Textstil muss auf „Handgezeichnetes Gekritzel“ eingestellt sein.

    Diese Einstellung bietet 5 Möglichkeiten zum Hervorheben von Text:
    • Kreis
    • Grundlegende Unterstreichung
    • Skizze unterstreichen
    • Kringel unterstreichen
    • Kringel unterstreichen 2
    Farbe

    Sie können optional die Farben des Abschnitts anpassen, einschließlich der folgenden:
    • Text
    • Hintergrund
    • Hintergrundverlauf
    • Markieren
    • Markieren Sie den Farbverlauf
    • Schaltflächentext
    • Schaltflächenhintergrund
    • Hintergrundverlauf der Schaltfläche
    Abschnitt
    Sie können die obere und untere Polsterung in Schritten von 4 Pixeln von 0 Pixel bis 120 Pixel anpassen.
    Abschnittstrenner anzeigen Zeigt einen Zeilentrenner über diesem Abschnitt an
    Machen Sie den Abschnitt in voller Breite Macht den Container über die volle Breite.
    Machen Sie den Abschnitt abgerundet Wendet eine abgerundete Kante auf die beiden oberen Ecken an.
    Benutzerdefinierte CSS Fügt diesem Abschnitt benutzerdefiniertes CSS hinzu.

    In diesem Abschnitt wird das Hinzufügen von Blöcken nicht unterstützt.

    Wir hoffen, dass dieser Artikel hilfreich war. Wenn Sie Fragen oder Bedenken zu dieser Funktion haben, wenden Sie sich bitte an unser Team, um Unterstützung zu erhalten.