In dit artikel laat ik je zien wat er nieuw is in de nieuwste versie WordPress 6.4-update! Met deze update komt WordPress een stap dichter bij zijn doel om een ​​meer collaboratief en functierijk CMS te zijn. 

WordPress 6.3 2023WordPress 6.4 2024

1. Nieuw Twenty Four-thema nu beschikbaar

Thema Twintig Vierentwintig FotografenThema Twintig Vierentwintig Ondernemers

WordPress heeft officieel zijn volgende grote thema gelanceerd: het Twenty Twenty-Four-thema! Dit thema streeft naar meer flexibiliteit om tegemoet te komen aan een verscheidenheid aan gebruiksscenario's en professionals uit de industrie. Er zijn bijvoorbeeld variaties op het thema voor eigenaren/ondernemers van kleine bedrijven, schrijvers/bloggers en fotografen/creatieven. 

Het thema heeft ook veel prestatieverbeteringen ondergaan om het laden van pagina's te versnellen en out-of-the-box betere SEO te bieden.  

Je kunt de live demo van het Twenty Twenty-Four-thema hier, of bekijk de ontwerpitems die bij dit thema horen op de WordPress Figma-pagina.

WordPress vereenvoudigd: cursus krachtige websites bouwen door Davies Media Design

2. Nieuwe Image Lightbox-functie

Schakel Image Lightbox in WordPress 6.4 Nieuwe functie in

WordPress-afbeeldingen krijgen EINDELIJK standaard een ‘lightbox’-functie. Dit betekent dat wanneer een sitebezoeker op een afbeelding op een webpagina klikt, de afbeelding wordt uitgevouwen om de volledige versie weer te geven, of op zijn minst een grotere versie dan het voorbeeld/de miniatuur.

Deze nieuwe functie is beschikbaar voor het afbeeldingsblok en het galerijblok. Om deze functie in te schakelen, klikt u eenvoudig op de afbeelding in de Blok-editor en schakelt u de optie 'Inschakelen bij klikken' in op het tabblad Blok van de zijbalk Instellingen voor dat blok. 

3. Groepsblokken Krijg achtergrondafbeeldingen

Groepsblokken ondersteunen BG-afbeeldingen WordPress 6.4 Pop-up

WordPress 6.4 introduceert de mogelijkheid om achtergrondafbeeldingen toe te voegen aan “Groeps”-blokken. Dit betekent dat achtergrondafbeeldingen niet langer beperkt zijn tot alleen het ‘Cover’-blok, waardoor ontwerpers meer flexibiliteit krijgen bij het ontwerpen van webpagina’s.

Om deze functie te gebruiken, klikt u op het groepsblok waaraan u de afbeelding wilt toevoegen en navigeert u vervolgens naar het tabblad ‘Stijlen’ in de zijbalk Blokinstellingen. Scrol omlaag naar het gedeelte 'Achtergrond' en klik om uw achtergrondafbeelding toe te voegen.

Het lijkt erop dat er op dit moment geen “overlay”-kleurfunctie over de afbeelding kan worden toegevoegd. Als u de achtergrondafbeelding dus helderder of donkerder wilt maken om bijvoorbeeld tekst beter zichtbaar te maken, moet u deze bewerkingen uitvoeren voordat u de afbeelding uploadt.

Navigatieknoppen toevoegen Geen code WordPress 6.4 Pop-up

Een superhandige nieuwe functie in WordPress 6.4 is de mogelijkheid om het blok “Knoppen” toe te voegen aan je navigatiemenu’s. U kunt nu eenvoudig een opvallende knop toevoegen aan uw hoofdnavigatie, en dat allemaal zonder dat u hoeft te coderen! Dit is een geweldige manier om de gebruikerservaring op uw site snel te verbeteren en conversies te genereren.

Om toegang te krijgen tot deze functie, moet u het sjabloongedeelte “Header” zoeken waar uw hoofdnavigatie zich bevindt. Ga naar Vormgeving>Editor om de Site-editor te openen en klik vervolgens op ‘Patronen’. Scroll naar beneden naar de plek waar 'Sjabloononderdelen' staat en klik op 'Header'. Klik op het patroon met het label 'Header' dat hier wordt weergegeven.

Vanuit het headersjabloongedeelte, dat nu geopend is in de site-editor, klikt u op het navigatieblok. Klik in de zijbalk Blokinstellingen op het “+” teken dat verschijnt onder het gedeelte “Menu” (onder het tabblad “Lijstweergave”). Typ 'Knoppen' in het zoekveld of selecteer de optie 'Knoppen' als deze daar standaard wordt weergegeven. U kunt nu tekst aan uw knop toevoegen, deze aan een pagina of sectie op uw pagina koppelen en de stijl van de knop aanpassen!

Wanneer u klaar bent, klikt u op “Opslaan” om uw wijzigingen op te slaan. De wijzigingen worden nu overal op uw site weergegeven waar het hoofdsjabloongedeelte “Header” wordt weergegeven. 

5. Nieuwe instelling voor verticale tekstrichting

Maak verticale tekst WordPress 6.4 Demo Pop-up

WordPress 6.4 ondersteunt officieel verticale tekst! De richting van de tekst kan worden gewijzigd van de standaard horizontale tekst naar de nieuwe verticale tekst vanuit de blokken Alinea en Kop. 

Je kunt de richting van je tekst wijzigen vanuit de blokeditor door op het blok te klikken dat de tekst bevat die je wilt bewerken en vervolgens naar de zijbalk Blokinstellingen te navigeren.

Klik onder 'Typografie' op het Kabob-menupictogram (menu met drie stippen) en selecteer 'Tekstrichting'. Er verschijnen nu een klein paar oriëntatiepictogrammen. Klik op het pictogram "verticaal" om uw tekst verticaal te maken.

Om de verticale tekst verder aan te passen, wijzigt u eenvoudig de tekstuitlijning met behulp van de Blokwerkbalk. Met “Rechts uitlijnen” wordt de tekst van onder naar boven gelezen, terwijl met “Links uitlijnen” de tekst wordt omgedraaid zodat deze van boven naar beneden wordt gelezen.

6. Lijstweergave ontvangt meerdere nieuwe functies

De “Lijstweergave”-functie in WordPress heeft bij elke nieuwe versie van WordPress een steeds belangrijkere rol gekregen. Deze meest recente release maakt geen verschil, waarbij de Lijstweergave meer aandacht krijgt van WordPress-bijdragers. 

De twee meest opvallende nieuwe functies die aan de Lijstweergave zijn toegevoegd, zijn onder meer afbeeldingsvoorbeelden en bewerkbare groepsbloklabels. 

Voorvertoningen van afbeeldingen

Lijstweergave Afbeeldingsvoorbeelden WordPress 6.4 Pop-up

Met de nieuwe afbeeldingsvoorbeelden van de Lijstweergave kunt u snel zien welke afbeeldingen zich in een blok kunnen bevinden, met name een galerij of afbeeldingsblok.

Een positief neveneffect van deze nieuwe functie is dat het vinden van specifieke blokken nu veel eenvoudiger zou moeten zijn, vooral als je veel geneste blokken en instanties van hetzelfde bloktype hebt (dwz veel afbeeldingsblokken op één pagina).

Hernoem groepsblokken

Hernoem labelgroepblokken WordPress 6.4 Popup

De laatstgenoemde functie is de nieuwe functie voor het hernoemen van groepsblokken. U kunt nu elk groepsblok in de Lijstweergave hernoemen, waardoor het gemakkelijker wordt om verschillende groepsblokken te labelen.

Nogmaals, deze functie zou het gemakkelijker moeten maken om verschillende groepsblokken op een webpagina te vinden, vooral als je veel verschillende groepen hebt. 

Dupliceer blokken met een nieuwe sneltoets

De laatste nieuwe functie voor Lijstweergave die ik hier zal noemen, is de gloednieuwe sneltoets voor het dupliceren van blokken. Gebruik eenvoudigweg ctrl+shift+d (Windows) of cmd+shift+d (MAC) om een ​​blok of blokgroep te dupliceren. Hierdoor wordt niet alleen het lijstitem in de Lijstweergave gedupliceerd, maar ook het daadwerkelijke blok of de reeks blokken op uw webpagina in de Blokeditor.

WordPress vereenvoudigd: cursus krachtige websites bouwen door Davies Media Design

7. Nieuwe patrooncategoriefunctie

Patronen categoriseren WordPress 6.4 Demo Pop-up

Met deze nieuwste release van WordPress komt er een nieuwe functie waarmee u een nieuw gemaakt patroon (een verzameling vooraf gedefinieerde/vooropgemaakte blokken) kunt categoriseren. Omdat patronen zijn georganiseerd op het tabblad “Patronen” van de Block Inserter, maakt deze nieuwe functie het gemakkelijk om uw nieuwe patronen snel te sorteren en ze te vinden wanneer u ze nodig heeft. 

Om deze functie te gebruiken, zoekt u het blok of de groep blokken die u naar een patroon wilt converteren. Klik op het Kabob-pictogram 'Opties' in de werkbalk en selecteer 'Patroon maken'.

In het venster dat verschijnt, typt u de naam die u aan uw nieuwe Pattern wilt toewijzen, en gebruikt u vervolgens het nieuwe veld “Categorie” om de naam van een bestaande categorie te selecteren of typt u een nieuwe categorienaam.

Druk op de enter-toets om een ​​nieuwe categorienaam toe te passen. Klik op “Maken” om het nieuwe patroon met een toegewezen categorie te maken. 

8. Deel patronen op meerdere locaties

Deel patronen op verschillende sites WordPress 6 4 Pop-up

Een van de geweldige nieuwe functies die onder de radar is gebleven, is de mogelijkheid om patronen te exporteren en importeren als JSON-bestanden, zodat je patronen eenvoudig op meerdere sites kunt delen en gebruiken. Weet u niet wat een JSON-bestand is? Maak je geen zorgen: je hoeft niet met het daadwerkelijke JSON-bestand te rommelen om de functie te laten werken.

Navigeer eenvoudigweg naar Vormgeving>Editor om toegang te krijgen tot de Site-editor. Navigeer vervolgens naar het gedeelte 'Patronen'. Zoek het patroon dat u wilt exporteren en klik op de menulink met drie stippen/kabob. Selecteer 'Exporteren als JSON' in het menu. 

Kies of maak vervolgens een nieuwe map waarin u het Pattern-bestand wilt opslaan, geef het bestand een naam en klik vervolgens op 'Opslaan'. 

Ga naar de WP-beheerder van de site waar u het patroon wilt uploaden en navigeer opnieuw naar de Site-editor (Uiterlijk>Editor>Patronen). Klik op het pictogram ‘+’ naast de titel ‘Patronen’ en selecteer ‘Patroon importeren uit JSON’.

Selecteer het JSON-bestand op uw computer en klik op 'Openen'. U zou nu uw patroon onder de categorie “Mijn patronen” moeten zien. 

Houd er rekening mee dat stijlen voor de hele site niet naar uw Pattern op de nieuwe site worden overgebracht, maar dat u de stijlen van het Pattern handmatig kunt bewerken om deze naar uw wens te stylen. 

9. Uitlijning voor blokken in gesynchroniseerde patronen wordt nu voor de hele site bijgewerkt

Uitlijningsupdates Gesynchroniseerde patronen WordPress 6.4 Pop-up

WordPress 6.4 voegt extra functionaliteit toe aan gesynchroniseerde patronen door nieuwe uitlijningsinstellingen toe te passen op alle exemplaren van een gesynchroniseerd patroon. 

Pas eenvoudigweg een nieuwe uitlijningsinstelling toe op een gesynchroniseerd patroon via de Blokeditor en klik vervolgens op 'Publiceren', gevolgd door 'Opslaan' om de wijzigingen voor alle gesynchroniseerde patronen op te slaan (u ziet hier een lijst met alle gesynchroniseerde patronen waar deze wijziging zal plaatsvinden worden toegepast – met een vinkje naast elk item).

10. Definieer de beeldverhouding voor tijdelijke afbeeldingen

Vergrendel beeldverhouding Tijdelijke aanduiding voor afbeeldingen WordPress pop-up

Het volgende in WordPress 6.4 is een nieuwe functie waarmee u de beeldverhouding van tijdelijke afbeeldingen op uw webpagina's of blogposts kunt instellen.

Om deze functie te gebruiken, voegt u een afbeeldingsblok in uw webpagina in. Klik vervolgens in de zijbalk Blokinstellingen, onder het tabblad 'Instellingen', op de vervolgkeuzelijst 'Beeldverhouding' en selecteer de beeldverhouding die u voor dit blok wilt instellen. Alle toekomstige afbeeldingen die u aan dit blok toevoegt, hebben nu de beeldverhouding die u instelt.

Deze functie is ideaal voor sjablonen, omdat u een tijdelijke afbeelding aan een webpagina-ontwerp kunt toevoegen zonder dat u zich zorgen hoeft te maken over veranderingen in de beeldverhouding op basis van de geüploade afbeelding.

11. Werkbalken voor lijst-, prijsopgave- en navigatieblokken verbeterd

WordPress heeft verbeteringen aangebracht aan deze drie schrijfblokken om de schrijfervaring in WordPress te verbeteren en consistenter te maken. 

12. Commandopalet krijgt nieuwe snelkoppelingen in de site-editor

De WordPress-gemeenschap heeft enkele nieuwe snelkoppelingen geïmplementeerd voor de functie Commandopalet die oorspronkelijk werd geïntroduceerd in WordPress 6.3. Vanuit het opdrachtenpalet, dat u kunt openen met de sneltoets ctrl+k (Windows) of cmd+k (MAC), kunt u nu de lijstweergave openen en sluiten, broodkruimels onder aan de Site-editor weergeven of verbergen, of schakel “Afleidingsvrije modus” in of uit.

Om een ​​van deze acties uit te voeren, hoeft u alleen maar op ctrl+k te drukken om het opdrachtenpalet te openen en de naam van de actie te typen (bijvoorbeeld “brood” voor “Blokbroodkruimels verbergen” of “lijst” voor “Lijstweergave wisselen ”) en klik vervolgens op de actie in de lijst die wordt weergegeven. Als de actie de eerste in de lijst is, hoeft u alleen maar op de Enter-toets op uw toetsenbord te drukken.

Taal van het opdrachtpalet verbeterd

Naast de bovengenoemde nieuwe functie heeft het Commandopalet ook verbeterde taal gekregen bij het weergeven van acties en andere zoekresultaten.

De taal is voor het grootste deel vereenvoudigd, zodat de actie of tool waarnaar u zoekt, met minimale tekst wordt weergegeven.

Wanneer u bijvoorbeeld 'Nav' begint te typen, zegt u in plaats van 'Open navigatie' eenvoudigweg 'Navigatie'. Als u op dit item klikt, wordt het navigatiescherm in de site-editor geopend.

13. Extra nieuwe functies

WordPress 6.4 heeft ook meer dan 100 prestatieverbeteringen ondergaan, waaronder verbeteringen in de manier waarop afbeeldingen, thema's en andere belangrijke paginabronnen worden geladen. Deze prestatieverbeteringen zouden de gebruikerservaring voor ontwerpers moeten verbeteren en ervoor moeten zorgen dat WordPress meer geoptimaliseerd wordt voor kant-en-klare zoekopdrachten (wat geweldig is voor SEO en paginarangschikking!). 

Dat is alles voor wat er nieuw is in WordPress 6.4! Als je meer wilt weten over WordPress en het ontwerpen van websites, bekijk dan mijn WordPress Vereenvoudigd 2023: cursus Hoe u krachtige websites kunt bouwen op Udemy. Je kunt ook naar mijn kijken WordPress-videotutorials of lees een van mijn Help-artikelen over WordPress (beschikbaar in meer dan 40 talen).

Davies Media Design Gratis creatieve apps E-mailnieuwsbrief

Abonneer u op de DMD-nieuwsbrief

Meld u aan om nieuwe tutorials, cursusupdates en het laatste nieuws over uw favoriete gratis creatieve apps te ontvangen!

Je bent met succes geabboneerd!

Pin It op Pinterest