Zur Datei functions.php hinzufügen
add_action('admin_head', 'my_custom_fonts');
function my_custom_fonts() {
echo '<style>
body, td, textarea, input, select {
font-family: "Lucida Grande";
font-size: 12px;
}
</style>';
}Benutzerdefiniertes CSS auf den Admin-Bereich anwenden
Chris Coyier am
Es muss in den Theme-Funktionen sein?
Yep.
Klasse! Genau das, was ich brauche. ;)
Das ist meine Meinung.
verdammt cool und klar
Hallo,
Haben Sie versucht, mit einer externen CSS-Datei zu testen, wie z.B.
Vielleicht wäre es praktischer.
Danke aus Frankreich (Entschuldigung für mein schlechtes Englisch) für Ihre guten Ressourcen
Hallo, wo füge ich diesen Code ein? function.php? Aber welche function.php? Bitte senden Sie mir den Pfad dieser Datei, Danke
Ich stimme NicoGaudin zu. Es wäre gut zu wissen, ob dies mit einem externen Stylesheet anstelle von eingebetteten Stilen funktionieren würde.
Ja! Ich werde es versuchen.. das ist es, was ich brauche..
Hat jemand jemals herausgefunden, ob das mit externen Stylesheets funktioniert?
@Blaine. Verwenden Sie stattdessen wp_enqueue_style() für Stylesheets. Die obige Methode würde funktionieren, aber Sie hätten weniger Kontrolle darüber, wo sie im HTML erscheint.
Ich habe es gerade mit einem externen Stylesheet ausprobiert. Ich habe es mit dem folgenden Code in der functions.php-Datei zum Laufen gebracht
Ausgezeichneter Code-Schnipsel! Hat mein Problem sofort gelöst (ich brauchte nur eine einzige Zeile zu meinem Admin-CSS hinzuzufügen und wollte nicht an den Kerndateien herumfummeln).
Ein Freund hat einen schönen Blogartikel über die Anpassung des Editors geschrieben, falls mehr fortgeschrittene Kontrolle benötigt wird: Wie man den WordPress-Editor wie die Website aussehen lässt
Schreiben Sie diesen Code in Ihre functions.php-Datei und erstellen Sie eine neue Datei mit dem Namen admin_section.css in Ihrem css-Ordner und fügen Sie Regeln zu dieser Datei hinzu und genießen Sie. Alles erledigt.
function my_custom_fonts() {
wp_enqueue_style(‘admin_styles’ , get_template_directory_uri().’/css/admin_section.css’);
}
add_action(‘admin_head’, ‘my_custom_fonts’);
function my_custom_fonts() {
wp_enqueue_style(‘admin_styles’ , get_template_directory_uri().’/css/style.css’);
}
add_action(‘admin_head’, ‘my_custom_fonts’);
Externe Referenz hat perfekt funktioniert, danke.
Ich suche genau nach dieser Art von Tutorials. Ich mag die Standardschriftart des WordPress-Dashboards nicht.
Hallo…
Danke für diesen Beitrag. Ich habe eine neue, andere benutzerdefinierte Admin-Seite im WordPress-Dashboard mit der Änderung und Bearbeitung des Sweet Custom Dashboard Plugins erstellt, aber diese Seite ist nur einfacher Text...
Wie schreibe ich ein externes CSS und verwende es für diese Seite?
Entschuldigen Sie mein Englisch...
Vielen Dank
Dies wäre ein wesentlich effizienterer und standardmäßigerer Weg, Admin-Stile hinzuzufügen
Wenn Sie functions.php verwenden möchten, tun Sie dies
Und wenn Sie ein Plugin verwenden möchten, verwenden Sie dieses
Das ist der richtige Weg, es zu tun. Gute Arbeit, Sir
Vielen Dank für Ihren Schnipsel CapitalH.
Denken Sie daran,
get_stylesheet_directory_uri()anstelle vonget_template_directory_uri()zu verwenden, wenn es sich um ein Kind-Theme handelt.Danke CapitalH und Matt!
get_template_directory_uri() funktioniert im Falle eines Kind-Themes nicht. Sie müssen stattdessen get_stylesheet_directory_uri() verwenden
Captains H Beispiel ist großartig, aber ich dachte, ich würde noch ein paar Details hinzufügen für diejenigen, die mehr Details wünschen.
/** * Define a version number * This is optional but useful to circumvent caching issues * * There are more creative ways to get the version * eg: if you get the version of the current theme and use that * you'll never have to update the enque stuff manually * so long as you update your theme version (but the version * might be wrong if you're using a js or css library) * */ $ver = '1.1.1'; /** * Define the base url for the file * In the 'active example below, it's assumed the files are in * the child-theme folder * * Other examples: * * $base_url = get_template_directory_uri(); * If files are in the theme folder * * $base_url = plugin_dir_url( __FILE__ ); * If you're loading the files in a plguin * I dont recommend you mess with plugin folders unless * it's one you built yourself * */ $base_url = get_stylesheet_directory_uri(); // /** * Enqueue and register Admin JavaScript files here. * more at https://codex.wordpress.org/Function_Reference/wp_enqueue_script */ $js_dependancies = array( 'jquery' ); // OPTIONAL - jquery is just an example of an average js library you might need function register_admin_scripts() { wp_enqueue_script( 'solution-hotspots', $base_url . '/your-path/your-js-file.js', $js_dependancies, $ver ); } /** * Enqueue and register CSS files here. * more at https://codex.wordpress.org/Function_Reference/wp_enqueue_style */ $css_dependancies = array(); function register_admin_styles() { wp_enqueue_style( 'style-name', $base_url . '/your-path/your-css-file.css', $css_dependancies, $ver ); } /** * Make sure to spit it out! */ add_action( 'admin_enqueue_scripts', 'register_admin_scripts' ); add_action( 'admin_enqueue_scripts', 'register_admin_styles' );Das ist der richtige Ansatz. Vielen Dank.
Ich habe das versucht, aber es funktioniert nur im Dashboard-Bereich, nicht im Posts-Bereich. Irgendeine Idee?
Hallo Alex,
Versuchen Sie es damit, dann funktioniert es im Front- und Backend.
function change_adminbar_css() { wp_register_style( 'add-admin-stylesheet', plugins_url( '/css/adminstyle.css', __FILE__ ) ); wp_enqueue_style( 'add-admin-stylesheet' ); } add_action( 'admin_enqueue_scripts', 'change_adminbar_css' ); if (is_admin) { add_action( 'wp_enqueue_scripts', 'change_adminbar_css' ); }Es funktioniert, danke BackuPs.
Hallo Alex,
Ich glaube, ich habe den Code mit einem Tippfehler eingefügt. Die if-Anweisung sollte !is_admin() überprüfen. Machen Sie es also so.
function change_adminbar_css() { wp_register_style( 'add-admin-stylesheet', plugins_url( '/css/adminstyle.css', __FILE__ ) ); wp_enqueue_style( 'add-admin-stylesheet' ); } add_action( 'admin_enqueue_scripts', 'change_adminbar_css' ); if (!is_admin) { add_action( 'wp_enqueue_scripts', 'change_adminbar_css' ); }Danke für das Teilen, es hilft mir wirklich, ich habe das gesucht, um etwas im Adminbereich zu ändern. Schöner Schnipsel
Ich bin im Multisite-Modus und das funktioniert für den Hauptblog, aber nicht für die Sub-Blogs. Irgendwelche Ideen?
Nun, Sie müssen sie für jedes Sub-Blog-Theme definieren, richtig? ... es sei denn, alle Sub-Blogs haben das gleiche Theme.
Hallo
Ich benutze es in einem Plugin (siehe mein Beispiel) und es funktioniert auf jedem Sub-Blog im wpms. Der Stil wird aus einem Unterordner namens css des Plugin-Ordners geladen.
Aber auch in functions.php funktioniert es auf jedem Sub-Blog, wenn Sie den richtigen Pfad verwenden und ihn im Code wie in den Beispielen in den Antworten gegeben ändern.
Mit freundlichen Grüßen,
BackuPs
Hallo... Wie kann ich nur CSS für wp-admin/options-reading.php hinzufügen?
Hallo, ich habe Probleme mit WordPress Admin CSS,
Ich möchte benutzerdefiniertes CSS für wp-admin basierend auf der Benutzerrolle laden (z.B. Redakteur)
Bitte antworten Sie, wenn Sie mein Problem verstehen...
Jatin, versuchen Sie dies: http://docs.appthemes.com/tutorials/wordpress-check-user-role-function/
Alternativ lehrt das Codex, dies nicht zu tun, aber Rollen können in current_user_can verwendet werden
http://codex.wordpress.org/Function_Reference/current_user_can
Wow, vielen Dank dafür! Es ist großartig, die Admin-Gestaltung zu optimieren, ohne Kerndateien zu ändern.
Für einige Projekte habe ich Admin-Dateien bearbeitet und dann nach jedem WordPress-Update die Änderungen erneut angewendet !!!
Sehr schöner kleiner Trick!
Ich möchte mein benutzerdefiniertes CSS im Admin-Panel auf edit.php im Seitenmenü hinzufügen. Kann mir jemand sagen, wie ich diesen Code verwenden kann....
function registerCustomAdminCss(){
$src = “custom_css.css”;
$handle = “customAdminCss”;
wp_register_script($handle, $src);
wp_enqueue_style($handle, $src, array(), false, false);
}
add_action(‘admin_head’, ‘registerCustomAdminCss’);
Hallo, ich bin neu, sehr neu, aber wenn ich eine Frage stellen darf, was ist ein Schnipsel und was macht er?
Colby, du bist großartig!!!
Schön, das ist hilfreich!
Danke!
Ich habe den Code mit ein paar Ergänzungen verwendet, da mein Szenario etwas anders war. Ich wollte dieses CSS nur für andere Benutzerstufen ausgeben. Hier ist mein Code, der für mich funktioniert...
add_action('admin_head', 'my_custom_fonts'); function my_custom_fonts() { global $user_level; if ($user_level != '10' ) { echo ' /* Styles here! */ '; }}Hallo Mian,
Können Sie den Code teilen, wenn Sie nur CSS für die Benutzerrolle „shop_manager“ auf der Admin-Seite ausgeben möchten?
Vielen Dank.
Mian,
Ich muss auch Shop-Manager mit dem WooCommerce-Plugin ansprechen.
Ich hoffe, Sie können helfen.
Hallo
Versuchen Sie das,
function my_custom_css( ){
}
Einen schönen Tag noch.
Neo, das ist großartig, danke für deine Zeit.
Mian, siehe einige Kommentare oben, da es eine bessere Praxis ist zu verwenden
add_action( 'admin_enqueue_scripts', 'my_custom_fonts' );anstelle von
add_action('admin_head', 'my_custom_fonts');Hallo,
Wenn ich externe CSS in meinem Beitrag anwende, sehen alle gut und perfekt aus, wenn ich sie in der visuellen Ansicht betrachte. Aber wenn ich auf Vorschau klicke, erscheint keine Anpassung, nur einfacher Text.
Bitte besuchen Sie den Link unten.
http://domylook.com/uncategorized/test/
Es funktioniert gut, wenn ich die visuelle Ansicht im Beitrag sehe. Alle CSS funktionieren dort gut.
Ich habe diese Zeile geschrieben, um drei CSS-Dateien in der functions.php-Datei einzubinden.
add_editor_style( ‘skel.css’ );
add_editor_style( ‘style_new.css’ );
add_editor_style( ‘style-desktop.css’ );
Bitte helfen Sie mir bei der Lösung dieses Problems.
Danke
Neha
Ich habe gerade ein Plugin gefunden Add Admin CSS, das für diesen Zweck perfekt ist.
Ich benutze ein kostenloses Plugin namens AdminMate. Suchen Sie einfach nach „AdminMate“ auf der Seite „Neues Plugin hinzufügen“ Ihrer WordPress-Website oder suchen Sie bei Google nach dem Schlüsselwort „AdminMate“. Probieren Sie es aus, ich denke, Sie werden es lieben.
Danke, es funktioniert für mich.
Das ist extrem praktisch!
Wird die Verwirrung der Kunden (und die Wahrscheinlichkeit, dass sie etwas falsch machen!) verringern, wenn ich einfach Teile ausblenden kann.
Vielen Dank!
Das ist perfekt! Vielen Dank. CSS-Tricks enttäuscht nie.
Hallo, kann ich das in ein Plugin verwandeln, anstatt es in functions.php einzufügen, oder muss es dort sein?
Erstellen Sie ein Plugin, indem Sie eine Datei erstellen, z.B.
wploadadminstyle.php mit dem folgenden Code
Erstellen Sie einen Ordner
1) wploadadminstyle
2) wploadadminstyle/css
3) Erstellen Sie eine CSS-Datei namens adminstyle.css im css-Ordner mit Ihrem CSS.
4) Ändern Sie den Code, wenn Sie Stylesheets basierend auf Benutzerrollen laden möchten.
Laden Sie das Plugin hoch und aktivieren Sie es.
<?php
/*
Plugin Name: WP Load Admin CSS
Plugin URI: http://yourdomain.com/
Beschreibung: Lade Admin CSS.
Version: 1.00
Autor: Autor
Author URI: http://yourdomain.com/
Lizenz: GPL2
*/
//Funktion zur Initialisierung der
// Beginnen wir damit, unsere Stile korrekt zu enqueuen
if ( ! defined( ‘ABSPATH’ ) ) {
exit; // Beenden, wenn direkt aufgerufen.
}
function change_admin_css() {
wp_register_style( ‘add-extra-admin-stylesheet’, plugins_url( ‘/css/adminstyle.css’, FILE ) );
wp_enqueue_style( ‘add-extra-admin-stylesheet’ );
}
if (is_admin()) {
add_action( ‘admin_enqueue_scripts’, ‘change_admin_css’ );
}
Hey Backup,
Ich benutze WordPress Multisite. Ich hoffe, die Änderung wirkt sich auf alle Websites in meinem Netzwerk aus.
Danke
Nein, es funktioniert in den Websites, auf denen Sie das Plugin aktiviert haben. Oder auf allen, wenn alle die gleichen CSS-Tweaks haben sollen.
Wenn Sie unterschiedliches CSS pro Website im wpms wünschen, müssen Sie CSS-Stile nach Blog-ID laden
Sehen Sie auf wordpress.org nach, wie Sie die aktuelle Blog-ID in einem Multisite erhalten. Auf diese Weise könnten Sie das Plugin netzwerkweit aktivieren und verschiedene CSS anwenden, indem Sie eine PHP-Switch-Case-Programmierung verwenden
Hinweis: Wenn Sie das Plugin netzwerkweit aktivieren, funktioniert es auf jeder Website auf die gleiche Weise.
Wirklich informativ, schöne Kommentare, danke an alle.
Verwenden Sie diesen Code in Ihrer benutzerdefinierten Plugin-Datei „function.php“
Si funciona, un Genio! Danke!
Wenn Sie unterschiedliches CSS im Backend und Frontend laden möchten, können Sie auch diesen Trick verwenden
Sie können das Frontend-CSS auch nur dann anwenden, wenn der Benutzer angemeldet ist, indem Sie den Code etwas ändern. Auf diese Weise können Sie z.B. nur die Admin-Leiste mit Ihren Stilen ansprechen.
Sie können auch das Plugin „Custom CSS Injector“ (https://wordpress.org/plugins/css-injector/) verwenden, um benutzerdefiniertes CSS nur für den Admin-Bereich hinzuzufügen.
Genial! Genau das, wonach ich gesucht habe. Danke!
Funktioniert großartig, vielen Dank! Diese winzige Anpassung macht den Admin für meine Kunden etwas besser
Ich wünschte, es gäbe eine Website mit „Admin-Theme-Anpassungen“ wie dieser. Leider konnte ich keine finden. Falls jemand eine kennt, bitte E-Mail an: heinz AT verdi DOT link
Prost!
Hallo zusammen, ich versuche, 4 Buttons wie diese zu erstellen
im Adminbereich. aber ich möchte ihnen unterschiedliche Farben geben, irgendwelche Vorschläge?
Vielen Dank im Voraus
Vielen Dank :))
Fantastisch...
Danke für das Teilen dieser einfachen und effektiven Methode.
Einen schönen Tag noch!
Guter Trick. Vielen Dank fürs Teilen! Ich denke, es lohnt sich zu erwähnen, da es generell eine etwas bessere Praxis ist, aber David Walsh hat auch einen Weg gepostet, ein Stylesheet für den Admin zu enqueuen.
Link: Benutzerdefiniertes CSS für WordPress-Admin hinzufügen