Почему так много вариантов в меню редактора снаряжения?

[denvergeeks]

У меня та же проблема.

Пока/когда/если появится интерфейс для предоставления дополнительных вариантов макета кнопок композера или редактора, @awesomerobot предоставил несколько примеров CSS для их перестановки, и это работает.

Спасибо, Крис !!!

Чтобы переставить кнопки, этот 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 по умолчанию. Таким образом, она оказывается слева от кнопки плиток, а не справа.

Крис также предлагает, что лучше всего добавить это как компонент темы, чтобы он был отделён от вашей текущей темы.

Как это сделать:

1. перейдите в admin>customize>themes, затем нажмите new
2. дайте ему имя, например «Tiles button order», выберите «component» из выпадающего списка и нажмите «create»
3. Затем вы можете нажать Edit CSS/HTML, скопировать и вставить CSS выше в раздел common > css

Теперь компонент создан, и его нужно добавить в вашу текущую тему:

1. вернитесь на предыдущую страницу, затем переключитесь с вкладки компонентов на вкладку тем
2. выберите вашу активную тему (она будет отмечена зелёной галочкой)
3. в настройках темы найдите раздел Theme Components, выберите ваш новый компонент из выпадающего списка и нажмите «add»
4. Теперь, когда вы вернётесь на главную страницу форума и обновите страницу, компонент должен быть активен.

Из Tiles Image Gallery - #66 by awesomerobot
и Tiles Image Gallery - #68 by awesomerobot