{"id":21086,"date":"2017-03-17T09:44:10","date_gmt":"2017-03-17T08:44:10","guid":{"rendered":"https:\/\/strato.de\/blog\/?p=21086"},"modified":"2022-04-11T13:38:48","modified_gmt":"2022-04-11T11:38:48","slug":"wordpress-backend-anpassen","status":"publish","type":"post","link":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-backend-anpassen\/","title":{"rendered":"WordPress Backend anpassen: Individuell statt von der Stange"},"content":{"rendered":"\n

Keine Lust mehr auf das Standard-Grau? Wir zeigen Dir, wie Du den Administrationsbereich von WordPress an Deine Bed\u00fcrfnisse anpasst. <\/p>\n\n\n\n\n\n\n\n

Neben dem Theme (Frontend) l\u00e4sst sich auch das Backend von WordPress flexibel individualisieren. So kannst Du beispielsweise Farben und Men\u00fcpunkte \u00e4ndern und ein eigenes Logo einf\u00fcgen. Das wirkt professioneller und beschleunigt Deinen Workflow.<\/p>\n\n\n\n

Wichtig:<\/strong> Bitte vorher ein Backup aller WordPress-Dateien machen, damit die Website im Notfall wiederhergestellt werden kann! Die genannten PHP-Code-Beispiele f\u00fcgst Du einfach ans Ende der functions.php des Child Themes ein.<\/p>\n\n\n\n

Farben \u00e4ndern<\/h2>\n\n\n\n

Das grau-schwarz-blaue Standard-Farbschema des WordPress-Backends ist funktional, aber auch Geschmackssache. \u00dcber Benutzer > Dein Profil <\/strong>stehen zwar alternative Vorlagen zur Auswahl, mit einer eigenen CSS-Datei f\u00fcr das Backend bist Du aber deutlich flexibler. Diese wird mit folgenden Zeilen in das Theme eingebunden:<\/p>\n\n\n\n

\/\/ admin.css einbinden\nfunction admin_style() {\nwp_enqueue_style('admin-styles', get_stylesheet_directory_uri().'\/admin.css');\n}\nadd_action('admin_enqueue_scripts', 'admin_style');<\/pre>\n\n\n\n
In diesem Beispiel nennen wir die CSS-Datei admin.css <\/strong>und legen sie im Hauptverzeichnis des Child-Themes ab. Mithilfe des folgenden CSS-Codes f\u00e4rbst Du das Admin-Men\u00fc auf der rechten Seite und die Untermen\u00fcs orange:<\/p>\n\n\n\n
#adminmenu, #adminmenu .wp-submenu, #adminmenuback, #adminmenuwrap {\nbackground-color: #ff9900 !important;\n}\n#adminmenu div.wp-menu-name { \ncolor: #ffffff;\n}<\/pre>\n\n\n\n
So sieht das Ergebnis aus:
<\/p>\n\n\n\n
\"\"
Backend mit inviduellen Farben<\/figcaption><\/figure><\/div>\n\n\n\n
Men\u00fc ausblenden<\/h2>\n\n\n\n
Das Men\u00fc kannst Du ebenfalls anpassen. Ben\u00f6tigst Du bestimmte Punkte nicht, kannst Du sie nach dem Muster remove_menu_page( \u201aXXX.php\u2018 ); <\/strong>einfach ausblenden. Bitte beachte, dass das Men\u00fc dabei aktiv bleibt und die Funktionen weiterhin \u00fcber die URL aufrufbar sind. Um Zugriffsrechte f\u00fcr bestimmte Benutzer zu beschr\u00e4nken, solltest Du die entsprechenden Rollen von WordPress nutzen (also statt Administrator z. B. Autor oder Mitarbeiter).<\/p>\n\n\n\n
Die n\u00e4chsten Code-Zeilen dienen der \u00dcbersicht, welche Funktionen Du wie ausblendest. Anhand der Kommentierung siehst Du, welche Zeile f\u00fcr welchen Bereich zust\u00e4ndig ist. W\u00fcrdest Du den kompletten Code \u00fcbernehmen, w\u00e4re Deine Men\u00fcleiste leer.<\/p>\n\n\n\n
function strato_remove_menus(){\n\tremove_menu_page( 'index.php' );\t\t \/\/Dashboard\n\tremove_menu_page( 'edit.php' );\t\t\t \/\/Beitr\u00e4ge\n\tremove_menu_page( 'upload.php' );\t         \/\/Medien \n\tremove_menu_page( 'edit.php?post_type=page' );\t \/\/Seiten\n\tremove_menu_page( 'edit-comments.php' );\t \/\/Kommentare\n\tremove_menu_page( 'themes.php' );                \/\/Design\n\tremove_menu_page( 'plugins.php' );\t\t \/\/Plugins\n\tremove_menu_page( 'users.php' );\t\t \/\/Benutzer\n\tremove_menu_page( 'tools.php' );\t\t \/\/Werkzeuge\n\tremove_menu_page( 'options-general.php' );\t \/\/Einstellungen\n}\nadd_action( 'admin_menu', 'strato_remove_menus' ); <\/pre>\n\n\n\n
M\u00f6chtest Du beispielsweise Plugins <\/strong>und Einstellungen <\/strong>ausblenden, gibst Du folgenden Code ein:<\/p>\n\n\n\n
function strato_remove_menus(){\n\tremove_menu_page( 'plugins.php' );\t\t\/\/Plugins \n\tremove_menu_page( 'options-general.php' );\t\/\/Einstellungen\n}\nadd_action( 'admin_menu', 'strato_remove_menus' );<\/pre>\n\n\n\n
Damit\ndie \u00c4nderungen sichtbar werden, musst Du ggf. den Cache l\u00f6schen oder Dich<\/p>\n\n\n\n
Men\u00fcs umbenennen<\/h2>\n\n\n\n
Du kannst die Men\u00fcpunkte nicht nur ausblenden, sondern auch umbenennen. Um etwa \u00bbBeitr\u00e4ge\u00ab durch einen anderen Begriff zu ersetzen, gehst Du folgenderma\u00dfen vor:<\/p>\n\n\n\n
function strato_post_menu_rename() { global $menu;\n$menu[5][0] = 'News';\n}\nadd_action( 'admin_menu', 'strato_post_menu_rename' );<\/pre>\n\n\n\n
In diesem Fall nennen wir das Men\u00fc \u00bbBeitr\u00e4ge\u00ab in \u00bbNews\u00ab um. <\/p>\n\n\n\n
WordPress ordnet jedem Men\u00fc einen Key zu, der hier angegeben werden muss. Das Men\u00fc \u00bbBeitr\u00e4ge\u00ab hat den Key 5, danach folgt Key 0 f\u00fcr die index.php (siehe Zeile 3). Auf diese Weise kannst Du s\u00e4mtliche Men\u00fcpunkte im WordPress-Back- end umbenennen. Eine \u00dcbersicht \u00fcber die ben\u00f6tigten Keys findest Du \u203a hier.<\/p>\n\n\n\n
Katzen-Logo einf\u00fcgen<\/h2>\n\n\n\n
Es gibt verschiedene Wege, ein Logo im Backend anzuzeigen. Der einfachste besteht darin, das kleine WordPress-Logo in der Ecke oben links auszutauschen. Dazu legst Du eine 18\u00d718 Pixel gro\u00dfe Datei als backend-katze.png <\/strong>im Hauptverzeichnis Deines Child-Themes ab und erg\u00e4nzt die functions.php <\/strong>um folgende Zeilen:<\/p>\n\n\n\n
\/\/ Backend Logo\nfunction wpb_custom_logo() { echo '\n<style type=\"text\/css\">\n#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {\nbackground-image: url(' . get_bloginfo('stylesheet_directory') . '\/backend-katze.png) !important;\nbackground-position: 0 0; background-repeat: no-repeat; color:rgba(0, 0, 0, 0);\n}\n#wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon { \nbackground-position: 0 0;\n}\n<\/style>\n';\n}\nadd_action('wp_before_admin_bar_render', 'wpb_custom_logo');<\/pre>\n\n\n\n
Danach sieht das Backend so aus:<\/p>\n\n\n\n
\"\"
 Backend mit inviduellen Farben und eigenem Logo<\/figcaption><\/figure><\/div>\n\n\n\n
Ein gutes Backend ist intuitiv<\/h2>\n\n\n\n
Layout-Anpassungen m\u00fcssen nicht auf das Frontend beschr\u00e4nkt bleiben. Wenn sich das (Corporate) Design der Website im Administrationsbereich wiederfindet, haben Kunden eher das Gef\u00fchl, eine auf sie abgestimmte L\u00f6sung zu bekommen. Aber auch als privater WordPress-Nutzer profitierst Du von einer Oberfl\u00e4che, die an Deine Bed\u00fcrfnisse angepasst ist. Das individuelle Backend kannst Du intuitiver bedienen und es sieht auch noch besser aus.<\/p>\n\n\n\n
Hinweis: Diesen Beitrag haben wir am 13.12.2020 aktualisiert.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"
Keine Lust mehr auf das Standard-Grau? Wir zeigen Dir, wie Du den Administrationsbereich von WordPress an Deine Bed\u00fcrfnisse anpasst.<\/p>\n","protected":false},"author":191,"featured_media":21091,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,490],"tags":[55],"acf":[],"yoast_head":"\nWordPress Backend anpassen: Individuell statt von der Stange<\/title>\n<meta name=\"description\" content=\"Keine Lust mehr auf das Standard-Grau? Wir zeigen Dir, wie Du den Administrationsbereich von WordPress an Deine Bed\u00fcrfnisse anpasst.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WordPress Backend anpassen: Individuell statt von der Stange\" \/>\n<meta property=\"og:description\" content=\"Keine Lust mehr auf das Standard-Grau? Wir zeigen Dir, wie Du den Administrationsbereich von WordPress an Deine Bed\u00fcrfnisse anpasst.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-backend-anpassen\/\" \/>\n<meta property=\"og:site_name\" content=\"STRATO Blog DE Staging\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/strato\" \/>\n<meta property=\"article:published_time\" content=\"2017-03-17T08:44:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-11T11:38:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2017\/03\/wp-backend_orange.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Vladimir Simovi\u0107\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@vlad_perun\" \/>\n<meta name=\"twitter:site\" content=\"@STRATO_AG\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vladimir Simovi\u0107\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-backend-anpassen\/\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-backend-anpassen\/\",\"name\":\"WordPress Backend anpassen: Individuell statt von der Stange\",\"isPartOf\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website\"},\"datePublished\":\"2017-03-17T08:44:10+00:00\",\"dateModified\":\"2022-04-11T11:38:48+00:00\",\"author\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/d2bc2cf7a9963254156626a1bdbf8388\"},\"description\":\"Keine Lust mehr auf das Standard-Grau? Wir zeigen Dir, wie Du den Administrationsbereich von WordPress an Deine Bed\u00fcrfnisse anpasst.\",\"breadcrumb\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-backend-anpassen\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-backend-anpassen\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-backend-anpassen\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress Backend anpassen: Individuell statt von der Stange\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/\",\"name\":\"STRATO Blog DE Staging\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/d2bc2cf7a9963254156626a1bdbf8388\",\"name\":\"Vladimir Simovi\u0107\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/04\/vladimir-simovic-strato-blog-110x110.jpg\",\"contentUrl\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/04\/vladimir-simovic-strato-blog-110x110.jpg\",\"caption\":\"Vladimir Simovi\u0107\"},\"description\":\"Vladimir Simovi\u0107 arbeitet seit 2000 mit HTML & CSS und seit Januar 2004 mit WordPress. Im Laufe der Jahre hat er diverse Fachb\u00fccher und Fachartikel publiziert. Seit April 2022 ist er als Senior Online-Redakteur f\u00fcr den Blog-Bereich von STRATO verantwortlich.\",\"sameAs\":[\"https:\/\/www.vladimir-simovic.de\",\"https:\/\/twitter.com\/vlad_perun\",\"https:\/\/de.wikipedia.org\/wiki\/Vladimir_Simovic\"],\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/author\/vladimir-simovic\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WordPress Backend anpassen: Individuell statt von der Stange","description":"Keine Lust mehr auf das Standard-Grau? Wir zeigen Dir, wie Du den Administrationsbereich von WordPress an Deine Bed\u00fcrfnisse anpasst.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"de_DE","og_type":"article","og_title":"WordPress Backend anpassen: Individuell statt von der Stange","og_description":"Keine Lust mehr auf das Standard-Grau? Wir zeigen Dir, wie Du den Administrationsbereich von WordPress an Deine Bed\u00fcrfnisse anpasst.","og_url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-backend-anpassen\/","og_site_name":"STRATO Blog DE Staging","article_publisher":"https:\/\/www.facebook.com\/strato","article_published_time":"2017-03-17T08:44:10+00:00","article_modified_time":"2022-04-11T11:38:48+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2017\/03\/wp-backend_orange.jpg","type":"image\/jpeg"}],"author":"Vladimir Simovi\u0107","twitter_card":"summary_large_image","twitter_creator":"@vlad_perun","twitter_site":"@STRATO_AG","twitter_misc":{"Verfasst von":"Vladimir Simovi\u0107","Gesch\u00e4tzte Lesezeit":"4 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-backend-anpassen\/","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-backend-anpassen\/","name":"WordPress Backend anpassen: Individuell statt von der Stange","isPartOf":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website"},"datePublished":"2017-03-17T08:44:10+00:00","dateModified":"2022-04-11T11:38:48+00:00","author":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/d2bc2cf7a9963254156626a1bdbf8388"},"description":"Keine Lust mehr auf das Standard-Grau? Wir zeigen Dir, wie Du den Administrationsbereich von WordPress an Deine Bed\u00fcrfnisse anpasst.","breadcrumb":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-backend-anpassen\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-backend-anpassen\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-backend-anpassen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/"},{"@type":"ListItem","position":2,"name":"WordPress Backend anpassen: Individuell statt von der Stange"}]},{"@type":"WebSite","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/","name":"STRATO Blog DE Staging","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Person","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/d2bc2cf7a9963254156626a1bdbf8388","name":"Vladimir Simovi\u0107","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/04\/vladimir-simovic-strato-blog-110x110.jpg","contentUrl":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/04\/vladimir-simovic-strato-blog-110x110.jpg","caption":"Vladimir Simovi\u0107"},"description":"Vladimir Simovi\u0107 arbeitet seit 2000 mit HTML & CSS und seit Januar 2004 mit WordPress. Im Laufe der Jahre hat er diverse Fachb\u00fccher und Fachartikel publiziert. Seit April 2022 ist er als Senior Online-Redakteur f\u00fcr den Blog-Bereich von STRATO verantwortlich.","sameAs":["https:\/\/www.vladimir-simovic.de","https:\/\/twitter.com\/vlad_perun","https:\/\/de.wikipedia.org\/wiki\/Vladimir_Simovic"],"url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/author\/vladimir-simovic\/"}]}},"_links":{"self":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/21086"}],"collection":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/users\/191"}],"replies":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/comments?post=21086"}],"version-history":[{"count":34,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/21086\/revisions"}],"predecessor-version":[{"id":94075,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/21086\/revisions\/94075"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/media\/21091"}],"wp:attachment":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/media?parent=21086"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/categories?post=21086"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/tags?post=21086"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}