Warum so viele Optionen im Ausrüstungseditor-Menü?

[denvergeeks]

Ich habe das gleiche Problem.

Bis/wann/falls es eine Benutzeroberfläche gibt, die mehr Optionen für das Layout der Composer-/Editor-Schaltflächen bietet, hat @awesomerobot einige CSS-Beispiele zum Neuanordnen bereitgestellt, und es funktioniert.

Danke Kris!!!

Um die Schaltflächen neu anzuordnen, kann dieses CSS zu Ihrem Theme hinzugefügt werden:

.d-editor-button-bar {
  button:nth-of-type(n+7) { // Schaltfläche, die an 8. Stelle steht, und das Zahnrad-Dropdown
    order: 2;
  }

  button.upload { // Lade-Schaltfläche vor den obigen Elementen platzieren
    order: 1;
  }
}

Was das bewirkt:

Standardmäßig ist order auf 0 gesetzt.

Das Hinzufügen von order: 2 zur 8. Schaltfläche und allen nachfolgenden Elementen bedeutet, dass sie nach allem mit einer niedrigeren order platziert werden. Da sie alle den gleichen order-Wert haben, fallen sie auf die Reihenfolge zurück, in der sie im HTML erscheinen.

Das Hinzufügen von order: 1 platziert die Lade-Schaltfläche vor allem mit order: 2 und nach allem mit dem Standard order: 0. Dies platziert sie also links von der Kachel-Schaltfläche anstatt rechts.

Kris schlägt auch vor, dass es am besten wäre, dies als Theme-Komponente hinzuzufügen, damit es von Ihrem aktuellen Theme getrennt ist.

So geht’s:

1. Gehen Sie zu admin\u003ecustomize\u003ethemes und klicken Sie dann auf new
2. Nennen Sie es etwas wie “Tiles button order”, wählen Sie “component” aus dem Dropdown-Menü und klicken Sie auf “create”
3. Dann können Sie auf Edit CSS/HTML klicken, das obige CSS in common \u003e css kopieren und einfügen

Jetzt ist die Komponente erstellt und Sie müssen sie zu Ihrem aktuellen Theme hinzufügen

1. Gehen Sie zurück zur vorherigen Seite, wechseln Sie dann vom Reiter “Components” zum Reiter “Themes”
2. Wählen Sie Ihr aktuell aktives Theme (es hat ein grünes Häkchen)
3. Innerhalb der Theme-Einstellungen gibt es einen Abschnitt “Theme Components”. Finden Sie Ihre neue Komponente im Dropdown-Menü und klicken Sie dann auf “add”
4. Wenn Sie jetzt zu Ihrer Foren-Homepage zurückkehren und aktualisieren, sollte sie aktiv sein.

Von Tiles Image Gallery - #66 by awesomerobot
und Tiles Image Gallery - #68 by awesomerobot