---
title: Vertikale verdeling
slug: vertikale-verdeling
createdAt: 2024-07-24T11:16:06.896Z
---
Dit verdeel u inhoud in twee sy-aan-sy kolomme, wat u die buigsaamheid gee om inligting op 'n visueel aantreklike manier aan te bied. Dit is soos om twee doeke te hê om mee te werk, langs mekaar.
## Wanneer om dit te gebruik
- **Vergelyk en kontrasteer**
Beklemtoon ooreenkomste en verskille tussen twee onderwerpe of produkte.
- **Skep sy-aan-sy inhoud**
Vertoon verwante inligting saam, soos kenmerke en voordele.
- **Verbeter leesbaarheid**
Breek lang teksafdelings op met visuele elemente.
- **Beklemtoon veelvuldige voorbeelde**
Bied verskillende opsies of variasies langs mekaar aan.
## Hoe om die Vertical Split Block te gebruik
::::WorkflowBlock
:::WorkflowBlockItem
Tik `/` om die Archbee blok-kieslys oop te maak
:::
:::WorkflowBlockItem
Soek vir die **Vertikale verdeling** blok en klik om in te voeg
:::
:::WorkflowBlockItem
Kies die breedteverhoudings vanuit die boonste regterhoek.
U het 3 opsies:
- **30/70 **verdeling
- **50/50 **verdeling
- **70/30** verdeling
:::
:::WorkflowBlockItem
Voel vry om u inhoud by te voeg. U kan die inhoud stileer soos u wil deur die [WYSIWYG Menu](#) te gebruik of selfs ander blokke in te voeg, soos:
- [Opskrifte](docId\:R_WhrVuB0QH_AaQ1KEDMi)
- [Uitbreidbare opskrifte](docId\:no2hBv5MT3a6SBWC7zA8J)
- [Lyste](docId\:b-owwKPv7qtlBqQcjSaVr)
- [Knoppie](docId\:gwOg4VPi7mQLa-vaFnu6S)
- [Uitroep](docId\:sPEyzIy7XU_WCbBntiyph)
- [Horisontale Verdeler](docId\:HenD2dPVz_FbXxD4aiAQz)
- [Minitaskers](docId\:r_CyhoqghIrseqx0oBkih)
- [Lêer](docId\:Wvg1bg3lNdr_kbvSAzk5p)
- [Beeld](docId\:bQuy5ea2Kl0anyHP_6wDp)
- [Video](docId\:G9NUanNwC25W39H6s3pxU)
- [Kaart](docId:8L-44mYqHlcKknqrFGnNI)
- [Kode-redigeerder: veelvuldige tale](docId\:NanT37JKXnffbCOYwQH5s)
- [Voorbeelde van inbeddings](docId:0bIhEyZkVfFQatv-nZacn)
:::
::::
## Voorbeelde
:::::::Tabs
:::::Tab{title="Vergelyk planne"}
**Vergelyk planne **— Skets die funksies, pryse en voordele van verskillende planne duidelik in 'n sy-aan-sy vergelyking.
::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
Standaardfunksies om dokumentasie te bestuur en te versprei.
Onbeperkte lesers Onbeperkte projekruimtes Openbare of private portale Pasgemaakte domein en handelsmerk Pasgemaakte JavaScript Wagwoordbeskerming
:::
:::VerticalSplitItem
Gevorderde funksies en volledige handelsmerkbeheer vir skaalbare dokumentasie.
Alles in Growing Volledige beheer oor handelsmerk Hersieningstelsel Herbruikbare inhoud en veranderlikes Weergawebeheer en lokalisering Gevorderde toegangsbeheer vir spanne Gevorderde toegangsbeheer vir lesers
:::
::::
Kyk na meer besonderhede op die [https://www.archbee.com/pricing](https://www.archbee.com/pricing) bladsy.
:::::
::::::Tab{title="Stap-vir-stap gids"}
**Stap-vir-stap gids **— Wys visuele instruksies of kodebrokkies in een kolom, terwyl geskrewe verduidelikings in die ander voorsien word (vir How-to guides kan u die [Werkvloei](docId\:Upd-Z0VQe0LVasr2KM_uH) blok gebruik).
:::::VerticalSplit{layout="right"}
::::VerticalSplitItem
Ontdek hoe Archbee u kan help om dokumentasie te lewer wat vrae vir eindgebruikers, ontwikkelaars en spanne beantwoord.
Bespreek 'n tydgleuf en gesels met ons Hoof van Produk vir 'n deurloop. (Beslis nie 'n verkoopsoproep nie!)
:::CtaButton{label="Bespreek 'n demo" externalHref="https://www.archbee.com/book-a-demo" openInNewTab="true"}
:::
::::
:::VerticalSplitItem
:::
:::::
::::::
:::::Tab{title="Moets en moenies"}
**Moets en moenies **— Skets beste praktyke en moontlike slaggate duidelik in een kolom, en die ooreenstemmende verduidelikings of gevolge in die ander.
::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
Do
✅ Hoof-CTA staan uit teenoor alles anders
✅ Tweede CTA is minder sigbaar
:::
:::VerticalSplitItem
Moenie
❌ Geen natuurlike hiërargie nie
❌ Geen visuele sneller of gemengde gevoelens nie
:::
::::
:::::
:::::Tab{title="FAQ-afdeling"}
::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
**Sal die gebruik van Archbee my ryk maak?**
:::
:::VerticalSplitItem
Ons kan dit nie belowe nie, maar dit is die moeite werd om te probeer.
As dit u nie 'n miljoenêr maak nie, sal u ten minste werklik stylvolle dokumentasie hê.
En kom ons wees eerlik, wie het geld nodig wanneer u komplimente kan kry oor u [dokumentasieportaal wat u gebruiker se vrae met AI beantwoord](docId\:hvrAnjPRVLZQhGmGk76Qv)?
:::
::::
:::::
:::::::
***
:::hint{type="info"}
**🧠 Onthou **
Die sleutel tot die doeltreffende gebruik van ’n vertikale verdeling is balans. Maak seker dat die inhoud in elke kolom mekaar aanvul en bydra tot die algehele boodskap van u dokument.
Eksperimenteer met verskillende inhoudskombinasies om te vind wat die beste vir u gehoor werk.
:::
***
::::LinkArray
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-C1IcmVcG0rx4ZLHX6X7V7-20250911-192557.png"}
:FontAwesome[]{icon="fa-solid fa-cubes"} ** Vind ander blokke**
Ontdek nuwe maniere en blokke om pragtige en funksionele dokumentasiebladsye te skep.
[Kyk na alle blokke](docId\:oV-giTRfLvZLJLLN8-MBC)
:::
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-YRyGGWKsNS1ZZJa5XJy0z-20250911-192608.png"}
:FontAwesome[]{icon="fa-solid fa-headset"}** Benodig u hulp? ⬇️**
Gebruik die **blou** **kletsborrel **in die onderste regterhoek.
Of probeer **KI-klets** (vanaf die soekkassie) vir vinnige antwoorde.
:::
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-MS_ubDHlXgoktt4svD2rL-20250911-192619.png"}
:FontAwesome[]{icon="fa-solid fa-hand-holding-heart"}** U mening maak saak**
Gebruik die onderstaande terugvoervorm, anoniem.
Of vra ’n vraag in die **V\&A-afdeling** en ons span of AI sal vir u ’n oplossing gee.
:::
::::