Krijg WordPress Full Site Editing onder de knie: een stap-voor-stap handleiding

ict

[ad_1]

Het heeft even geduurd voordat WordPress volwassen werd, maar het is uitgegroeid van een eenvoudig blogplatform tot een robuust Content Management Systeem (CMS) dat bijna het hele web bestuurt. De grootste vooruitgang is geboekt bij het maken van siteontwerpen. WordPress Full Site Editing (FSE) is een ambitieuze manier iedereen complexe tools te geven.

Deze uitgebreide gids verkent de geschiedenis en functionaliteit van WordPress Full Site Editing. Het uiteindelijke doel is om je te laten zien hoe FSE werkt en je je eigen siteontwerpen te laten ontwikkelen, net als de professionals.

Een korte geschiedenis van ontwerpen en layouts maken binnen WordPress

Begrijpen hoe het ontwerpen van sites en layouts binnen WordPress is veranderd, is een essentieel onderdeel van het waarderen van FSE. De belangrijkste tool die centraal staat in waar we nu zijn, is de Classic Editor.

De TinyMCE rich text editor interface geïntegreerd in een website. Het toont een voorbeeld van een landingspagina voor evenementregistratie met bewerkingstools en een formulier voor gebruikers om zich te registreren voor een evenement.
De WordPress Classic Editor.

Natuurlijk was dit niet altijd “klassiek” Het was altijd de TinyMCE Editor – de standaard sinds de eerste versie van WordPress tot ongeveer 2018. Dit is een eenvoudige What You See Is What You Get (WYSIWYG) teksteditor waarmee je content en basic HTML kunt invoeren, samen met enkele opmaakstijlen. Je kunt de TinyMCE Editor nog steeds verkrijgen omdat het een commerciële tool is:

De TinyMCE rich text editor interface geïntegreerd in een website. Het toont een voorbeeld van een landingspagina voor evenementregistratie met bewerkingstools en een formulier voor gebruikers om zich te registreren voor een evenement.
De TinyMCE Editor startpagina.

De belangrijkste nadelen van de TinyMCE Editor zijn een gebrek aan front-end preview opties en minder flexibiliteit dan je soms zou willen. Themaframeworks werden een haalbaar en krachtig alternatief. Het Genesis Framework van StudioPress is er nog steeds, maar er waren nog een paar andere, zoals Thesis.

Een blogpagina met het Genesis Framework. Het featuret een zwart-wit afbeelding van de Eiffeltoren in Parijs. Het bericht is getiteld April in Parijs - Ella Fitzgerald en gedateerd op 1 februari 2018. De zijbalk toont recente berichten met miniatuurafbeeldingen.
Het standaardthema van het Genesis Framework.

Je kunt hier zien hoe we overstappen van tekst bewerken naar visueel webdesign. Het framework geeft je opties aan de achterkant van WordPress, waardoor je aspecten van de voorkant kunt veranderen. Daarnaast krijg je meer ‘bare metal’ functionaliteit om verdere wijzigingen aan te brengen, zoals hooks en filters, ondersteuning van templates en meer.

Dit was echter nog steeds niet erg toegankelijk voor een doorsnee gebruiker en daarom werden page builder plugins populair. Je gebruikt ze naast de TinyMCE/Classic Editor om je een drag-and-drop systeem te geven voor het ontwerpen van je site. Deze plugins zijn nog grotendeels hetzelfde als rond 2011. Divi en Beaver Builder voeren nog steeds de boventoon, hoewel Elementor ook een kolos is:

De Elementor interface toont het ontwerp van de homepage van een meubelwinkel. De pagina featuret een Nieuwe Collectie sectie met productafbeeldingen en beschrijvingen, waaronder een tafellamp voor $200 en een ruimtebank voor $300. Rechts staat een grote paarse acryl bijzettafel. De interface bevat bewerkingstools en kleurkiezers aan de linkerkant.
De homepage van Elementor.

Je zult de volgende paragraaf willen lezen om te begrijpen waarom we alternatieven hebben voor de TinyMCE Editor en een page builder plugin.

[ad_2]

https://kinsta.com/nl/blog/wordpress-full-site-editing/