---
url: 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-builder/elements/link'
title: '添加链接 | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T13:51:04+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  让整组元素（如带标题和文本的卡片）一次点击打开一个页面。用于预告卡片、横幅和导航磁贴，整个区域都应可点击。

  添加链接
  登录后打开页面：悬停内容区即出现构建器控件。您的第一页介绍基础操作。
tags:
  - Marketing
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: 添加链接
      description: |-
        让整组元素（如带标题和文本的卡片）一次点击打开一个页面。用于预告卡片、横幅和导航磁贴，整个区域都应可点击。

        添加链接
        登录后打开页面：悬停内容区即出现构建器控件。您的第一页介绍基础操作。
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T13:51:04+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/zh-hans/hc/documentation/learn-dxpr-builder/elements/link'
      articleSection: 营销
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-builder/elements/link'
      description: |-
        让整组元素（如带标题和文本的卡片）一次点击打开一个页面。用于预告卡片、横幅和导航磁贴，整个区域都应可点击。

        添加链接
        登录后打开页面：悬停内容区即出现构建器控件。您的第一页介绍基础操作。
      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
---
[帮助中心](/zh-hans/node/75)/[文档](/zh-hans/hc/documentation) /[学习 DXPR Builder](/zh-hans/hc/documentation/learn-dxpr-builder) /[搭建页面](/zh-hans/hc/documentation/learn-dxpr-builder/build) /[添加内容](/zh-hans/hc/documentation/learn-dxpr-builder/elements) /[营销](/zh-hans/hc/documentation/learn-dxpr-builder/elements/marketing) # 添加链接.

 学习 DXPR Builder搭建页面添加内容营销

   ## 本指南内容

 相关指南

- [在样式面板中改变元素外观](/zh-hans/hc/documentation/learn-dxpr-builder/element-settings/style-tab)

让整组元素（如带标题和文本的卡片）一次点击打开一个页面。用于预告卡片、横幅和导航磁贴，整个区域都应可点击。

## 添加链接

登录后打开页面：悬停内容区即出现构建器控件。[您的第一页](/zh-hans/hc/documentation/learn-dxpr-builder/getting-started/first-page)介绍基础操作。

1. 悬停列，点击其控制栏中的 **+**；空白页面请点击 **Add Elements**。打开 **Content** 选项卡并点击 **Link**。它落在列顶部，设置对话框打开。
2. 在 **Link** 中输入目标 URL。
3. 在 **Link target** 中选择页面打开位置。这里选择 **New window**。
4. 打开同一对话框下方的 **SEO** 分区，输入 **Title attribute**，供屏幕阅读器和提示使用。
5. 点击对话框中的 **Save**。
6. 空链接显示 **+**。点击它并添加 **Card**，因为链接是容器。设置其 **Header** 和 **Title**，如[卡片](/zh-hans/hc/documentation/learn-dxpr-builder/elements/card)所述。
7. 点击卡片内的 **+**，添加 **Text** 并在其对话框中输入简短描述。点击该对话框中的 **Save**。再点击内容区顶部工具栏中的 **Save** 保存页面。

  ## 您会看到的内容

卡片及其文本现在组成一个链接：点击卡片任何位置打开您输入的页面。视频中它在新窗口打开年度报告。

要测试点击，请在工具栏的眼睛菜单中选择 **Preview**，或打开已保存的页面，点击卡片。保存并发布页面后访客可见。

## 设置您的链接

悬停元素，在其控制栏打开 **More > Settings**。选项：

- **Link:** 目标地址。输入 URL，或开始输入内容标题以选择站点页面。
- **Link target:** 页面打开位置：Same window 或 New window。
- **Title attribute:** 在 **SEO** 分区。浏览器显示为提示，部分屏幕阅读器朗读。
- **Tell search engines not to follow:** 在 **SEO** 分区。添加 `rel="nofollow"`，搜索引擎不跟踪该链接。

链接是容器。在其中添加或拖入图片、文本或卡片，让它们成为一个可点击整体。

## 如果看不到它

- **Content 选项卡中没有 Link。** 您的用户档案隐藏了它。请管理员到[用户档案](/zh-hans/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin)启用。
- **重新加载后消失。** 页面未保存。请重新添加并点击内容区顶部工具栏中的 **Save**。
- **点击区域没反应。**原因是 **Link** 字段为空。请悬停元素打开 **More > Settings**，输入 URL 或选择页面。
- **只有部分内容可点击。** 卡片加在链接旁边而非内部。请把卡片拖入链接。
- **没有 Link target 选项。** **Link** 有值之前保持隐藏。请先输入 URL，再选择打开位置。

## 接下来做什么？

[样式选项卡](/zh-hans/hc/documentation/learn-dxpr-builder/element-settings/style-tab)：改变链接的间距和背景。