---
url: 'https://dxpr.com/de/hc/dokumentation/dxpr-theme-lernen/low-code-theme-anpassung/dxpr-theme-auf-bestehender-website-installieren'
title: 'DXPR Theme auf einer bestehenden Website installieren | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T08:30:33+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: "\_"
tags:
  - 'Low-code theme customization'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T08:30:33+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'DXPR Theme auf einer bestehenden Website installieren'
      description: "\_"
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T08:30:33+0000'
      dateModified: '2026-10-24T08:30:33+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/de/hc/dokumentation/dxpr-theme-lernen/low-code-theme-anpassung/dxpr-theme-auf-bestehender-website-installieren'
      articleSection: Low-Code-Theme-Anpassung
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/de/hc/dokumentation/dxpr-theme-lernen/low-code-theme-anpassung/dxpr-theme-auf-bestehender-website-installieren'
      description: "\_"
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Startseite
            item: 'https://dxpr.com/de'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: de
---
[Hilfe-Center](/de/hc)/[Dokumentation](/de/hc/dokumentation) /[DXPR Theme lernen](/de/hc/documentation/learn-dxpr-theme) /[Low-Code-Theme-Anpassung](/de/hc/documentation/learn-dxpr-theme/low-code-theme-customization) # DXPR Theme auf einer bestehenden Website installieren.

 DXPR Theme lernenLow-Code-Theme-Anpassung

   ## In diesem Leitfaden

Wenn Sie auf einer bestehenden Drupal-10-Website ein neues Theme installieren, bedenken Sie vor der Entscheidung die Größe Ihrer Site und die Menge Ihrer Inhalte: ob Sie ein neues Theme hinzufügen und Ihre Inhalte und das Ansichts-Layout neu ordnen oder mit einer neuen [DXPR Marketing CMS](https://www.drupal.org/project/dxpr_marketing_cms)-Demoinstallation neu beginnen.

Um DXPR Theme auf Ihrer Drupal-10-Site zu installieren, folgen Sie diesen Schritten:

1. Laden Sie die neueste Version des [**Bootstrap-5**](http://www.drupal.org/project/bootstrap5)-Basethemes für Drupal 10 von Drupal.org herunter und legen Sie es in Ihren Theme-Ordner (z. B. /themes/contrib/bootstrap5).
2. Laden Sie das [**DXPR Theme**](https://www.drupal.org/project/dxpr_theme), das [**DXPR-Theme-Helper-Modul**](https://www.drupal.org/project/dxpr_theme_helper) und das [**Color-Modul**](https://www.drupal.org/project/color) von Drupal.org herunter.
3. Legen Sie das Theme in den Theme-Ordner und das Helper-Modul in den Modul-Ordner (z. B. /modules/contrib/dxpr\_helper).
4. Gehen Sie in Ihrer Drupal-Site zu **Verwaltung > Darstellung** und aktivieren Sie das DXPR Theme.
5. Legen Sie DXPR Theme als Standard-Theme fest und deaktivieren Sie Ihr altes Theme.
6. Gehen Sie zu **Verwaltung > Erweitern** und aktivieren Sie das DXPR-Theme-Helper-Modul. Dieses Modul stellt DXPR-Designwerkzeuge als Feldsammlung bereit, um das Theming einzelner Seiten anzupassen, und liefert einen Vollbild-Suchblock.
7. Gehen Sie zu **Verwaltung > DXPR Studio > DXPR Theme > Theme-Einstellungen**, um Ihr DXPR Theme anzupassen.
8. Gehen Sie zu **Verwaltung > Struktur > Block-Layout** und verschieben Sie Blöcke in die korrekten Regionen.