Handleiding WP Beaver Builder | margin padding kolom rij instellingen

Standaardrij- en modulemarges en padding wijzigen in WP Beaver Builder

WP Beaver Builder heeft de volgende standaardmarges en opvulling waarmee de beginwaarden worden ingesteld wanneer je een afzonderlijke rij of kolom opent voor bewerking. Deze instellingen zijn aan alle kanten (boven, onder, links, rechts) en op alle apparaten hetzelfde.


TypeStandaardwaarde
Row margins0px
Row padding20px
Column margins0px
Column padding0px
Module margins20px
Module paddingn.v.t.

Het kan handig zijn om deze waarden te veranderen voor je WordPress website. Ik zet meestal de Row padding op 0 (nul).


Handleiding standaardmarges en opvulling voor de hele site wijzigen:

  • Open een van uw pagina’s in Page Builder.
  • Klik in de rechterbovenhoek op Extra> Algemene instellingen.
    Als u de algemene waarden voor rijen wilt wijzigen, gaat u naar de sectie Rijen en wijzigt u de waarden voor Marges en Opvulling.
  • Als u de algemene waarden voor modules wilt wijzigen, gaat u naar de sectie Modules en wijzigt u de waarde Marges in de sectie Modules.
  • U kunt door de apparaatweergaven schakelen om de instellingen per apparaat te controleren. Klik op het bureaubladpictogram in elke rij om over te schakelen naar de tablet- en mobiele weergave, zoals weergegeven in de volgende schermafbeelding.
    Het is goed om te controleren, omdat een marge-instelling die u op het bureaublad toepast, automatisch van toepassing is op alle drie apparaatgroottes, maar een padding-instelling die u op het bureaublad toepast, alleen op grote apparaten.
  • Klik op Opslaan om uw instellingen op te slaan en het gebied Tools te verlaten. U kunt Page Builder op elke willekeurige manier afsluiten.

Werken met kolomlagen, modulelagen en onderliggende kolommen (child kolommen)

In elke rij kunt u meerdere verticale lagen bovenliggende kolommen, onderliggende kolommen en modules hebben. Op de site van Beaver Builder staat dit goed uitgelegd:

kb.wpbeaverbuilder.com/article/46-column-layouts-overview#layers

De onderstaande video legt dit ook goed uit:



Handleidingen over kolommen


Tips voor werken met kolommen

1 Sleep in de lay-out voordat u inhoud invoegt

U kunt een nieuwe hoofdkolom maken door een module naar rechts of links van een bestaande kolom te slepen. Maar wanneer u nieuwe lagen in een verticale kolom maakt, maakt slepen in een module niet altijd zijn eigen kolom. De veiligste manier om onderliggende kolommen in te voegen, is door Inhoud toevoegen > Rijlay-outs (Add content > Row layouts) te gebruiken. Bovendien kan het bij complexe kolomlay-outs nuttig zijn om eerst de rijlay-out te bouwen en vervolgens de inhoud en modules toe te voegen. Hier is bijvoorbeeld een lay-out voor drie hoofdkolommen (twee bovenaan, één onderaan) waarin de eerste kolom (aan de linkerkant) een laag met vier onderliggende kolommen bevat en de tweede kolom (aan de rechterkant) een laag met twee onderliggende bevat kolommen.

Nadat u de structuur hebt ingesteld, kunt u eenvoudig inhoudsmodules slepen, zoals in het volgende voorbeeld.

Merk op dat de eerste onderliggende kolom in de tweede laag aan de rechterkant twee modules heeft, de tekst en de kleine foto. Als u die kolom verplaatst, zullen de twee modules altijd samen bewegen.

U kunt nog steeds een eenvoudige kolomstructuur maken door modules rechtstreeks naar een rij te slepen en u kunt kolommen verplaatsen om een ​​nieuwe structuur te maken. Zie de gerelateerde artikelen voor meer informatie over het invoegen van kolommen.


2 Kolomstructuur uitzoeken voor bestaande kolommen

Klik op het pictogram Kolom bewerken voor een module en ga vervolgens met de muis over Kolom verplaatsen – u ziet het bereik van de kolom waarin de module zich bevindt, zoals weergegeven in deze screenshot.

In sommige gevallen met een laag kolommen, vindt u een module die zich niet in een eigen kolom bevindt die u afzonderlijk wilt stijlen. Volg in dit geval Tip 1 om een ​​rijlay-out van een enkele kolom te slepen en verplaats die module erin. U kunt tegen het niveau van kolomnesting aanlopen, maar u kunt een andere manier vinden om de kolomlagen te organiseren zodat u de module in een eigen kolom kunt krijgen.


3 Het verwijderen van modules is veiliger dan het verwijderen van kolommen

Wanneer u met de muis over de kolom Verwijderen beweegt, ziet u het bereik van wat u gaat verwijderen. Maar omdat er geen ongedaan maken is, is het nog veiliger om eerst modules te verwijderen en vervolgens de kolomstructuur te verwijderen. Zie de gerelateerde artikelen voor informatie over het verwijderen van kolommen.