Aftellen voor WordPress 6.6: wat is er nieuw en verbeterd?

WordPress 6.6 is er al en brengt spannende veranderingen met zich mee voor het populaire websiteplatform. WordPress 6.6 wordt gelanceerd op 16 juli 2024 en belooft het ontwerp en de functionaliteit van uw site te verbeteren.

De nieuwe versie richt zich voornamelijk op drie belangrijke gebieden:

• Verbeterde tools voor WordPress-aangepast ontwerp
• Verbeterde gebruikerservaring
• Technische vooruitgang

WordPress 6.6 bevat functies die zowel website-eigenaren als ontwikkelaars zullen waarderen, van eenvoudigere rasterindelingen tot een gestroomlijnd publicatieproces. Het is niet slechts een kleine update, het is een belangrijke stap voorwaarts. Of je nu een gewone blogger of een webprofessional bent, er is iets nieuws voor je in deze release. Maak je klaar voor een krachtigere en gebruiksvriendelijkere WordPress- ervaring.

Updates uitpakken in de geheel nieuwe WordPress 6.6

Ervaar een uitgebreide revisie met nieuwe ontwerptools, gestroomlijnde workflows en verbeterde aanpassingsopties met WordPress 6.6. Deze nieuwe functies zullen de manier waarop u uw WordPress-sites bouwt en beheert, transformeren:

Gegevensvisualisatie: hoe de nieuwe weergaven van de site-editor uw workflow transformeren

De Site Editor in WordPress 6.6 krijgt een grote facelift, waardoor de manier waarop u omgaat met de structuur en inhoud van uw site wordt getransformeerd. De nieuwe Data Views introduceert een verbeterde gebruikersinterface voor het beheren van sjablonen, patronen en meer. U vindt een meer intuïtieve lay-out met sjabloononderdelen die nu zijn geïntegreerd in de Patronen , waardoor uw workflow wordt gestroomlijnd.

Navigeren door de bouwstenen van uw site verloopt nu soepeler dan ooit. Het gereorganiseerde Patronen presenteert bovenaan de sjabloononderdelen, gevolgd door de patronen eronder, waardoor u een duidelijk overzicht krijgt van de componenten van uw site. Voor pagina's kunt u met een nieuw paneel met één klik een voorbeeld van elke pagina bekijken, waardoor u tijd en moeite bespaart.

Het Weergaveopties is uitgebreid en biedt nieuwe lay-outkeuzes waarmee u kunt aanpassen hoe u de elementen van uw site bekijkt en beheert. Deze verbeteringen maken het gemakkelijker om snel te vinden wat u zoekt, waardoor u zich meer kunt concentreren op het maken en minder op het zoeken in menu's.

Controleer ook: Gutenberg 14.8 heeft de interface van de site-editor vernieuwd en een stijlboek toegevoegd

De kloof overbruggen: naadloze overgangen tussen site- en blokeditors voor een vloeiende bewerkingservaring

WordPress 6.6 zet een belangrijke stap in de richting van het uniformeren van de bewerkingservaring op het hele platform. De blokeditor (waar je berichten en pagina's schrijft) en de site-editor delen nu een consistentere look en feel, waardoor de mentale verschuiving die nodig is bij het schakelen tussen taken wordt verminderd.

De publicatiestroom is gestandaardiseerd in beide editors, met een schonere, lichtere zijbalk met instellingen. het nieuwe status- en zichtbaarheidspaneel kun je de poststatus gemakkelijker instellen, terwijl de besturingselementen Uitgelichte afbeelding en Uittreksel naar beter toegankelijke posities zijn verplaatst.

Deze veranderingen zorgen voor een meer samenhangende omgeving, of u nu een blogpost schrijft of het ontwerp van uw site aanpast. De vertrouwde interface in verschillende contexten helpt u uw creatieve stroom op peil te houden, de productiviteit te verhogen en potentiële verwarring te verminderen.

Lees ook: Minimalistisch ontwerp beheersen: de esthetiek en functionaliteit van uw website verbeteren

Ontketen creativiteit met gesynchroniseerde patronen: maatwerk zonder compromissen

Gesynchroniseerde patroonoverschrijvingen in WordPress 6.6 bieden een spannende middenweg tussen volledig gesynchroniseerde en standaardpatronen. Met deze functie kunt u een consistente structuur op uw site behouden, terwijl u inhoudsaanpassing voor individuele exemplaren mogelijk maakt.

Zo werkt het: u kunt een gesynchroniseerd patroon maken, zoals een hero-sectie, en dit op meerdere pagina's gebruiken. Het algemene ontwerp en de structuur van het patroon blijven consistent op de hele site. U kunt nu echter specifieke inhoud binnen het patroon op afzonderlijke pagina's overschrijven zonder dat dit gevolgen heeft voor andere exemplaren.

Deze functie is een game-changer voor het behouden van merkconsistentie en maakt tegelijkertijd paginaspecifieke aanpassingen mogelijk. Het is vooral handig voor zaken als call-to-action-secties of aanbevolen inhoudsgebieden die zich moeten aanpassen aan verschillende contexten en tegelijkertijd een uniform uiterlijk moeten behouden.

Krijg waardevolle inzichten over : Aangepaste WordPress-thema-ontwikkeling

Klassiek thema's nieuw leven inblazen: modern patroonbeheer integreren

WordPress 6.6 brengt een aanzienlijke upgrade voor klassieke themagebruikers, waarbij dezelfde rijke patrooninterface wordt geïntroduceerd die voorheen exclusief was voor blokthema's. Deze update overbrugt de kloof tussen klassieke en moderne WordPress-ontwikkeling, waardoor gebruikers van traditionele thema’s toegang krijgen tot krachtige aanpassingstools.

Met deze update kunt u patronen nu rechtstreeks vanuit de beheerdersinterface JSON Het nieuwe Patronenscherm in klassieke thema's bootst de functionaliteit na die te vinden is in blokthema's , compleet met bulkacties, sorteer- en filteropties.

U kunt zelfs rechtstreeks vanuit het beheerdersgedeelte nieuwe patronen maken, door een eenvoudig formulier met patroondetails in te vullen voordat u uw patroon in de Site-editor gaat bouwen of bewerken. Deze integratie van modern patroonbeheer in klassieke thema's opent nieuwe mogelijkheden voor maatwerk en ontwerpflexibiliteit, ongeacht uw themakeuze.

Lees ook: Snelste WordPress-thema’s (met PageSpeed-scores)

De kunst van mixen en matchen: grenzeloze ontwerpmogelijkheden verkennen met stijlvariaties

WordPress 6.6 introduceert een opwindende functie voor blokthema’s: de mogelijkheid om stijlvariaties te mixen en matchen. Deze update breidt uw ontwerpopties aanzienlijk uit zonder dat u extra kennis van instellingen of coderen nodig heeft.

Nu kan uw thema kleurenpaletten en typografische stijlen uit de variaties halen, zodat u eenvoudig verschillende aspecten kunt combineren om unieke looks te creëren. U kunt bijvoorbeeld het kleurenschema van de ene variant gebruiken met de typografie van een andere, waardoor er een wereld aan creatieve mogelijkheden opengaat.

Thema-ontwikkelaars kunnen ook sectiestijlen introduceren, waardoor gebruikers verschillende stijlen kunnen toepassen op specifieke secties van hun site. Deze gedetailleerde controle over het uiterlijk van uw site betekent dat u direct uit de doos een breed scala aan ontwerpen kunt realiseren, waardoor u het uiterlijk van uw site moeiteloos kunt verbeteren.

Leer ook: Hoe u het beheerderskleurenschema in WordPress kunt wijzigen

Het raster onder de knie krijgen: een stapsgewijze handleiding voor het eenvoudig maken van complexe lay-outs

Het maken van complexe, responsieve lay-outs wordt veel eenvoudiger in WordPress 6.6 met de introductie van het nieuwe Grid-blok . Met deze krachtige toevoeging aan de blokeditor kunt u alle gewenste blokken in een rasterindeling weergeven, waardoor u ongekende controle over uw paginastructuur krijgt.

Met het rasterblok kunt u de minimale kolombreedte aanpassen en stijlopties toepassen op zowel het algehele raster als de afzonderlijke blokken daarin. Voor een nog nauwkeurigere controle kunt u het rasterindelingstype instellen op Handmatig en rasteritems slepen om ze over kolommen te spreiden.

Deze functie is een gamechanger voor het maken van geavanceerde paginalay-outs zonder dat u in aangepaste CSS hoeft te duiken. portfolio , een productshowcase of een complexe landingspagina ontwerpt

Productiviteit verhogen: sneltoetsen die uw proces voor het maken van inhoud stroomlijnen

WordPress 6.6 introduceert nieuwe sneltoetsen en productiviteitsfuncties die uw workflow aanzienlijk kunnen versnellen. Een opvallende toevoeging is de mogelijkheid om meerdere blokken te groeperen met CTRL+G op Windows of Command+G op MacOS . Met deze eenvoudige snelkoppeling kunt u uw inhoud snel ordenen zonder naar de muis te grijpen.

Ook de blokinvoeger is verbeterd. In eerdere versies zorgde het selecteren van een blok ervoor dat de invoeger alleen blokken weergaf die binnen het geselecteerde blok konden worden toegevoegd. Nu geeft de invoeger twee groepen weer: blokken die u aan het geselecteerde blok kunt toevoegen en blokken die u eronder kunt toevoegen. Deze wijziging geeft u een vollediger beeld van uw opties en versnelt het blokinvoegproces.

Deze kleine maar impactvolle veranderingen zorgen samen voor een aanzienlijke tijdsbesparing bij uw dagelijkse taken voor het maken van inhoud en sitebeheer.

Wist je dat?

Hoe WordPress donkere modus te implementeren 

Een vangnet voor uw site: de nieuwe functie voor het terugdraaien van automatische updates begrijpen en gebruiken

WordPress 6.6 pakt een veelvoorkomend probleem onder site-eigenaren aan met de introductie van automatisch terugdraaien van plug-in-updates. Deze functie fungeert als vangnet en zet een plug-in automatisch terug naar de vorige versie als een update problemen op uw site veroorzaakt.

Met deze nieuwe functionaliteit kunt u vol vertrouwen automatische updates voor plug-ins zonder bang te hoeven zijn dat uw site kapot gaat. Als een automatische update van een plug-in problemen veroorzaakt, zal WordPress het probleem detecteren en teruggaan naar de vorige versie, waarbij de functionaliteit van uw site behouden blijft.

Deze functie biedt gemoedsrust voor site-eigenaren en -beheerders en moedigt het gebruik van automatische updates aan om sites veilig en up-to-date te houden zonder het risico van onverwachte downtime.

Kijk eens naar: WordPress monitoren: ultieme gids

Grenzen verleggen met negatieve marges: geavanceerde ontwerptechnieken toegankelijk gemaakt

Voor degenen die hun ontwerpgrenzen willen verleggen, introduceert WordPress 6.6 ondersteuning voor negatieve marges. Met deze verborgen functie kunt u unieke visuele effecten creëren en uw lay-outs met ongekende precisie verfijnen.

Om negatieve marges te gebruiken, klikt u eenvoudig op de marge-instellingen van een blok en voert u handmatig een negatieve waarde in. Dit opent nieuwe mogelijkheden voor creatieve lay-outs, waardoor elementen elkaar kunnen overlappen of buiten hun gebruikelijke grenzen kunnen reiken.

Hoewel deze functie misschien klein lijkt, is het een krachtig hulpmiddel voor geavanceerde gebruikers en ontwerpers die opvallende, visueel opvallende lay-outs willen creëren zonder toevlucht te nemen tot aangepaste CSS.

Controleer ook dit: Hoe voeg ik aangepaste CSS toe in Elementor?

Achter de schermen: prestatie- en beveiligingsverbeteringen in WordPress 6.6

WordPress 6.6 gaat niet alleen over zichtbare functies; het bevat ook talloze verbeteringen onder de motorkap die de prestaties en beveiliging verbeteren.

Een belangrijke verandering is het verbeterde lazyloading voor oEmbeds, wat de laadtijden van pagina's aanzienlijk kan versnellen, vooral voor sites met veel inhoud. De update verhoogt ook de minimaal ondersteunde PHP-versie naar 7.2.24 , wat zorgt voor betere prestaties en beveiliging op het hele platform.

Andere technische verbeteringen zijn onder meer verfijningen aan de HTML-processor voor een betere verwerking van HTML-documenten, en de introductie van een nieuw Token Map-hulpprogramma voor het efficiënt parseren en vervangen van tekenreeksen.

Deze verbeteringen achter de schermen zijn misschien niet meteen zichtbaar, maar ze dragen bij aan een snellere, veiligere en efficiëntere WordPress-ervaring voor zowel site-eigenaren als bezoekers.

Nieuwe tools en functies voor ontwerpers en thema-ontwikkelaars in WordPress 6.6

WordPress 6.6 biedt een schat aan opwindende nieuwe functies en verbeteringen voor ontwerpers en thema-ontwikkelaars, waardoor ze met groter gemak geavanceerdere en visueel aantrekkelijkere websites kunnen maken. 

Laten we eens kijken naar de belangrijkste hoogtepunten die de manier zullen veranderen waarop u WordPress-thema’s ontwerpt en ontwikkelt:

• Theme.json v.3: Verbeterde configuratieopties voor thema-ontwikkelaars
• CSS-specificiteit: Vereenvoudigd overschrijven van kernstijlen
• Sectiestijlen: gedetailleerde controle over individuele paginasecties
• Blokstijlvariaties: meerdere methoden voor het definiëren van aangepaste stijlen
• Voorinstellingen voor kleur en typografie: snel en eenvoudig ontwerp aanpassen
• Achtergrondafbeeldingen voor de hele site: consistente branding op alle pagina's
• Variatie in rasterlay-out: flexibele opties voor inhoudspresentatie
• Negatieve marges: Creatieve lay-outmogelijkheden
• Aangepaste schaduwen: verbeterde visuele diepte en dimensie
• Aangepaste voorinstellingen voor de beeldverhouding: perfecte beeldverhoudingen

Een diepe duik in Theme.json v.3

WordPress 6.6 introduceert versie 3 van het thema.json-configuratiebestand, wat aanzienlijke veranderingen met zich meebrengt in de manier waarop thema-ontwikkelaars vooraf gedefinieerde eigenschappen kunnen overschrijven. Deze update biedt meer gedetailleerde controle over de standaardinstellingen, waardoor thema's beter kunnen worden aangepast. De nieuwe versie wijzigt de manier waarop standaardlettergroottes en spatiëringsgrootten worden verwerkt, waardoor thema-ontwikkelaars meer flexibiliteit krijgen bij het definiëren van hun ontwerpparameters.

Met WordPress 6.6 kun je het volgende verwachten:

• Nieuwe syntaxis voor het overschrijven van standaardeigenschappen
• Verbeterde controle over lettertype- en spatiëringgroottes
• Verbeterde flexibiliteit voor het aanpassen van thema's

CSS vereenvoudigen: CSS-specificiteit in WordPress 6.6

Een van de belangrijkste veranderingen in WordPress 6.6 is de wijziging van de CSS- specificiteitsregels. Deze update maakt het gemakkelijker voor thema-ontwikkelaars om kernstijlen te overschrijven terwijl de ondersteuning voor algemene stijlen behouden blijft.

De veranderingen zijn bedoeld om de complexiteit van CSS-regels die nodig zijn om de gewenste ontwerpresultaten te bereiken te verminderen, waardoor het thema-ontwikkelingsproces wordt gestroomlijnd. Zoals dit –

• Verminderde specificiteit van kernstijlen
• Gemakkelijkere aanpassing van blokstijlen
• Verbeterde ondersteuning voor globale stijlen

Wist je dat? 

Waarom zou u CSS Grid en Flexbox gebruiken in webontwerp?

Sectiestijlen: verbeterde styling voor individuele secties

WordPress 6.6 introduceert de mogelijkheid om individuele secties van een bericht of pagina een stijl te geven zonder dat je stijlen op elk blok afzonderlijk hoeft toe te passen. Met deze krachtige functie kunnen ontwerpers efficiënter samenhangende ontwerpen maken, waarbij stijlvariaties in één keer op hele delen van de inhoud kunnen worden toegepast.

Dit is wat u kunt doen met WordPress 6.6: 

• Pas stijlen tegelijkertijd toe op meerdere blokken
• Creëer een consistent ontwerp voor alle inhoudssecties
• Stroomlijn het stylingproces voor complexe lay-outs

Variaties in blokstijlen definiëren

WordPress 6.6 biedt meerdere methoden voor het definiëren van blokstijlvariaties, waardoor thema-ontwikkelaars meer flexibiliteit krijgen in de manier waarop ze maatwerk benaderen. Deze methoden omvatten het gebruik van gedeeltelijke thema.json-bestanden, programmatische registratie via register_block_style en het rechtstreeks definiëren van variaties in het thema.json-bestand.

Enkele zaken die moeten worden opgemerkt voor WordPress 6.6:

• Theme.json gedeeltelijke onderdelen voor modulaire stijldefinities
• Programmatische registratie voor dynamische stijlcreatie
• Directe thema.json-definitie voor uitgebreide controle

Voorinstellingen voor kleur en typografie: eenvoudige aanpassing

Met WordPress 6.6 kunnen gebruikers nu eenvoudig het kleurenpalet en de lettertypefamilies van hun thema rechtstreeks vanuit de Global Styles-interface wijzigen. Met deze functie kunt u het uiterlijk van een thema snel en eenvoudig aanpassen zonder dat handmatige CSS-bewerking nodig is.

Met de gloednieuwe WordPress 6.6 kun je profiteren van:

• Vooraf gedefinieerde kleur- en typografievoorinstellingen
• Eenvoudig schakelen tussen ontwerpvariaties
• Gestroomlijnd aanpassingsproces voor gebruikers

Blijf lezen : essentiële elementen van een aangepast WordPress-ontwerp

Achtergrondafbeeldingen voor de hele site: consistente branding

WordPress 6.6 introduceert de mogelijkheid om achtergrondafbeeldingen voor de hele site in te stellen, waardoor consistente branding op alle pagina's van een website mogelijk wordt. Deze functie kan worden geconfigureerd via thema.json of rechtstreeks in de Site-editor , wat flexibiliteit biedt voor zowel ontwikkelaars als eindgebruikers.

Met WordPress 6.6 kunt u:

• Definieer achtergrondafbeeldingen in thema.json
• Stel achtergrondafbeeldingen in via de Site-editor
• Controle van de positionering en herhaling van afbeeldingen

Variatie in rasterlay-out: flexibele inhoudspresentatie

De nieuwe rasterlay-outvariatie voor het groepsblok in WordPress 6.6 biedt verbeterde flexibiliteit bij de presentatie van inhoud. Deze functie van WordPress 6.6 maakt het eenvoudig maken van complexe rasterlay-outs zonder de noodzaak van aangepaste CSS. Het maakt het eenvoudiger om visueel aantrekkelijke en responsieve paginalay-outs te ontwerpen met:

• Automatisch gegenereerde of handmatig gedefinieerde rasterlay-outs
• Verstelbare kolombreedtes en aantallen
• Het formaat van rasteritems wijzigen door slepen en neerzetten

Negatieve marges: creatieve lay-outs

WordPress 6.6 breidt de mogelijkheid uit om negatieve marges in te stellen voor alle blokken die margecontroles ondersteunen. Deze functie opent nieuwe mogelijkheden voor creatieve lay-outs, waardoor overlappende elementen en unieke ontwerpeffecten mogelijk zijn.

Dit is wat u kunt doen:

• Pas negatieve marges toe op elk blok
• Creëer overlappende ontwerpelementen
• Realiseer eenvoudig complexe lay-outs

Aangepaste schaduwen: verbeterde beelden

De introductie van aangepaste schaduwcreatie en -bewerking binnen de Global Styles-interface in WordPress 6.6 maakt meer geavanceerde visuele effecten mogelijk. Met deze functie kunnen ontwerpers unieke schaduwstijlen creëren die op hun thema's kunnen worden toegepast, waardoor de diepte en dimensie van hun ontwerpen worden verbeterd.

Probeer het volgende:

• Maak en bewerk aangepaste schaduwen
• Pas schaduwen globaal of op specifieke elementen toe
• Verbeter de visuele diepte en dimensie van ontwerpen

Bekijk ook : WordPress Volledige sitebewerking: complete beginnershandleiding

Aangepaste voorinstellingen voor de beeldverhouding: perfecte proporties

Met WordPress 6.6 kunnen thema-ontwikkelaars aangepaste voorinstellingen voor de beeldverhouding definiëren via het thema.json-bestand. Deze functie zorgt voor consistente beeldverhoudingen binnen een thema, wat bijdraagt ​​aan een meer gepolijste en professionele uitstraling van websites.

U kunt nu het volgende doen:

• Definieer aangepaste beeldverhoudingen in thema.json
• Zorg voor consistente beeldverhoudingen
• Verbeter de algehele visuele samenhang van thema's

Bekijk ook: De beste WordPress-thema's in hun klasse voor uw persoonlijke websites

Afscheidswoorden: de toekomst is hier

Terwijl we anticiperen op de release van WordPress 6.6, is het duidelijk dat deze update meer betekent dan alleen maar incrementele verbeteringen; het is een substantiële evolutie die is ontworpen om zowel ontwikkelaars als gebruikers meer mogelijkheden te bieden. 

Met verbeteringen in ontwerptools, gebruikerservaring en technische mogelijkheden, bereidt WordPress 6.6 de weg voor een meer naadloos en creatief webontwikkelingstraject. Bereid u voor om nieuwe mogelijkheden te verkennen en uw site naar een hoger niveau te tillen met deze baanbrekende functies.