ギアエディターメニューのオプションが多すぎるのはなぜ？

[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. 前のページに戻り、コンポーネントタブからテーマタブに切り替えます。
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…

および Tiles Image Gallery - #68 by awesomerobot より