Kostenloser Elementor-Blog und Post-Grid-Widget

Blog Posts ist ein kostenloses Master Addons Widget, das Beiträge, Seiten oder jeden benutzerdefinierten Posttyp in einem Raster, einer Liste, einem Mauerwerkslayout oder einem Karussell anzeigt Wählen Sie Classic oder Karten, wählen Sie einen von sieben Kartenstilen oder sieben Listenstilen, und richten Sie pro Gerät bis zu 4 Spalten ein Filtern Sie die Abfrage nach Kategorie, Tag, Autor oder ausgeschlossenen Beiträgen, fügen Sie Kategoriefilter-Tabulatoren hinzu, und stylen Sie das Miniaturbild, den Titel, Meta, Inhalt, Read More und die Paginierung Es funktioniert mit der kostenlosen Version von Elementor.

So fügen Sie ein Blog-Beitragsraster in Elementor hinzu

Sie benötigen Elementor und das kostenlose Master Addons Plugin von WordPress.org.

  1. Überprüfen Sie, ob Blog eingeschaltet ist Master-Addons, Widgets.
  2. Suchen Sie im Elementor-Editor nach Blogbeiträge Und auf die Seite ziehen.
  3. In AnzeigeoptionenWählen Sie das Blog-Layout, den Blog-Typ und die Anzahl der Spalten aus.
  4. Stellen Sie Quelle, Posttyp und Beiträge pro Seite ein und schalten Sie dann die Paginierung ein, wenn Sie sie benötigen.
  5. In Beiträge EinstellungenWählen Sie aus, welche Meta und welcher Auszug angezeigt werden sollen und in Erweiterte Einstellungen Filter nach Kategorie, Tag oder Autor.
  6. Stylen Sie das Miniaturbild, den Titel, die Meta und Lesen Sie mehr auf der Registerkarte Stil.

Für eine vollständige Komplettlösung auf der Blogseite lesen Sie So erstellen Sie eine Blogseite mit Elementor. Jede Einstellung ist in der aufgeführt Blog Beiträge Widget-Einstellungen.

Blogbeiträge Anzeigeoptionen mit Bloglayout, Blogtyp und Kartenlayoutlisten neben einem zweireihigen Postkartenraster

Gitter-, Listen-, Mauerwerks- und Karusselllayouts

Blog-layout Klassik oder Karten ist. Blog-typ Rasterlayout, Listenlayout oder Freimaurerlayout ist Karten in einem Raster bieten sieben Stile: Standard, Inhaltsüberlappung, Meta oben links, Karten rechts ausrichten, Karten zur Mittelausrichtung, Farbverlauf BG in der Mitte und Bannerkarte Die Liste hat sieben weitere, von List Classic bis List Miniaturbild Hintergrund. Anzahl der Spalten 1 bis 4 für jedes Gerät und schalten Sie es ein Karussell aktivieren? dieselben Beiträge wie ein Schieberegler zu zeigen.

  • Zeilenabstand, Spaltenabstand und Inhaltsausrichtung.
  • Titel HTML Tag und ein benutzerdefinierter Post Meta Separator.
  • Karussell - oder Coverflow-Schieber mit Autoplay, Loop und sechs Navigationstypen.

Postabfrage und Kategoriefilter Tabs

Einstellen Quelle Zu Neueste Beiträge, um Ihre eigene Abfrage zu erstellen, oder zu Aktuelle Abfrage auf Archivvorlagen, damit das Widget der Kategorie, dem Tag, dem Datum oder dem Autor folgt, der angezeigt wird Wählen Sie den Post-Typ, Beiträge pro Seite, Gesamtzahl der Beiträge, Post-Order und Order By, die Datum, Titel, zuletzt geändert, zufällig und Kommentar-Anzahl enthält In Erweiterte Einstellungen, nach Kategorie, Tag oder Autor filtern, Beiträge ausschließen, den Start verrechnen und Sticky Posts ignorieren.

  • Kategorie Filter Tabs Klicken Sie auf die Registerkarten über einem Raster oder einer Liste hinzufügen Sie filtern die bereits auf der Seite befindlichen Beiträge ohne Neuladen und sind mit dem Karussell nicht verfügbar.
  • Paginierung Zeigt nummerierte Seiten mit Ihrem eigenen nächsten und vorherigen Text an.
  • Links in New Tab öffnet Beiträge in einem neuen Browser-Tab.
Blog-Beiträge Erweiterte Einstellungen mit Kategorie-, Tag- und Autorenfiltern und Beiträge Einstellungen werden neben einer zweispaltigen Beitragsliste umgeschaltet
Blog-Beiträge Miniaturansichten mit Miniaturansichten, Position, Schwebungsanimation und der Farbeffektliste neben Postkarten

Miniaturansichteneffekte und Post-Meta

In MiniaturansichtenWählen Sie die Bildauflösung, eine Miniaturansicht von Landschaft, Quadrat, Abdeckung, Füllung oder Behälter, eine optionale min und max Höhe und die Miniaturansichtsposition Fügen Sie eine Elementor-Hover-Animation hinzu, eine von 16 Farbeffekte Wie Zoom In, Graustufen, Unschärfe, Sepia, Glanz oder Kreis und a Miniaturform: Gerahmt, Diagonal, Eingerandet, Gradient Bordered oder Quadrate Die Registerkarte Stil fügt eine Overlay-Farbe und CSS-Filter hinzu.

  • Titel, Autor, Autoren-Avatar, Datum, Kategorien, Tags und Kommentaranzahl ein - oder ausblenden.
  • Vollständigen Inhalt oder einen Auszug mit einer festgelegten Länge anzeigen, der in drei Punkten endet oder einen Read More-Link.
  • Post-Meta-Symbole und Post-Format-Symbole.

Blog-Beitrag Karussell

Mit Karussell aktivieren? Auf, die Karusselleinstellungen Geben Sie Ihnen ein Karussell - oder Coverflow-Layout, Autoplay mit Geschwindigkeit, Pause im Schweben, Dias zum Scrollen, Schleife, Mittelrutsche, Greif-Cursor, Drag Free Mode und Animationsgeschwindigkeit Die Navigation Abschnitt bietet Pfeile und Punkte, Pfeile und Brüche, Pfeile, Punkte, Fortschritt oder keine, mit Pfeilplatzierung innen oder außen und einer Option Pfeil auf Mobilgerät ausblenden.

  • Ein Schieberegler “Neueste Beiträge” auf der Startseite.
  • Eine verwandte Beitragszeile, gefiltert nach Tag am Ende eines Artikels.
  • Normal-, Hover- und Aktivstile für jede Folie.
Blog-Beiträge Karusselleinstellungen mit Autoplay- und Folienoptionen neben einer einzelnen Beitragsfolie mit Navigationspfeil
Blog veröffentlicht Paginierungseinstellungen und Paginierungsstil-Panel neben einem Beitrag mit nummerierten Seitenlinks

Paginierungsstyling

Einschalten Paginierung Ein Raster oder eine Liste in nummerierte Seiten aufzuteilen, den Text der nächsten Seite und den Text der vorherigen Seite festzulegen und die Links nach links, in der Mitte oder rechts auszurichten Der Abschnitt Paginierungsstil legt Typografie, Text und Hintergrundfarben für normale, Hover - und aktive Seitenzahlen sowie Rand und Radius fest Das Widget hat keinen Load More-Button oder unendlichen Bildlauf.

  • Stellen Sie Beiträge pro Seite und eine Gesamtzahl der Beiträge ein, um die Anzahl der erscheinenden Seiten zu begrenzen.
  • Geben Sie der aktuellen Seitennummer eine eigene Farbe.
  • Ordnen Sie die Seitenlinks Ihren Schaltflächen mit den Rand- und Radiuseinstellungen zu.

Elementor Pro-Beiträge vs. Master-Addons-Blogbeiträge

Free Elementor hat kein Posts-Widget Elementor Pro hat das Posts-Widget plus Loop Grid und Loop Carousel So vergleichen sie sich mit diesem kostenlosen Widget.

MerkmalElementor ProMaster Addons Blogbeiträge
PreisBenötigt Elementor ProKostenlos
LayoutsClassic, Cards oder Full Content Skins; Loop Grid verwendet eine eigene KartenvorlageKlassisch oder Karten in Raster, Liste oder Mauerwerk, mit 7 Karten und 7 Listenstilen
Spalten1 bis 61 bis 4, pro Gerät
KarussellSeparates Loop Carousel-WidgetKarussell aktivieren? im selben Widget wechseln
PaginierungZahlen, Vorherige/Nächste, Auf Klicken oder Unendliche Schriftrolle ladenNummerierte Seiten mit nächstem und vorherigem Text
Front-end-filterTaxonomiefilter-Widget für Loop GridKategorie Filter Tabs für die Beiträge auf der Seite
MiniaturansichtenCSS-Filter für Normal und Hover16 Farbeffekte, 5 Formen, Hover-Animation und CSS-Filter
ArchivvorlagenAktuelle AbfrageAktuelle Abfrage

Elementor Pro ist die bessere Wahl, wenn Sie Load More, unendlich viele Bildlaufrollen oder eine vollständig benutzerdefinierte Karte benötigen, die als Loop-Vorlage erstellt wurde. Blog-Beiträge passen zu kostenlosen Elementor-Seiten, die fertige Kartenstile, Miniaturansichten und ein Karussell ohne zusätzliche Widgets wünschen. Für Scroll-Schlagzeilen siehe die News-ticker Widget.

Vorlagenbetrachter
Facebook
Twitter
WhatsApp
Link kopieren
Jetzt kaufen
Dark Workshop Post Grid
Dark Workshop Post Grid
Horizontale Beitragsliste
Horizontale Beitragsliste
Gestaffelte Postkarten
Gestaffelte Postkarten
Breite Overlay-Pfostenbanner
Breite Overlay-Pfostenbanner
Überlappende Kartenpfostenreihen
Überlappende Kartenpfostenreihen
Offset Overlay-Postkarten
Offset Overlay-Postkarten
Vollständige Bildüberlagerungskarten
Vollständige Bildüberlagerungskarten
Schwimmkarten-Postgitter
Schwimmkarten-Postgitter
Kartenlayout
Kartenlayout

Häufig gestellte Fragen für Blog

Erfahren Sie, welche Fragen Benutzer am häufigsten zum Blog stellen und finden Sie Antworten an einem Ort.
Ist das Blog Posts-Widget kostenlos?

Ja. Blog Posts ist Teil des kostenlosen Master Addons Plugins, einschließlich der Karten - und Listenstile, Karussell, Filter-Tabs und Paginierung, und es funktioniert mit kostenlosem Elementor.

Ja. Quelle auf Neueste Beiträge setzen und jeden öffentlichen Beitragstyp im Post Type Dropdown auswählen Verwenden Sie bei Archivvorlagen stattdessen Aktuelle Abfrage, damit das Widget dem angezeigten Archiv folgt.

Anzahl der Spalten kann pro Gerät eingestellt werden, so können Sie 3 Spalten auf dem Desktop verwenden, 2 auf dem Tablet und 1 auf dem Mobilgerät Einstellen von Miniaturanleitung auf Abdeckung mit einer festen Höhe hält die Bilder gleichmäßig.

Inhalt anzeigen schaltet den Textbereich ein oder aus, bei Auszug anzeigen zeigt das Widget statt des Volltextes einen beschnittenen Ausschnitt der von Ihnen eingestellten Länge (in der Voreinstellung 55 Wörter) an Auszüge behalten Karten auch in einem Raster.

Wie funktionieren die Kategorienfilter-Tabs?

Wenn aktiviert, erscheinen über dem Raster oder der Liste Registerkarten für die Kategorien der geladenen Beiträge Durch Klicken auf eine Registerkarte werden die an Ort und Stelle befindlichen Beiträge ohne Neuladen gefiltert. Es filtert nur die Beiträge auf der aktuellen Seite und ist mit dem Karussell nicht verfügbar.

Nr. Pagination verwendet nummerierte Seitenlinks mit Next und Previous text Wenn Sie Load More oder infinite scroll benötigen, bietet das Posts Widget von Elementor Pro beides.

Ja. Quelle auf Aktuelle Abfrage setzen und das Widget zeigt die Beiträge für die Kategorie, das Tag, das Datum oder das Autorenarchiv, die angezeigt werden, unter Verwendung des von Ihnen gewählten Layouts und der von Ihnen gewählten Stile.

Trendige Elementor-Widgets und -Erweiterungen

Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.

Master Addons Glassmorphism-Erweiterung für Elementor: Milchglaskarten mit der auf 20 px eingestellten Kontrolle des Unschärfewerts

Glasmorphie

Startseite Kostenlose Elementor-Glasmorphie-Erweiterung: „Mattiertes Glas-Effekt in einem Umkipp-Glasmorphie ist das Matt...
Details anzeigen
Master Addons Container Extras Erweiterung für Elementor: Container mit einer Kappe von 1400 px Max Breite, mit Max Breite, Max Höhe, Min Breite und Min Höhe Steuerung

Container-extras

Home Elementor Container Max Width and Max Height Controls Container Extras ist ein kostenloser Master...
Details anzeigen
Master Addons Patterns-Erweiterung für Elementor: hero mit dem Purple Gradient Grid Left-Stil, drei weiteren Musterstilen und dem Enable Pattern-Panel

Muster

Home 70+ Free Elementor Background Patterns Patterns ist eine kostenlose Master Addons-Erweiterung, die hinzufügt...
Details anzeigen
Master Addons Post/Page Duplicator-Erweiterung für Elementor: MA Duplicator Zeilenlink in der WordPress Pages-Liste, der eine Landing Page erstellt - [Duplicated #128] Entwurf

Post-/Seitenduplikator

Startseite Duplicate Elementor Pages and Posts in One Click Post/Page Duplicator ist ein kostenloser Master...
Details anzeigen
Master Addons Reading Progress Bar-Erweiterung für Elementor: Blauer Balken 42% oben auf einer Datenschutzrichtlinie-Seite gefüllt, mit Einstellungen für Aktivierungs-, Positions-, Höhen- und Füllfarben

Fortschrittsanzeige lesen

Startseite Fügen Sie eine Leseprogress-Leiste in WordPress (Elementor) hinzu. Die Leseprogress-Leiste ist kostenlos...
Details anzeigen