장비 편집기 메뉴에 왜 이렇게 많은 옵션이 있나요?

[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으로 설정되어 있습니다.

8번째 버튼과 그 이후의 모든 요소에 order: 2를 추가하면, 더 낮은 order 값을 가진 요소들 뒤에 배치됩니다. 모두 동일한 order 값을 공유하므로, HTML에서의 등장 순서에 따라 정렬됩니다.

order: 1을 추가하면 업로드 버튼은 order: 2인 모든 요소보다 앞에, 기본 order: 0인 모든 요소보다 뒤에 배치됩니다. 즉, 타일 버튼의 오른쪽이 아니라 왼쪽에 위치하게 됩니다.

Kris 님은 이것이 현재 테마와 분리되도록 테마 컴포넌트로 추가하는 것이 가장 좋을 것이라고 제안합니다.

방법은 다음과 같습니다:

1. admin>customize>themes로 이동한 후 new를 클릭합니다.
2. "Tiles button order"와 같은 이름을 붙이고, 드롭다운에서 "component"를 선택한 후 create를 클릭합니다.
3. 그런 다음 Edit CSS/HTML을 클릭하고, 위의 CSS를 common > css에 복사하여 붙여넣습니다.

이제 컴포넌트가 생성되었으므로, 현재 테마에 추가해야 합니다.

1. 이전 페이지로 돌아가서 components 탭에서 themes 탭으로 전환합니다.
2. 현재 활성 테마를 선택합니다(초록색 체크 표시가 있을 것입니다).
3. 여기의 테마 설정에서 Theme Components 섹션을 찾아, 드롭다운에서 새로 만든 컴포넌트를 찾은 후 "add"를 클릭합니다.
4. 이제 포럼 홈페이지로 돌아와 새로고침하면 활성화되어 있을 것입니다.

Tiles Image Gallery

We already moved the toolbar to flexbox when we redid the composer — so @Caroline_Early, to rearrange the buttons this CSS can be added to your theme: .d-editor-button-bar { button:nth-of-type(n+7), div:nth-of-type(n+2) { // Tiles button, divider, and gear dropdown order: 2; } button.upload { // Place upload button before above elements order: 1; } } What this is doing: By default order is set to 0. Adding order: 2 to the tile button and all elements after it mea…

및 https://meta.discourse.org/t/tiles-image-gallery/81950/68에서 가져왔습니다.