--- url: 'https://dxpr.com/nl/hc/documentation/learn-dxpr-builder/customization/utility-classes' title: 'Nutsklassen uitbreiden | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2023-11-06T06:18:49+00:00' updated: '2026-10-23T14:31:17+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article tags: - 'Match your brand' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-23T14:31:17+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Nutsklassen uitbreiden' description: '' image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2023-11-06T06:18:49+0000' dateModified: '2026-10-23T14:31:17+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/documentation/learn-dxpr-builder/customization/utility-classes' articleSection: 'Match your brand' - '@type': WebPage '@id': 'https://dxpr.com/nl/hc/documentation/learn-dxpr-builder/customization/utility-classes' description: '' 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 --- [Help Center](/nl/hc)/[Documentatie](/nl/hc/documentatie) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Manage the site](/hc/documentation/learn-dxpr-builder/manage) /[Match your brand](/hc/documentation/learn-dxpr-builder/customization) # Nutsklassen uitbreiden. Learn DXPR BuilderManage the siteMatch your brand ## In this guide Related guides - [Custom CSS](/hc/documentation/learn-dxpr-builder/customization/custom-css) - [Aanpassing van de teksteditor](/nl/hc/documentation/learn-dxpr-builder/customization/text-editor) - [Hooks API](/hc/documentation/learn-dxpr-builder/development/hooks-api) - [Drupal8+](#qeWkay) - [Drupal7](#jcUiMx) ## Utility-klasse in DXPR Builder (Drupal 8) ### Optie 1: Definieer klassen in een thema 1. Zoek eerst het **.info.yml-** bestand van uw thema. Uw infobestand kan zich bijvoorbeeld bevinden op **/XAMPP/HTDOCS/example\_site/themes/example\_theme/example\_theme.info.yml** 2. Open het **voorbeeld\_theme.info.yml** -bestand in een code-editor en voeg uw klasse toe aan het einde van het bestand in het onderstaande formaat: ``` dxpr_builder_classes: dxpr-theme-util-overlay-accent1: 'kleuroverlay: DXPR Accent1' dxpr-theme-util-your-class: 'klasselabel: uw klasse' ``` 3. Zorg ervoor dat u alle Drupal-caches wist nadat u het infobestand van uw thema heeft bijgewerkt. Dit kunt u doen door in de werkbalk bovenaan op **Configuratie** te drukken. Scroll naar beneden en zoek naar **Prestaties** . Wanneer u op de prestatiepagina bent, ziet u de optie om alle caches te wissen. ### Optie 2: Definieer klassen in een module 1. Als u geen aangepaste module heeft, kunt u dit doen door een nieuwe map te maken en deze de gewenste naam te geven, bijvoorbeeld **voorbeeld\_module** 2. De map wordt vervolgens in de directory **modules/example\_module** geplaatst 3. Vervolgens worden er twee bestanden gemaakt met behulp van een code-editor: 1. **voorbeeld\_module.info.yml** 2. **voorbeeld\_module.module** 4. Open **example\_module.info.yml** in een tekstlezer en voeg de regels toe ``` naam: Voorbeeld type: moduul pakket: op maat kern: 8.x ``` 5. Open uw voorbeeld\_module.module-bestand en voeg klassen toe met behulp van de opmaak in de onderstaande functie. Vervang in de onderstaande voorbeeldcode example\_module door de naam van uw module. ``` /** * Implementeert hook_dxpr_builder_classes_alter(). */ functie voorbeeld_module _dxpr_builder_classes_alter(&$dxpr_builder_classes) { $dxpr_builder_classes['optgroup-my-group'] = t('Mijn optiegroep'); $dxpr_builder_classes['mijn-klasse'] = t('Mijn label'); } ``` 6. Zorg ervoor dat u alle Drupal-caches wist nadat u het infobestand van uw thema heeft bijgewerkt. Dit kunt u doen door in de werkbalk bovenaan op **Configuratie** te drukken. Scroll naar beneden en zoek naar **Prestaties** . Wanneer u op de prestatiepagina bent, ziet u de optie om alle caches te wissen. ## Utility-klasse in DXPR Builder (Drupal 7) ### Optie 1: Definieer klassen in een thema 1. Zoek eerst het **.info-** bestand van uw thema. Uw infobestand kan zich bijvoorbeeld bevinden op **/XAMPP/HTDOCS/example\_site/sites/all/themes/example\_theme/example\_theme.info** 2. Open het **voorbeeld\_theme.info-** bestand in een code-editor en voeg uw klasse toe aan het einde van het bestand in het onderstaande formaat: ``` dxpr_builder_classes[uw-klasse] = Klasselabel ``` 3. Zorg ervoor dat u alle Drupal-caches wist nadat u het infobestand van uw thema heeft bijgewerkt. Dit kunt u doen door in de werkbalk bovenaan op **Configuratie** te drukken. Scroll naar beneden en zoek naar **Prestaties** . Wanneer u op de prestatiepagina bent, ziet u de optie om alle caches te wissen. ### Optie 2: Definieer klassen in een module 1. Als u geen aangepaste module heeft, kunt u dit doen door een nieuwe map te maken en deze de gewenste naam te geven, bijvoorbeeld **voorbeeld\_module** 2. De map wordt vervolgens in de map sites/all/modules/ **voorbeeld\_module** geplaatst 3. Vervolgens worden er twee bestanden gemaakt met behulp van een tekstlezer: 1. **voorbeeld\_module.info** 2. **voorbeeld\_module.module** 4. Open **example\_module.info** in een tekstlezer en voeg de regels toe ``` naam = Voorbeeld omschrijving = Voorbeeld van een module kern = 7.x ``` 5. Open uw voorbeeld\_module.module-bestand en voeg klassen toe met behulp van de opmaak in de onderstaande functie. Vervang in de onderstaande voorbeeldcode example\_module door de naam van uw module. ``` /** * Implementeert hook_dxpr_builder_classes_alter(). */ functie voorbeeld_module _dxpr_builder_classes_alter(&$dxpr_builder_classes) { $dxpr_builder_classes['optgroup-my-group'] = t('Mijn optiegroep'); $dxpr_builder_classes['mijn-klasse'] = t('Mijn label'); } ``` 6. Zorg ervoor dat u alle Drupal-caches wist nadat u het infobestand van uw thema heeft bijgewerkt. Dit kunt u doen door in de werkbalk bovenaan op **Configuratie** te drukken. Scroll naar beneden en zoek naar **Prestaties** . Wanneer u op de prestatiepagina bent, ziet u de optie om alle caches te wissen.