齿轮编辑器菜单为什么有这么多选项？

[denvergeeks]

我也遇到了同样的问题。

在提供用于设置编辑器按钮布局的 UI 之前，@awesomerobot 提供了一些 CSS 示例来重新排列它们，并且确实有效。

谢谢 Kris！！！

要重新排列按钮，可以将此 CSS 添加到您的主题中：

.d-editor-button-bar {
  button:nth-of-type(n+7) { // 顺序为第 8 个的按钮，以及齿轮下拉菜单
    order: 2;
  }

  button.upload { // 将上传按钮放在上述元素之前
    order: 1;
  }
}

它的作用是：

默认情况下，order 设置为 0。

将 order: 2 添加到第 8 个按钮及其之后的所有元素意味着它们将放置在 order 值较低的任何元素之后。由于它们都具有相同的 order 值，因此它们将回退到 HTML 中出现的顺序。

添加 order: 1 会将上传按钮放在 order: 2 的所有元素之前，以及默认 order: 0 的所有元素之后。因此，这会将其放在图块按钮的左侧，而不是右侧。

Kris 还建议最好将此添加为主题组件，这样它就可以与您当前的主题分开。

如何做到：

1. 转到 admin\u003ecustomize\u003ethemes，然后单击 new
2. 将其命名为“Tiles button order”，从下拉列表中选择“component”，然后单击 create
3. 然后您可以单击 Edit CSS/HTML，将上面的 CSS 复制并粘贴到 common \u003e css 中

现在组件已创建，您需要将其添加到当前主题中。

1. 返回上一页，然后从组件选项卡切换到主题选项卡
2. 选择当前活动的主题（它会有一个绿色的勾号）
3. 在此主题设置中，有一个 Theme Components 部分，从下拉列表中找到新组件，然后单击“add”
4. 现在当您返回论坛主页并刷新时，它应该已激活。

来自 Tiles Image Gallery - #66 by awesomerobot
和 Tiles Image Gallery - #68 by awesomerobot