Help Center > Editor V4 > Elements > Div Block element

Div Block element

Laatste update: september 3, 2025

Deze post is vertaald met behulp van automatische vertaling, waardoor er kleine onnauwkeurigheden of verschillen in formulering ten opzichte van het origineel kunnen zijn. Sorry voor eventuele foutjes of onduidelijkheden, neem gerust contact met ons op als wij iets voor je mogen verhelderen.

De XXXX widget is een experimentele functie die XXX

Om de XXX widget te gebruiken, moet je deze activeren. Voor details, zie Elementor functies activeren.

Het element toevoegen en verwijderen

Om een element te openen en te gebruiken:

  1. Klik op + in de Elementor Editor.
    Alle beschikbare elementen worden weergegeven.

  2. Klik of sleep het element naar het canvas. Voor meer informatie, zie Elementen aan een pagina toevoegen.

Om de widget te verwijderen:

  1. Selecteer het element op het canvas door erop te klikken.
  2. Druk op de delete-toets op je toetsenbord. Voor meer informatie, zie Elementen van een pagina verwijderen.

Wat is de Div Block widget?

Een Div Block is een generieke container die ontworpen is om andere elementen te bevatten, inclusief andere Div Blocks. Div Blocks zijn vergelijkbaar met Flexbox containers, maar zijn lichter en laden sneller. Ze zijn een geweldige oplossing voor eenvoudige ontwerpen.

Bekijk alle opties die beschikbaar zijn met de Div Block.

Veelvoorkomend gebruiksscenario

Ellis ontwerpt een homepage voor hun nieuwe restaurant. Ze besluiten een eenvoudig, snel ladend ontwerp te gebruiken voor de hero sectie.

Voorbeeld

Een Div Block element toevoegen - stap-voor-stap

  1. Voeg een Div Block toe aan het canvas. Voor details, zie Elementen toevoegen aan een pagina.

    De Div Block opties verschijnen in het paneel.

  2. Klik op het Stijl tabblad.

  3. Open het Grootte veld.

  4. Stel de Div Block in op
    1. Breedte: 1000 PX
    2. Hoogte: 500 PX
  5. Open de Achtergrond sectie.

  6. Voeg een achtergrondafbeelding toe.
    Voor details, zie Stijl tabblad – Achtergrond en Een gelaagde achtergrond toevoegen.

Instellingen voor het Div Block element

Je kunt je elementen aanpassen met de Algemeen en Stijl tabbladen. Deze opties bieden je flexibiliteit bij het aanpassen van elementen aan je behoeften. Klik op de tabbladen hieronder om alle instellingen te zien die beschikbaar zijn voor dit element.

Tag je Div Block volgens de inhoud erin. Het correct taggen van je blok helpt zoekmachines je site te begrijpen en kan helpen met SEO. Kies uit de volgende HTML tags:

  • Div
  • Header
  • Section
  • Article
  • Aside
  • Footer

Klik op het plusteken om een link in te voeren. Bezoekers die op het Div Block bestand klikken, openen de link.

Note
Als je een link toevoegt aan een Div Block, kun je geen van de elementen in de Div Block klikbaar maken.

Als je een link toevoegt, verschijnt de volgende optie:

Openen in nieuw tabblad: Als het Div Block een link bevat, schakel dit in als je wilt dat de link in een nieuw tabblad opent.

Bekijk de individuele artikelen over Stijl opties:

Op deze pagina

Deel dit artikel

Hosted with