WordPress Beiträge auf Seiten einbinden | Elementor Posts Widget Tutorial

Mit dem Posts Widget von Elementor Pro könnt Ihr sehr einfach und unkompliziert einzelne WordPress Beiträge als Vorschau auf jeder Seite oder auch jedem Beitrag einbinden. Dabei habt Ihr Zahlreiche Design- und Einstellungsmöglichkeiten.

In diesem Videotutorial zeige ich Euch, wie ich auf der Webseite eines Tennisvereins einzelne Beiträge in die Startseite integriert habe.

1. Video Tutorial:

In diesem Videotutorial zeige ich Euch, wie ich auf der Webseite eines Tennisvereins einzelne Beiträge in die Startseite eingebunden habe.

2. Einstellungsoptionen beim Posts Widget von Elementor Pro

Das Posts Widget von Elementor Pro bietet Euch eine Vielzahl von individuellen Einstellungsmöglichkeiten, um Eure Beitragsvorschau in wenigen Minuten optimal und individuell in Eure einzelnen Seiten oder Beiträge zu integrieren – je nach Stil und Inhalt Eurer Seite.

2.1 Inhalts-Einstellungen beim Post-Widget

Bei den Inhalts-Einstellungen könnt Ihr detailliert bestimmen, welchen Grundaufbau die Beitragsvorschau haben soll, welche Posts überhaupt angezeigt werden sollen u.v.m.

a) Layout

  • Wahl des Oberflächendesigns: Klassisch, Karten oder Full Content
  • Vorgabe Spalten pro Seite
  • Vorgabe Posts pro Seite
  • Einstellungen zu Bildgröße, Bildproportion & Bildbreite
  • An-. bzw. Ausschalten von Titel, Metadaten, Textauszug
  • + Weitere Einstellungsmöglichkeiten zur Beiteagsvorschau

b) Abfrage & Paginierung

  • Filterung der Beiträge nach Kategorien oder Autor
  • Ausschluss einzelner Beiträge
  • Sortierfunktion, beispielsweise nach Datum absteigend
  • Ausrichtung
  • Paginierung nach Nummern oder nach "Voriger/Nächster" Beitrag

2.2 Stil-Einstellungen für Eure WordPress Beiträge (Design)

Unter dem Tab “Stil” findet Ihr bei Elementor-Pro Widgets immer eine Vielzahl von Designmöglichkeiten. Beim “Posts-Widget” gehören dazu u.a.:

  • Definition der Spalten- und Reihenabstände
  • Schrift- & Farbeinstellungen für sämtliche Inhalte der Beitragsvorschau
  • Gestaltung der einzelnen Boxen inkl. Rahmen Hintergrund, Innenabstände, Boxschatten und Hover-Effekten
  • Gestaltung der Vorschaubilder mit Rahmen, Abständen und Hover-Effekten

2.3 Erweitert-Einstellungen beim Posts-Widget

Unter dem Tab “Erweitert” bietet Elementor Pro eine Vielzahl weiterer sehr interessanter Einstellungsoptionen das Posts.-Widget. Dazu gehören beispielsweise:

  • Margin- und Paddingwerte für das gesamte Formular
  • Bewegungseffekte wie Eingangsanimation, Sticky-Effect ,Scrolling- oder Mouse-Effects
  • Design des Hintergunds und des Rahmens für die gesamte Vorschau bzw. das gesamte Posts-Widget
  • Responsive Einstellungen, um beispielsweise die Vorschau nur auf bestimmten Endgeräten anzuzeigen und bei anderen wiederum auszuschließen
  • Eigenes CSS hinzufügen

3. Kosten für das Posts Widget

Elementor Pro kostet aktuell 49$ für eine Einzelseite. 

Das Posts-Widget für Euer Formular ist dadrin enthalten und leider nicht einzeln bestellbar. Bei Elementor Pro erhaltet Ihr insgesamt:

  • Posts Widget zum Erstellen der Beitragsvorschau
  • Themebuilder - Damit seid ihr nicht mehr auf die Funktionen der einzelnen Themes angewiesen sondern könnt Header und Footer via Elementor ganz einfach designen und anpassen
  • Popup Builder zum Erstellen schöner Popups für WordPress
  • Viele weitere Widgets wie z.B. Animierte Überschriften oder Medien Karussel

*Bei allen Links zur Elementor Webseite handelt es sich um einen Affiliatelink bzw. Werbelink. Ihr als Internetprofis wisst ja: Das Plugin wird für Euch dadurch keinen Cent teurer und Ihr könnt mich so bei der Erstellung neuer Videos und Blogbeiträge unterstützen – es gibt natürlich auch Videos und Beiträge ohne Affiliate-Verlinkungen in meinem Kanal bzw. auf meiner Seite. Danke fürs Anklicken!

Bewerbung 6/6

Interesse?

Ich hoffe, die Bewerbung hat Ihnen gefallen. Sollten Sie Interesse an mir haben, würde ich mich über eine Einladung zu einem persönlichen Vorstellungsgespräch natürlich sehr freuen.
Neben den Kontaktmöglichkeiten im Lebenslauf können Sie dazu auch gerne das folgende Formular nutzen:

Einladung Vorstellungsgespräch
Diese Website verwendet Cookies. Wenn Du die Website weiterhin nutzt, gehen wir von Deiner Zustimmung dazu aus.