---
url: 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-theme/low-code-theme-customization/installing-dxpr-theme-existing-site'
title: '在现有网站上安装 DXPR Theme | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T08:17:40+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: "\_在现有的 Drupal 10 网站上安装新主题时，请先考虑网站的规模和内容量，再决定是添加新主题并重新组织内容和视图布局，还是用全新的DXPR Marketing CMS演示安装从头开始。要在 Drupal 10 网站上安装 DXPR Theme，请按以下步骤操作："
tags:
  - 'Thema aanpassen met low-code'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T08:17:40+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: '在现有网站上安装 DXPR Theme'
      description: "\_在现有的 Drupal 10 网站上安装新主题时，请先考虑网站的规模和内容量，再决定是添加新主题并重新组织内容和视图布局，还是用全新的DXPR Marketing CMS演示安装从头开始。要在 Drupal 10 网站上安装 DXPR Theme，请按以下步骤操作："
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T08:17:40+0000'
      dateModified: '2026-10-24T08:17:40+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/zh-hans/hc/documentation/learn-dxpr-theme/low-code-theme-customization/installing-dxpr-theme-existing-site'
      articleSection: 'Thema aanpassen met low-code'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-theme/low-code-theme-customization/installing-dxpr-theme-existing-site'
      description: "\_在现有的 Drupal 10 网站上安装新主题时，请先考虑网站的规模和内容量，再决定是添加新主题并重新组织内容和视图布局，还是用全新的DXPR Marketing CMS演示安装从头开始。要在 Drupal 10 网站上安装 DXPR Theme，请按以下步骤操作："
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: 首页
            item: 'https://dxpr.com/zh-hans'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: zh-hans
---
[Help Center](/zh-hans/node/75)/[Documentation](/zh-hans/hc/documentation) /[Learn DXPR Theme](/hc/documentation/learn-dxpr-theme) /[Thema aanpassen met low-code](/hc/documentation/learn-dxpr-theme/thema-aanpassen-met-low-code) # 在现有网站上安装 DXPR Theme.

 Learn DXPR ThemeThema aanpassen met low-code

   ## In this guide

在现有的 Drupal 10 网站上安装新主题时，请先考虑网站的规模和内容量，再决定是添加新主题并重新组织内容和视图布局，还是用全新的[DXPR Marketing CMS](https://www.drupal.org/project/dxpr_marketing_cms)演示安装从头开始。

要在 Drupal 10 网站上安装 DXPR Theme，请按以下步骤操作：

1. 从 Drupal.org 下载适用于 Drupal 10 的最新版[**Bootstrap 5**](http://www.drupal.org/project/bootstrap5)基础主题，放到主题文件夹中（例如 /themes/contrib/bootstrap5）。
2. 从 Drupal.org 下载[**DXPR Theme**](https://www.drupal.org/project/dxpr_theme)、[**DXPR Helper module**](https://www.drupal.org/project/dxpr_theme_helper)和[**Color module**](https://www.drupal.org/project/color)。
3. 将主题放到主题文件夹，将辅助模块放到模块文件夹（例如 /modules/contrib/dxpr\_helper）。
4. 在 Drupal 网站中，进入**管理 > 外观**并启用 DXPR Theme。
5. 将 DXPR Theme 设为默认主题，并禁用旧主题。
6. 进入**管理 > 扩展**并启用 DXPR Theme Helper 模块。该模块以字段集合的形式提供 DXPR 设计工具，用于定制单个页面的主题，并提供全屏搜索区块。
7. 进入**管理 > DXPR Studio > DXPR Theme > 主题设置**以定制您的 DXPR Theme。
8. 进入**管理 > 结构 > 区块布局**，将区块移到正确的区域。