Gibt es eine Liste von WordPress-CSS-IDs / -Klassen, mit denen ich Plugin-Optionsbildschirme erstellen kann, die eher wie eine normale WordPress-Optionsseite aussehen und sich anfühlen? Ich habe einige durch Zufall gefunden, aber es wäre schön gewesen, eine Liste zu haben.
Ein Beispiel ist diese Klasse: button-primary Damit sieht eine Schaltfläche folgendermaßen aus:
Antworten:
Wir arbeiten an der Aktualisierung von http://dotorgstyleguide.wordpress.com/ , um mehr von diesen Informationen zu erhalten und die Stilaktualisierungen von 3.2 wiederzugeben.
Abgesehen davon habe ich ein Plugin gesehen (das ich derzeit nicht finden kann), das eine Art Demo-Seite zeigt, auf der die verschiedenen CSS-Selektoren und deren Aussehen angezeigt werden, aber ich glaube, es war veraltet. Abgesehen davon ist es möglicherweise die beste Option, Firebug / Web Inspector zu starten und sich die Datei wp-admin / css / wp-admin.dev.css anzuschauen.
quelle
Installieren Sie dieses Plugin und Sie sehen alle Elemente, Klassen und IDs https://github.com/bueltge/WordPress-Admin-Style
quelle
* Hinweis: Für Frontend-Seite - Hier ist die Liste, die ich nach viel F & E in WordPress-Standard-CSS-Stilen extrahiert habe. Ich habe mein Bestes getan, um alles zu recherchieren und so genau wie möglich zu organisieren. Wenn Sie etwas vermisst oder unvollständig sehen, schreiben Sie bitte in die Kommentare. Ich hoffe, es könnte Ihnen helfen, Ihre gewünschten Plugins und Themes zu entwickeln *
quelle
Das WordPress-Backend hat "body" -Klassen generiert. Ich habe diese Dokumente nirgendwo explizit dokumentiert gesehen (obwohl ich sie hätte übersehen können). Sie können sie sehen und wie sie in der
admin-header.php
Quelle generiert werden.Die generierten Klassen sind den Frontend-Klassen sehr ähnlich:
quelle
Ich bin auf diese Frage gekommen, weil ich mit add_menu_page () eine benutzerdefinierte Administrationsseite erstellt habe . Sie werden Ihren Inhalt zwischen setzen wollen
Dadurch wird das standardmäßige WordPress-Admin-Backend-CSS aktiviert, sodass Ihre benutzerdefinierte Admin-Seite normal aussieht. Andere Divs würden in diesem Fall automatisch von WordPress behandelt.
quelle
Hier ist ein weiterer interessanter Artikel , in dem alle verfügbaren CSS-Klassen / HTML-Markups aufgelistet werden, die für die Gestaltung einer Administrationsseite verwendet werden können. Die Artikel sind etwas veraltet, da sie Styling-Ergebnisse aus älteren Versionen von WordPress zeigen, so dass wahrscheinlich seitdem zusätzliche Klassen hinzugefügt wurden.
Eine weitere nützliche Ressource sind die WordPress- Dashicons .
Allerdings muss ich @ bueltge zu seinem exzellenten Plugin gratulieren, das eine hervorragende Arbeit leistet und eine aktualisierte Referenz der Admin-Stile enthält.
quelle