Met de introductie van V4 maakt de Elementor Editor grote stappen in het verbeteren van onze UI, waardoor websiteontwerp sneller en efficiënter wordt dan ooit. Tijdens het gebruik van V4 zul je een aantal veranderingen opmerken.
Introductie van klassen
De grootste verandering in V4 is het gebruik van klassen. Het uiterlijk en gevoel van een element – zijn stijl – wordt bepaald door zijn klassen. Elk element heeft ten minste één klasse, genaamd lokaal, die wordt gebruikt om dat individuele element te stylen, terwijl er eenvoudig meer klassen kunnen worden toegevoegd. Klassen verhogen de efficiëntie door makers in staat te stellen stijlen te hergebruiken over hun hele site.
Voorbeeld: Alex bouwt een website en wil een standaardlettertype gebruiken voor de meeste websitetekst. Ze maken een klasse genaamd Tekst die zwarte tekst gebruikt met een 12-punts schreefloos lettertype. Elke keer dat ze een element maken, hoeven ze alleen maar de klasse Tekst toe te voegen en de tekst wordt ingesteld op deze stijl.
Voor meer informatie over klassen zie:
- Klassen in elementor
- De elementor editor klassenbeheerder
- Elementtoestanden
- Conflicterende stijlen prioriteren
Standaardisatie
Elementen in Elementor Editor V3 gebruikten drie tabbladen om hun inhoud en stijl te beheren – Inhoud, Stijl en Geavanceerd. In V4 werd het aantal tabbladen verminderd en gestandaardiseerd. Elk element heeft nu twee tabbladen – Algemeen en Stijl. Het Algemeen tabblad is aangepast volgens de behoeften van het element, terwijl het Stijl tabblad gestandaardiseerd is over alle elementen. Dit stelt je in staat om eenvoudig het uiterlijk en gevoel van je site te verenigen.
Voor meer informatie over V4 stijlen, zie:
- Stijl tabblad – Layout
- Stijl tabblad – Afstand
- Stijl tabblad – Grootte
- Stijl tabblad – Positie
- Stijl tabblad – Typografie
- Stijl tabblad – Achtergrond
- Stijl tabblad – Rand
- Stijl tabblad – Effecten
- Een gelaagde achtergrond toevoegen
Meer responsieve besturingselementen
In Elementor Editor V3 zijn responsieve besturingselementen te vinden in het optiepaneel en worden toegepast op een beperkt aantal opties. In V4 wordt responsief bewerken gedaan door over te schakelen naar een responsieve modus.
Voor meer informatie over responsief bewerken, zie:
Samenvatting
De onderstaande tabel vat de veranderingen samen die je zult zien in V4 elementen:
| Functiewijzigingen | Elementor Editor V3 | V4 |
| Elementopties | Drie tabbladen beschikbaar in het paneel – Inhoud, Stijl en Geavanceerd. Opties aangepast per element. | Twee tabbladen beschikbaar in het paneel – Algemeen en Stijl. Alle Stijlopties gestandaardiseerd. |
| Klassen | Globale instellingen gemaakt via Globale kleuren, lettertypen en widgets. | Elementen worden bewerkt en gestandaardiseerd door gebruik te maken van klassen. |
| Klassenbeheerder | Geen Klassenbeheerder | Klassenbeheerder stelt gebruikers in staat om klassen en stijlen te bewerken en te prioriteren. |
| Klasse-indicatoren | Geen klasse-indicatoren | Klasse-indicatoren laten gebruikers begrijpen wanneer klasse-instellingen met elkaar conflicteren en welke prioriteit hebben. |
| Gelaagde achtergronden | Geen gelaagde achtergronden | Gebruikers kunnen meerlaagse achtergronden maken |
| Verloop achtergronden | Beperkt tot twee kleuren | Gebruikers kunnen een onbeperkt aantal kleuren toevoegen aan verloop achtergronden |
| Doosshadows | Geen gelaagde doosshadows | Gebruikers kunnen meerlaagse doosshadows maken |
| Plakkerige elementen | Elementen kunnen aan de bovenkant of onderkant van de pagina plakken | Elementen kunnen aan de bovenkant, onderkant, rechterkant of linkerkant van de pagina plakken. |
| Responsief bewerken | Responsief bewerken gedaan vanuit het optiepaneel. Alleen gemarkeerde opties kunnen worden bewerkt voor responsieve modi. | Responsief bewerken gedaan met behulp van het bovenste editorpaneel. Alle opties kunnen worden aangepast voor responsief bewerken. |
| HTML code | Toegestaan in sommige widgets | Niet toegestaan |
| Terugzetten naar standaard | Veel opties kunnen worden teruggezet naar hun standaard door op een resetknop te klikken. | Geen terugzetten naar standaard beschikbaar. |
