Hoe ontwerp je een Elementor-blog met WP Latest Posts -plugin en widget

Elementor is een pagina-builder waarmee we pagina's kunnen maken en ontwerpen met gebruiksvriendelijke blokken, maar door het te combineren met WP Latest Posts kunnen we een geweldige blogpagina maken met de berichten op onze site.

Met WP Latest Post kunnen we secties maken die een bepaald aantal postvoorbeelden bevatten op basis van filters en met behulp van thema's die er gewoonweg geweldig uitzien! Hiermee kunnen we in een paar eenvoudige stappen een verzameling secties op onze pagina's maken.

In dit bericht zullen we zien hoe we een blogpagina kunnen maken met Elementor en WP Latest Post in een paar eenvoudige stappen.

Maak een WordPress-berichtblok

Allereerst moeten we een berichtblok maken om de berichten te definiëren die we aan onze inhoud zullen toevoegen, als we misschien alle berichten of alleen bepaalde berichten willen weergeven.

Allereerst gaan we naar WP Laatste Bericht > Alle Nieuwe Blokken in het linker menu, we zien een +Nieuw Blok knop, klik erop.

Allereerst kunnen we een titel definiëren en vervolgens doorgaan met het maken van het blok.

Deze blokcreatie wordt verdeeld in 3 stappen, de eerste stap is de Bron.

In de bron kunnen we definiëren wat we in ons blok gaan gebruiken, of we pagina's, berichten, categorieën of aangepaste berichttypen gaan gebruiken.

Omdat we een blog gaan maken, zullen we voor deze tutorial de optie Berichten selecteren.

Nu we de hoofdbron voor ons blok hebben geselecteerd, kunnen we verder filteren en onze bron aanpassen, om dit te doen kunnen we het volgende definiëren:

Categorieën: als we alleen bepaalde categorieën willen tonen.

Sorteer op/Volgorde: om de volgorde te bepalen waarin onze berichten worden weergegeven op basis van de aanmaakdatum en of deze oplopend of aflopend is.

Het aantal rijen/kolommen en items: in dit gedeelte kunnen we het aantal rijen selecteren dat we willen tonen, het aantal kolommen en het maximale aantal items dat in ons blok wordt getoond.

Gepubliceerd/Datum: om te bepalen of we alleen berichten willen tonen die zijn gepubliceerd na/voor een specifieke datum.

Inhoud gemaakt in de laatste: hiermee kunnen we een meer specifieke set berichten definiëren voor de laatste uren/dagen/maanden/jaren.

Inhoudsopname:
 om te bepalen of we een categorie eenmaal of meermaals willen tonen.

Als we klaar zijn met het selecteren hoe we willen dat het blok zoekt naar onze post, kunnen we het aantal berichten bevestigen dat wordt toegevoegd net onder de titel die we hebben toegevoegd voor het berichtblok.

Dat zou de bronconfiguratie afronden en ons in staat stellen om verder te gaan naar het tweede deel van deze blokconfiguratie, namelijk de Weergave en thema stap waarin we een thema kunnen instellen uit de 8 beschikbare thema's voor WP Latest Post (+Add-on).

De eerste optie die we zullen zien is de Thema selectie en pas instellingen aan met verschillende instellingen beschikbaar afhankelijk van het thema dat we selecteren, en een voorbeeld, laten we de beschikbare thema's controleren!

Standaard thema.

Categorie Raster

Masonry Thema

Materiaal Horizontaal Thema

Materiaal Verticaal Thema

Portfolio Thema

Thema met zwevende hover

Tijdlijn thema

We kunnen zien dat er veel opties zijn die perfect kunnen worden aangepast aan onze paginastijlen en inhoud! In dit geval zullen we voor de tutorial verder gaan met het Masonry thema, dus laten we het selecteren!

Nu we een thema hebben laten zien, gaan we verder met de volgende stap die de thema-instelling voltooit, ga hiervoor naar het volgende tabblad Thema-instelling met opties die variëren afhankelijk van het thema dat we kiezen.

In dit geval hebben we de optie om de titel weer te geven, een knop om meer te laden en een pictogram te forceren bij zweven.

We kunnen het pictogram op hover zo veel aanpassen als we willen, en ook een van de standaardinstellingen gebruiken die worden aangeboden door WP Latest Post of onze eigen pictogram uploaden.

De laatste optie in dit gedeelte is de Animatie die werkt voor thema's die een animatie bevatten zoals het Smooth hover thema, dat werkt als een slider, voor deze tutorial hebben we de Masonry geselecteerd die geen animatie heeft, dus we hoeven hier niets te bewerken.

En dan hebben we de laatste stap, namelijk de Afbeeldingsbron, op dit tabblad kunnen we een standaardafbeelding definiëren voor het geval er geen afbeelding beschikbaar is voor dat bericht, en ook kiezen of we de aanbevolen afbeelding van het bericht willen gebruiken of de eerste afbeelding die daar wordt gevonden.

Dit beëindigt de configuratie van het blokbericht, dus we zijn nu klaar om live te gaan! In dit geval hebben we veel opties zoals een Shortcode in het shortcode tabblad waarmee we kunnen instellen of het privé of openbaar is en ook of we het blok op een bepaald tijdstip willen publiceren.

Maak een blog met behulp van een Elementor-widget

Nu we weten hoe we een postblok kunnen maken met WP Lates Posts, laten we naar de volgende stap gaan, namelijk het toevoegen van ons postblok met behulp van een Elementor-widget.

Om dit te doen, kunnen we naar onze blogpagina gaan of een nieuwe maken door naar Pagina's > Nieuwe toevoegen te gaan en op Bewerken met Elementor te klikken.

De Elementor builder wordt automatisch geladen met een widgetselectie optie in de zijbalk, typ in deze zoekbalk WP Latest Post, dit toont de widget voor ons bericht blok, en sleep en zet het in de pagina inhoud.

Nu we de widget hebben geladen, kunnen we doorgaan met het kiezen van het postblok in de widgetopties die verschijnen in de linker balk.

Er verschijnt een voorbeeld van onze postblok-sectie, waar we de titel van het postblok zullen zien, evenals de posts die we hebben geselecteerd om daar te zijn, slechts 2 klikken en klaar! We hebben een aangepaste blogpagina gemaakt en we kunnen het zo veel aanpassen als we willen met behulp van de geweldige tools die Elementor biedt.

Het enige wat we nu nog moeten doen is onze blogpagina publiceren en we zijn klaar, onze blog is klaar!

Het beste van deze plugin is dat we ermee een postbloksectie kunnen toevoegen waar we maar willen in onze content en het biedt ons ook een WooCommerce-integratie die ons precies in staat stelt om een productblok toe te voegen waar we maar willen en dat is gewoon een van de functies die het heeft, geweldig! Is het niet?

Maak gemakkelijk de beste nieuws WordPress-secties

Omdat de Elementor-widget slechts één van de functies is die WP Latest Post biedt, kunnen we er zeker van zijn dat de thema's en tools die het bevat ons in staat stellen om secties nieuws te maken met de beste ontwerpen en op de gemakkelijkste manier mogelijk.

Deze plugin biedt ons veel functies, zoals het gebruik van aangepaste berichttype, categorieën of zelfs WooCommerce-producten als bron voor de blokken, waardoor de opties bij het maken en toevoegen van een blok oneindig zijn, dus waar wacht je nog op? Ga hier en download WP Latest Post voor je site nu!