使用元素的 More 菜单.

学习 DXPR Builder搭建页面编辑页面

每个元素、列、行和版块都有一个 More 按钮,即其控制栏上的三个点。 其菜单包含您在该页面部分最常用的操作。在此您将了解每个条目的作用及其出现的位置。本例 将一个按钮移到其文本下方,然后复制一个版块并粘贴。

添加标题和按钮

  1. 在空内容区点击 Add Elements, 然后从 Layout 选项卡选择 Section。
  2. 点击版块上的 +,从 Content 选项卡选择 Text。输入标题, 将其设为 Heading 2,添加一行,然后点击 Save。
  3. 再次点击版块上的 +,选择 Button;它落在文本上方。输入 Title,设置 Link,将 Type 保持为 Primary,然后点击 Save。

移动元素

  1. 将鼠标悬停在按钮上:其控制栏出现, 带有 More 按钮。
  2. 点击 More 打开菜单。
  3. 选择 Move Down:按钮与其下方的文本交换位置。

复制并粘贴版块

  1. 悬停在版块上:其控制栏有相同的 More 按钮。
  2. 点击 More,选择 Copy。
  3. 再次点击该版块上的 More,选择 Paste。复本进入版块内部的顶部, 因此其内容现在显示两次。
  4. 点击 Save。

要在第一个版块之后放置第二个版块, 请改为在该版块上选择 Clone;请参阅 使用 Clone 复制元素。

所有操作

您看到哪些条目取决于悬停的位置。 每个条目右侧都显示其键盘快捷键;请参阅 键盘快捷键。

某按钮的 More 菜单在其控制栏下方打开,每个条目都带有键盘快捷键徽章,从 Settings Enter 到 Delete Backspace,以及 A/B testing 下的 Create variant

操作 作用 显示于
Settings 打开设置对话框 所有位置
Edit with AI 为该页面部分打开 AI 提示词 除 Drupal 区块和视图外的所有位置,需已设置 AI
Copy 将副本放入剪贴板 除列外的所有位置
Cut 将其移除并放入剪贴板 不包含其他元素的元素;不适用于版块、行、列、Tabs、Collapse panel、Carousel、卡片、面板、巨幕、链接、Positioned layers 或其组成部分
Paste 将剪贴板内容插入内部顶部 版块、列、单个选项卡、轮播幻灯片、Collapse panel 开关、卡片、面板、巨幕、链接和 Positioned layers
Clone 在其后紧接着放置一个复本;请参阅 Clone 除列和轮播幻灯片外的所有位置
Move Up, Move Down 与上方或下方的相邻项交换位置 该侧有相邻项的任何位置,列除外
Edit View 在新标签页的 Views 编辑器中打开视图 Drupal 视图
Save as template 将其存为模板,供其他页面使用 所有位置
Show in layers panel 打开 Layers panel 并选中该项 所有位置
Delete 立即移除,不经确认 除列外的所有位置
Create variant 对其启动 A/B 测试 A/B 测试可用时

您会看到的内容

执行 Move Down 后,按钮位于文本下方。 粘贴后,标题和按钮在版块内显示两次。在 Preview 中您看到的是 不带控制栏的页面,与访问者看到的一致。

如果您没有看到 More 按钮

  • 悬停时没有出现控制栏。页面处于 Preview 模式。请点击 DXPR 工具栏上的眼睛图标, 选择 Edit。
  • 控制栏属于页面上错误的部分。悬停显示的是指针下方最内层项目的控制栏。 请移到列、行或版块的边缘,或使用 Show in layers panel;请参阅 选择元素。
  • 没有 Paste 条目。只有容纳元素的部分才有:版块、列、单个选项卡、 轮播幻灯片、Collapse panel 开关、卡片、面板、巨幕、链接和 Positioned layers。行、Tabs、Collapse panel 和 Carousel 没有。 选中一个元素,按 Ctrl+V(在 Mac 上按 Cmd+V)粘贴到其后。
  • 没有 Cut 条目。容纳其他元素的部分无法剪切:版块、行、列、 Tabs、Collapse panel、Carousel、卡片、面板、巨幕、链接和 Positioned layers。请使用 Copy,或将其拖到新位置。
  • 删除了错误的项目。Delete 不会事先确认。 请按 Ctrl+Z(在 Mac 上按 Cmd+Z)将其恢复。

接下来做什么?