{"id":3166,"date":"2024-12-12T10:35:51","date_gmt":"2024-12-12T10:35:51","guid":{"rendered":"https:\/\/chiroiu.com\/?p=3166"},"modified":"2024-12-12T10:35:52","modified_gmt":"2024-12-12T10:35:52","slug":"so-aenderst-du-das-wordpress-login-logo-mit-einem-custom-snippet","status":"publish","type":"post","link":"https:\/\/chiroiu.com\/de\/blog\/so-aenderst-du-das-wordpress-login-logo-mit-einem-custom-snippet\/","title":{"rendered":"So \u00e4nderst du das WordPress-Login-Logo mit einem Custom-Snippet"},"content":{"rendered":"\n<p>Das \u00c4ndern des WordPress-Login-Logos ist eine einfache, aber effektive M\u00f6glichkeit, das Admin-Erlebnis deiner Website zu personalisieren. Indem du das Standard-WordPress-Logo durch dein eigenes Logo ersetzt, kannst du einen professionelleren Eindruck schaffen. In diesem Leitfaden zeige ich dir, wie du das WordPress-Login-Logo mit einem benutzerdefinierten Code-Snippet \u00e4nderst.<\/p>\n\n\n\n<p>Dieses Snippet ist Teil meines eigenen benutzerdefinierten WordPress-Plugins, das kleine, nicht-breaking Verbesserungen f\u00fcr jede von mir verwaltete Website hinzuf\u00fcgt. Es ist leichtgewichtig und sorgt f\u00fcr maximale Flexibilit\u00e4t bei verschiedenen Projekten. Du findest das komplette Plugin auf GitHub:\u00a0<a href=\"https:\/\/github.com\/schischa\/marcs-custom-wp-functions\" target=\"_blank\" rel=\"noopener\" title=\"\">Marc&#8217;s Custom WP Functions<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Warum sollte man das WordPress-Login-Logo \u00e4ndern?<\/h2>\n\n\n\n<p>Das Standard-WordPress-Logo ist zwar funktional, aber durch ein eigenes Logo zu ersetzen, kann:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Deine Markenpr\u00e4senz st\u00e4rken.<\/li>\n\n\n\n<li>Bei Kunden einen besseren Eindruck hinterlassen, wenn du eine individuelle Website erstellt hast.<\/li>\n\n\n\n<li>Ein konsistenteres Erlebnis f\u00fcr Administratoren und Nutzer schaffen.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Das Code-Snippet, um das Login-Logo zu \u00e4ndern<\/h2>\n\n\n\n<p>Hier ist das Snippet, das ich in meinem benutzerdefinierten WordPress-Plugin verwende, um das Login-Logo dynamisch zu \u00e4ndern. Es stellt auch sicher, dass das Logo zur Startseite der Website und nicht zur WordPress-Website verlinkt.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php line-numbers\">&lt;?php\n\n\/\/ Login-Logo \u00e4ndern\nfunction custom_login_logo() {\n    \/\/ Hole die URL des benutzerdefinierten Logos\n    $custom_logo_id = get_theme_mod('custom_logo'); \/\/ Hole die ID des benutzerdefinierten Logos\n    $logo_url = wp_get_attachment_image_url($custom_logo_id, 'full'); \/\/ Hole die URL des Logos\n\n    \/\/ Standard-WordPress-Logo verwenden, falls kein benutzerdefiniertes Logo gesetzt ist\n    if (!$logo_url) {\n        $logo_url = admin_url('images\/wordpress-logo.svg'); \/\/ Standard-WordPress-Logo\n    }\n\n    echo '&lt;style type=\"text\/css\">\n        #login h1 a, .login h1 a {\n            background-image: url(' . esc_url($logo_url) . ');\n            height: 150px; \/* Nach Bedarf anpassen *\/\n            width: 100%; \/* F\u00fcr Responsiveness *\/\n            background-size: contain; \/* Nach Bedarf anpassen *\/\n        }\n    &lt;\/style>';\n}\nadd_action('login_enqueue_scripts', 'custom_login_logo');\n\n\/\/ URL des Logos auf die Startseite der Website setzen\nfunction custom_login_logo_url() {\n    return home_url(); \/\/ URL der Startseite zur\u00fcckgeben\n}\nadd_filter('login_headerurl', 'custom_login_logo_url');\n\n\/\/ Optional: Title-Attribut des Logo-Links anpassen\nfunction custom_login_logo_url_title() {\n    return get_bloginfo('name'); \/\/ Name der Website zur\u00fcckgeben\n}\nadd_filter('login_headertext', 'custom_login_logo_url_title');<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Wie funktioniert dieses Snippet?<\/h2>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li><strong>Dynamische Logo-Abfrage:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Die Funktion\u00a0<code>get_theme_mod('custom_logo')<\/code>\u00a0ruft das im WordPress-Customizer festgelegte Logo ab.<\/li>\n\n\n\n<li>Falls kein Logo gesetzt ist, wird das Standard-WordPress-Logo (<code>admin_url('images\/wordpress-logo.svg')<\/code>) verwendet.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Benutzerdefiniertes Styling:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Das Erscheinungsbild des Logos (Gr\u00f6\u00dfe, Responsiveness) wird \u00fcber Inline-CSS gesteuert.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Individueller Logo-Link:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Der Filter\u00a0<code>login_headerurl<\/code>\u00a0sorgt daf\u00fcr, dass das Logo zur Startseite deiner Website verlinkt.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Tooltip-Anpassung:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Der Filter\u00a0<code>login_headertext<\/code>\u00a0\u00e4ndert das Title-Attribut des Logo-Links in den Namen der Website.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">So f\u00fcgst du das Snippet zu deinem benutzerdefinierten Plugin hinzu<\/h2>\n\n\n\n<p>Anstatt dieses Snippet in die&nbsp;<code>functions.php<\/code>&nbsp;deines Themes einzuf\u00fcgen, empfehle ich die Erstellung eines benutzerdefinierten Plugins. So bleibt die Funktionalit\u00e4t unabh\u00e4ngig vom Theme und kann auf mehreren Projekten wiederverwendet werden.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritte zur Erstellung eines benutzerdefinierten Plugins:<\/h3>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li><strong>Erstelle eine neue Plugin-Datei:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Gehe in dein Verzeichnis\u00a0<code>wp-content\/plugins\/<\/code>\u00a0und erstelle einen neuen Ordner, z. B.\u00a0<code>mein-benutzerdefiniertes-plugin\/<\/code>.<\/li>\n\n\n\n<li>Erstelle darin eine Datei, z. B.\u00a0<code>mein-plugin.php<\/code>.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>F\u00fcge den Plugin-Header hinzu:<\/strong>\n<ul class=\"wp-block-list\">\n<li>F\u00fcge folgenden Header in die Datei ein:<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php line-numbers\">&lt;?php\n\/*\nPlugin Name: Mein Benutzerdefiniertes Plugin\nDescription: Ein leichtgewichtiges Plugin, das kleine, nicht-breaking Verbesserungen f\u00fcr WordPress-Websites hinzuf\u00fcgt.\nVersion: 1.0\nAuthor: [Dein Name]\n*\/<\/code><\/pre>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li><strong>F\u00fcge das Snippet ein:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Kopiere das Login-Logo-Snippet in die Plugin-Datei.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Aktiviere das Plugin:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Gehe im WordPress-Dashboard zu\u00a0<code>Plugins > Installierte Plugins<\/code>\u00a0und aktiviere dein benutzerdefiniertes Plugin.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Fazit<\/h2>\n\n\n\n<p>Die Personalisierung der WordPress-Login-Seite ist eine kleine, aber wirkungsvolle M\u00f6glichkeit, das Nutzererlebnis zu verbessern. Mit diesem Snippet als Teil eines benutzerdefinierten Plugins kannst du Flexibilit\u00e4t sicherstellen und einen konsistenten Workflow f\u00fcr all deine Projekte schaffen.<\/p>\n\n\n\n<p>Du kannst <a href=\"https:\/\/github.com\/schischa\/marcs-custom-wp-functions\" target=\"_blank\" rel=\"noopener\" title=\"\">mein komplettes benutzerdefiniertes Plugin<\/a>, das dieses und andere n\u00fctzliche Funktionen enth\u00e4lt, auf\u00a0GitHub ansehen. Wenn dir dieser Leitfaden geholfen hat, teile ihn gerne. Viel Erfolg beim Coden!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Das \u00c4ndern des WordPress-Login-Logos ist eine einfache, aber effektive M\u00f6glichkeit, das Admin-Erlebnis deiner Website zu personalisieren. Indem du das Standard-WordPress-Logo durch dein eigenes Logo ersetzt, kannst du einen professionelleren Eindruck schaffen. In diesem Leitfaden zeige ich dir, wie du das WordPress-Login-Logo mit einem benutzerdefinierten Code-Snippet \u00e4nderst. Dieses Snippet ist Teil meines eigenen benutzerdefinierten WordPress-Plugins, das [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"slim_seo":{"title":"So \u00e4nderst du das WordPress-Login-Logo mit einem Custom-Snippet - Marc Chiroiu","description":"Das \u00c4ndern des WordPress-Login-Logos ist eine einfache, aber effektive M\u00f6glichkeit, das Admin-Erlebnis deiner Website zu personalisieren. Indem du das Standard-"},"footnotes":""},"categories":[34,32],"tags":[],"class_list":["post-3166","post","type-post","status-publish","format-standard","hentry","category-codeschnippsel","category-wordpress-de"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"marc","author_link":"https:\/\/chiroiu.com\/de\/blog\/author\/marc\/"},"uagb_comment_info":0,"uagb_excerpt":"Das \u00c4ndern des WordPress-Login-Logos ist eine einfache, aber effektive M\u00f6glichkeit, das Admin-Erlebnis deiner Website zu personalisieren. Indem du das Standard-WordPress-Logo durch dein eigenes Logo ersetzt, kannst du einen professionelleren Eindruck schaffen. In diesem Leitfaden zeige ich dir, wie du das WordPress-Login-Logo mit einem benutzerdefinierten Code-Snippet \u00e4nderst. Dieses Snippet ist Teil meines eigenen benutzerdefinierten WordPress-Plugins, das&hellip;","_links":{"self":[{"href":"https:\/\/chiroiu.com\/de\/wp-json\/wp\/v2\/posts\/3166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chiroiu.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/chiroiu.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/chiroiu.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chiroiu.com\/de\/wp-json\/wp\/v2\/comments?post=3166"}],"version-history":[{"count":2,"href":"https:\/\/chiroiu.com\/de\/wp-json\/wp\/v2\/posts\/3166\/revisions"}],"predecessor-version":[{"id":3168,"href":"https:\/\/chiroiu.com\/de\/wp-json\/wp\/v2\/posts\/3166\/revisions\/3168"}],"wp:attachment":[{"href":"https:\/\/chiroiu.com\/de\/wp-json\/wp\/v2\/media?parent=3166"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/chiroiu.com\/de\/wp-json\/wp\/v2\/categories?post=3166"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/chiroiu.com\/de\/wp-json\/wp\/v2\/tags?post=3166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}