--- url: 'https://dxpr.com/nl/hc/documentatie/dxpr-builder-leren/aan-de-slag/productgids' title: 'Rondleiding door DXPR Builder en je setup kiezen | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2023-11-06T06:20:47+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- Maak een korte rondleiding door DXPR Builder en zie waar DXPR Theme past. Je opent de elementenkiezer, bouwt één gestileerde sectie en bekijkt een voorbeeld. De rest van deze pagina toont wat elk product toevoegt, zodat je kunt kiezen tussen de builder alleen, de builder met DXPR Theme, of DXPR CMS met beide. De video geeft een rondleiding door DXPR Builder op een nieuwe, lege pagina en bouwt één sectie. tags: - 'Build your first page' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T17:19:22+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Rondleiding door DXPR Builder en je setup kiezen' description: |- Maak een korte rondleiding door DXPR Builder en zie waar DXPR Theme past. Je opent de elementenkiezer, bouwt één gestileerde sectie en bekijkt een voorbeeld. De rest van deze pagina toont wat elk product toevoegt, zodat je kunt kiezen tussen de builder alleen, de builder met DXPR Theme, of DXPR CMS met beide. De video geeft een rondleiding door DXPR Builder op een nieuwe, lege pagina en bouwt één sectie. image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2023-11-06T06:20:47+0000' dateModified: '2026-10-24T17:19:22+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/nl/hc/documentatie/dxpr-builder-leren/aan-de-slag/productgids' articleSection: 'Je eerste pagina bouwen' - '@type': WebPage '@id': 'https://dxpr.com/nl/hc/documentatie/dxpr-builder-leren/aan-de-slag/productgids' description: |- Maak een korte rondleiding door DXPR Builder en zie waar DXPR Theme past. Je opent de elementenkiezer, bouwt één gestileerde sectie en bekijkt een voorbeeld. De rest van deze pagina toont wat elk product toevoegt, zodat je kunt kiezen tussen de builder alleen, de builder met DXPR Theme, of DXPR CMS met beide. De video geeft een rondleiding door DXPR Builder op een nieuwe, lege pagina en bouwt één sectie. breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Home item: 'https://dxpr.com/nl' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: nl --- [Helpcentrum](/nl/hc)/[Documentatie](/nl/hc/documentatie) /[DXPR Builder leren](/nl/hc/documentation/learn-dxpr-builder) /[Begin hier](/nl/hc/documentation/learn-dxpr-builder/start-here) /[Je eerste pagina bouwen](/nl/hc/documentation/learn-dxpr-builder/start-here/first-steps) # Rondleiding door DXPR Builder en je setup kiezen. DXPR Builder lerenBegin hierJe eerste pagina bouwen ## In deze gids Gerelateerde gidsen - [Je eerste pagina](/nl/hc/documentatie/dxpr-builder-leren/aan-de-slag/eerste-pagina) - [Wie gebruikt DXPR Builder](/nl/hc/documentatie/dxpr-builder-leren/begin-hier/wie-gebruikt-het) Maak een korte rondleiding door DXPR Builder en zie waar DXPR Theme past. Je opent de elementenkiezer, bouwt één gestileerde sectie en bekijkt een voorbeeld. De rest van deze pagina toont wat elk product toevoegt, zodat je kunt kiezen tussen de builder alleen, de builder met DXPR Theme, of DXPR CMS met beide. De video geeft een rondleiding door DXPR Builder op een nieuwe, lege pagina en bouwt één sectie. ## Rondleiding door de editor Begin op een opgeslagen, lege pagina van een inhoudstype dat de builder toont. 1. Klik op **Add Elements** om de elementenkiezer te openen. 2. Bekijk zijn tabbladen: **Inhoud**, **Drupal-blokken**, **Drupal-views**, **Opgeslagen sjablonen** en **Lay-out**. 3. Kies **Sectie** op het tabblad **Lay-out**. 4. Beweeg over de sectie, open **More**, kies **Instellingen** en kies een **Achtergrond** in het paneel **Stijl**. 5. Klik op **+** op de sectie om een **Rij** toe te voegen, voeg dan een **Knop** en **Tekst** toe aan zijn kolommen. Kies een **Letterkleur** voor de tekst in zijn paneel **Stijl**. 6. Klik op **Opslaan** in de werkbalk, open dan het weergavemenu en kies **Voorbeeld**. ## Wat je ziet In **Voorbeeld** toont een lichtgrijze sectie twee kolommen. De linker heeft een kop, een regel tekst en een knop **Meer weten**; de rechter heeft een paarse kop en zijn tekst. Voorbeeld verbergt de besturingsbalken en plusknoppen, dus je ziet de pagina zoals bezoekers hem zien. ## Wat elk product toevoegt **DXPR Builder** is de Drupal-module waarmee je net een rondleiding hebt gemaakt. Hij werkt met elk thema en voegt toe: - 22 inhoudselementen en 6 lay-outelementen - Bewerken op de pagina zelf, met een voorbeeld - AI-tekst, pagina-aanmaak en afbeeldingen, met de AI-modules geïnstalleerd - Herbruikbare paginasjablonen en gebruikerssjablonen - Gebruikersprofielen die bepalen wat elke rol kan gebruiken - Drupal-blokken en views in je lay-outs **DXPR Theme** is een Bootstrap 5-thema van DXPR. Het voegt instellingen toe voor kleuren, lettertypen, de header en de paginalay-out, en het past zich aan aan telefoons en tablets. Het heeft geen eigen productsleutel nodig. | | DXPR Builder met een ander thema | DXPR Builder met DXPR Theme | |---|---|---| | Bootstrap 5 | Uit je thema, of **Bestanden van Bootstrap bijladen** op **Bootstrap 5** | Geleverd door het thema | | Kleurenstalen in de builder | Het palet van je thema, als het er een definieert | Het kleurenpalet van DXPR Theme | | Vloeiend scrollen onder een vaste header | Stel **Scrollverschuivingskiezer** in op je header | Werkt zoals geïnstalleerd | | Productsleutel | Nodig | Alleen nodig voor DXPR Builder | Beide instellingen staan op de pagina **Algemene instellingen** van DXPR Builder, onder **Bootstrap** en **Geavanceerde instellingen**. ## Kies je setup | Ik wil ... | Gebruik | Nodig | |---|---|---| | een nieuwe site starten met alles ingesteld | [DXPR CMS](/nl/hc/documentation/learn-dxpr-builder/getting-started/installing-dxpr-cms) | Een nieuwe Drupal 11-site | | visueel paginabouwen toevoegen aan een site die ik al beheer | [DXPR Builder alleen](/nl/hc/documentation/learn-dxpr-builder/getting-started/installation) | Bootstrap 5 uit het thema of de bijlaadinstelling | | de builder afstemmen op een aangepast thema | DXPR Builder plus [Theming](/nl/hc/documentatie/dxpr-builder-leren/ontwikkeling/themen) | Een ontwikkelaar | Inhoudsmarketeers die vers starten halen het meest uit DXPR CMS: beide producten en demopagina's komen gebruiksklaar aan. Webmasters met een bestaande site voegen DXPR Builder toe en behouden hun thema. ## Als je de elementenkiezer niet ziet - **De lege pagina toont “Kies een sjabloon” maar geen knop Add Elements.** **Enable page creation assistant** staat uit op `/admin/dxpr_studio/dxpr_builder/ai_settings`. Klik op **+** op de builder-werkbalk om de kiezer te openen. - **Knoppen en kolommen zien er ongestijld uit.** Je thema laadt Bootstrap 5 niet. Zet **Bestanden van Bootstrap bijladen** op **Bootstrap 5** onder **Bootstrap** op `/admin/dxpr_studio/dxpr_builder/settings`. - **De kleurkiezer toont geen stalen.** Je thema definieert geen kleurenpalet. Kies de kleur in de kiezer zelf, of gebruik een thema met een palet, zoals DXPR Theme. ## Wat nu? - [Je eerste pagina bouwen](/nl/hc/documentatie/dxpr-builder-leren/aan-de-slag/eerste-pagina): een volledige pagina, stap voor stap. - [Wie DXPR Builder gebruikt](/nl/hc/documentatie/dxpr-builder-leren/begin-hier/wie-gebruikt-het): wat marketeers, webmasters en ontwikkelaars er elk mee doen.