Blog

Elementors eigenes Post-Widget ist limitiert, und einen ordentlichen Blog-Feed aufzubauen bedeutet meist, mit Abfrageschleifen oder einer Theme-Vorlage zu kämpfen Die Blogbeiträge Widget in Master-Addons für Elementor Zieht Ihre Beiträge aus einigen Dropdowns in ein Raster, eine Liste oder ein Karussell und lässt Sie dann jeden Teil der Karte nach Kategorie, Tag oder Autor filtern und stilisieren.

Sie wählen ein Layout aus, wählen aus, wie viele Spalten und Beiträge angezeigt werden sollen, entscheiden, welche Meta angezeigt werden soll, und stylen dann die Miniaturansichten, Titel und Schaltflächen Keine Shortcodes, keine Vorlagendateien Diese Anleitung deckt jede Einstellung im Widget ab.

Was das Blog-Posts-Widget tut #

Das Widget fragt Ihre WordPress-Beiträge (oder jeden benutzerdefinierten Posttyp) ab und legt sie als Karten aus Jede Karte kann das vorgestellte Bild, den Titel, den Auszug, den Post-Meta-ähnlichen Autor, das Datum und die Kommentare, die Kategorie und einen Read More-Button anzeigen Ein Layout-Dropdown wechselt zwischen einem Raster, mehreren Listenstilen und einem Karussell.

Es hat drei Laschen. Inhalt Hält das Layout, die Abfrage und die anzuzeigenden Felder. Stil Steuert das Aussehen jedes Teils: Miniaturansicht, Titel, Meta, Inhalt, Schaltflächen und Karussellsteuerung. Fortgeschritten Die üblichen Elementorabstände und Sichtbarkeitsoptionen trägt.

Bevor Sie beginnen #

• WordPress Mit Elementor Installiert und aktiv.
• Master-Addons für Elementor Installiert und aktiv Neu im Plugin? siehe die Installationsführung.
• Einige veröffentlichte Beiträge mit vorgestellten Bildern, sodass der Feed etwas zu zeigen hat.

So fügen Sie das Blog-Beiträge-Widget hinzu #

Öffnen Sie im Elementor-Editor die Elemente Panel und suchen nach Blogbeiträge, oder scrollen Sie zum Abschnitt Master Addons (die Widgets tragen ein lila MA-Abzeichen) Ziehen Sie es auf Ihre Seite und es lädt Ihre neuesten Beiträge sofort, so dass Sie gegen einen echten Feed statt Platzhalter bearbeiten.

Wählen Sie ein Layout #

Öffnen Sie die Inhalt Tab und die Anzeigeoptionen Abschnitt. Hier formen Sie den Feed Setzen Blog-layout auf Karten oder Classic, dann einstellen Blog-typ In ein Raster oder eine Liste eintragen und die Anzahl der Spalten auswählen.

Die wichtigsten Bedienelemente für Anzeigeoptionen:

• Blog-Layout: Karten oder Classic, die gesamte Kartenbehandlung.
• Blog-typ: Rasterlayout oder Listenlayout.
• Nachbestellung und Bestellung nach: Sortieren Sie aufsteigend oder absteigend nach Datum, Titel und mehr.
• Anzahl der Spalten: Wie viele Pfosten nebeneinander sitzen.
• Titel HTML Tag und Post Meta Separator: Die Überschriftenebene für Titel und das Zeichen zwischen Metaelementen.
• Beitragstyp: Ziehen Sie von Beiträgen oder anderen benutzerdefinierten Beitragstypen ab.
• Gesamtzahl der Beiträge und Beiträge pro Seite: Wie viele pro Seite geladen und angezeigt werden.

Raster, Liste und die Layoutvarianten #

Rasterlayout kachelt die Beiträge in Spalten List Layout stapelt sie in voller Breite mit dem Bild auf der einen Seite und dem Text auf der anderen, was zu einer Hauptblogseite passt Jeder Typ hat seine eigenen Unterstile.

Die Listenlayout-Typ Dropdown allein umfasst List Classic, List Meta Background, List Button Right, List Content Overlap, List Thumbnail Hover, List Blur Content und List Thumbnail Background Wählen Sie diejenige aus, die zu Ihrer Seite passt, und geben Sie eine Vorschau ein paar Mal vor, bevor Sie sich verpflichten, da sie sehr unterschiedlich lesen, sobald echte Inhalte geladen werden.

Verwandeln Sie den Feed in ein Karussell #

Schalten Sie unten in den Anzeigeoptionen um Karussell aktivieren? zu Ja und der Feed wird zum Slider Der Navigation Abschnitt steuert dann die Pfeile und Punkte.

• Navigation: Pfeile, Punkte oder beides anzeigen.
• Position und Platzierung der Pfeile: Wo die Pfeile sitzen und ob sie drinnen oder draußen sitzen.
• Nächstes und vorheriges Symbol: In eigenen Pfeilsymbolen vertauschen.
• Pfeil auf Mobilgeräten ausblenden: Kleine Bildschirme aufräumen.

Die Karusselleinstellungen Abschnitt behandelt Autoplay, Geschwindigkeit und wie viele Folien sich gleichzeitig bewegen.

Kontrollieren Sie, was jeder Beitrag zeigt #

Die Beiträge Einstellungen Abschnitt ist eine lange Liste von Kipphebeln für die Felder auf jeder Karte Schalten Sie nur das ein, was Sie wollen, da eine Karte, die mit jedem Meta-Element vollgestopft ist, schnell laut wird.

• Inhalt anzeigen und Auszug anzeigen: Vollständigen Inhalt oder einen beschnittenen Auszug anzeigen (Standardlänge 55 Wörter).
• Auszug Länge und Weiterlesen Text: Stimmen Sie die Vorschaulänge und die Schaltflächenbeschriftung ab.
• Anzeige Beitrag Autor, Datum, Kategorien, Tags, Kommentare Nummer: Wählen Sie aus, welche Meta erscheint.
• Anzeige Autor Avatar und Post Meta Icon: Fügen Sie das Autorenfoto und kleine Meta-Icons hinzu.
• Mehr anzeigen: Schalten Sie den Read More-Link ein oder aus.

Filtern Sie, welche Beiträge angezeigt werden #

Offen Erweiterte Einstellungen Um die Abfrage zu steuern So zeigen Sie das Widget auf eine Kategorie, einen einzelnen Autor, oder überspringen den neuesten Beitrag.

• Filtern nach Kategorie, Tag oder Autor: Beschränken Sie das Futter auf bestimmte Bedingungen.
• Kategorie Filter Tabs: Fügen Sie Front-End-Registerkarten hinzu, damit Besucher selbst nach Kategorien filtern können.
• Offset-Postanzahl: Überspringen Sie die ersten paar Beiträge, praktisch, wenn Sie einen Beitrag an anderer Stelle veröffentlichen.
• Beiträge zum Ausschließen: Bestimmte Beiträge nach ID ausblenden.
• Links in New Tab: Beiträge in einem neuen Tab öffnen.

Gestalten Sie das Futter #

Die Stil Tab zerlegt das Widget in Teile, die Sie selbst stylen können: Miniaturbild, Titel, Meta, Inhalt, Paginierung, Karussellartikel, Navigation, und Muster (eine Pro-Option).

• Miniaturbild: Randradius, eine Overlay-Farbe und CSS-Filter für das vorgestellte Bild.
• Titel, Meta, Inhalt: Farbe, Typografie und Abstand für jedes Textelement.
• Paginierung und Navigation: Stil die Seitenlinks und die Karussellpfeile und - punkte.

Häufige Anwendungsfälle #

• Eine Hauptblogseite Verwendung eines sauberen Listenlayouts mit Auszügen.
• Eine Homepage Rubrik “Neueste Beiträge” In einem zwei - oder dreispaltigen Raster.
• Ein verwandtes Pfostenkarussell Am Ende eines Artikels.
• Ein Kategorie-Feed Mit Kategoriefilter-Tabs zu einem Thema gefiltert.
• Ein benutzerdefiniertes Posttyp-Archiv Wie Fallstudien oder Portfolio-Artikel.

Tipps für die Arbeit mit dem Blog Posts Widget #

• Verwenden Sie in jedem Beitrag ausgewählte Bilder. Leere Miniaturansichten hinterlassen Lücken in einem Raster.
• Ordnen Sie die Spalten dem Leerzeichen zu. Zwei oder drei Spalten passen zu den meisten Layouts; eine Spalte passt zu einer Liste.
• Schneiden Sie den Auszug. Etwa 20 bis 30 Wörter halten Karten gleichmäßig und scannbar.
• Filtern, nicht abladen. Zeigen Sie den Feed auf eine Kategorie, anstatt alles anzuzeigen.
• Aktivieren Sie die Kategoriefilter-Tabletten Wenn Besucher nach Themen stöbern müssen.

Sehen Sie sich das Video-Tutorial an #

Folgen Sie lieber auf dem Bildschirm? Das Video-Tutorial unten durchläuft das Blog-Beiträge-Element von Anfang bis Ende und zeigt, wie jedes Layout, jeder Abfragefilter und jede Stiloption im Elementor-Editor funktioniert.

Häufig gestellte Fragen #

Einwickelnd #

Das Blog Posts Widget verwandelt Ihre WordPress-Beiträge in ein Raster, eine Liste oder ein Karussell, ohne eine Vorlage zu berühren Wählen Sie ein Layout, filtern Sie die Abfrage, wählen Sie aus, welche Meta angezeigt werden soll, und stylen Sie dann die Karten, um zu Ihrem Thema zu passen Weitere Content-Widgets finden Sie im Bild Karussell Widget und die Team Carousel WidgetDurchsuchen Sie das Ganze Master Addons Widgets und Erweiterungen& überprüfen Sie die Preisseite Für das, was jeder Plan beinhaltet.