{"id":29837,"date":"2026-02-04T11:46:22","date_gmt":"2026-02-04T11:46:22","guid":{"rendered":"https:\/\/makemehappy.sk\/?p=29837"},"modified":"2026-02-04T11:48:51","modified_gmt":"2026-02-04T11:48:51","slug":"zmena-prihlasovacieho-loga-wordpress","status":"publish","type":"post","link":"https:\/\/makemehappy.sk\/en\/zmena-prihlasovacieho-loga-wordpress\/","title":{"rendered":"How to change the logo on the WordPress login page"},"content":{"rendered":"<p class=\"wp-block-paragraph\">The default WordPress logo on the login screen (<code>wp-login.php<\/code>) is fine, but if you're building a website for a client or want to strengthen your own brand, replacing it with your own is an important detail. This simple snippet allows you to override the original style and insert a custom image there without having to install heavy plugins.<\/p>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row gspb_row gspb_row-id-gsbp-5504a4b gspb_row--gutter-10\" id=\"gspb_row-id-gsbp-5504a4b\"><div class=\"gspb_row__content\"> \n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_col-id-gsbp-2fbb10b\" id=\"gspb_col-id-gsbp-2fbb10b\">\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"467\" height=\"429\" src=\"https:\/\/makemehappy.sk\/wp-content\/uploads\/2026\/02\/Snimka-obrazovky-2026-02-04-124334.png\" alt=\"\" class=\"wp-image-29838\" style=\"width:auto;height:400px\" title=\"\" srcset=\"https:\/\/makemehappy.sk\/wp-content\/uploads\/2026\/02\/Snimka-obrazovky-2026-02-04-124334.png 467w, https:\/\/makemehappy.sk\/wp-content\/uploads\/2026\/02\/Snimka-obrazovky-2026-02-04-124334-327x300.png 327w, https:\/\/makemehappy.sk\/wp-content\/uploads\/2026\/02\/Snimka-obrazovky-2026-02-04-124334-13x12.png 13w, https:\/\/makemehappy.sk\/wp-content\/uploads\/2026\/02\/Snimka-obrazovky-2026-02-04-124334-430x395.png 430w\" sizes=\"auto, (max-width: 467px) 100vw, 467px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_col-id-gsbp-382b749\" id=\"gspb_col-id-gsbp-382b749\">\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"528\" height=\"517\" src=\"https:\/\/makemehappy.sk\/wp-content\/uploads\/2026\/02\/Snimka-obrazovky-2026-02-04-124301.png\" alt=\"\" class=\"wp-image-29839\" style=\"width:auto;height:400px\" title=\"\" srcset=\"https:\/\/makemehappy.sk\/wp-content\/uploads\/2026\/02\/Snimka-obrazovky-2026-02-04-124301.png 528w, https:\/\/makemehappy.sk\/wp-content\/uploads\/2026\/02\/Snimka-obrazovky-2026-02-04-124301-306x300.png 306w, https:\/\/makemehappy.sk\/wp-content\/uploads\/2026\/02\/Snimka-obrazovky-2026-02-04-124301-12x12.png 12w, https:\/\/makemehappy.sk\/wp-content\/uploads\/2026\/02\/Snimka-obrazovky-2026-02-04-124301-430x421.png 430w\" sizes=\"auto, (max-width: 528px) 100vw, 528px\" \/><\/figure>\n<\/div>\n <\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"co-tento-kod-robi\">What does this code do?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Snippet uses action <code>login_enqueue_scripts<\/code>, which inserts a custom CSS style directly into the header of the login page. In the code we target the selector <code>#login h1 a<\/code>, which is exactly where the WordPress logo is displayed by default.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>In the code you can edit:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>the URL of the image:<\/strong> Just overwrite the link in <code>url('')<\/code> for your own path to the logo.<\/li>\n\n\n\n<li><strong>Dimensions:<\/strong> Values <code>width<\/code> a <code>height<\/code> (150px in our case) to fit the proportions of your logo.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/makemehappy.sk\/en\/snippets\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to add code<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#2b2b2b;color:#c7c7c7\">PHP<\/span><span role=\"button\" tabindex=\"0\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy of\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>function custom_login_logo() { ?>\n    &lt;style type=\"text\/css\">\n        #login h1 a {\n            \/* TU ZADAJTE ADRESU K V\u00c1\u0160MU LOGU *\/\n            background-image: url('https:\/\/vasadomena.sk\/wp-content\/uploads\/logo.png'); \n            \n            background-size: contain;\n            width: 150px;\n            height: 150px;\n            background-position: center;\n            display: block;\n        }\n    &lt;\/style>\n&lt;?php }\nadd_action('login_enqueue_scripts', 'custom_login_logo');<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #569CD6\">function<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">custom_login_logo<\/span><span style=\"color: #D4D4D4\">() { ?&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    &lt;style type=<\/span><span style=\"color: #CE9178\">\"text\/css\"<\/span><span style=\"color: #D4D4D4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #6A9955\">#login h1 a {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            <\/span><span style=\"color: #6A9955\">\/* ENTER THE ADDRESS TO YOUR LOGO HERE *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            background-image: <\/span><span style=\"color: #DCDCAA\">url<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #CE9178\">'https:\/\/vasadomena.sk\/wp-content\/uploads\/logo.png'<\/span><span style=\"color: #D4D4D4\">); <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            background-size: contain;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            width: <\/span><span style=\"color: #B5CEA8\">150<\/span><span style=\"color: #D4D4D4\">px;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            height: <\/span><span style=\"color: #B5CEA8\">150<\/span><span style=\"color: #D4D4D4\">px;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            background-position: center;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            display: block;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    &lt;\/style&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">&lt;?php }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DCDCAA\">add_action<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #CE9178\">'login_enqueue_scripts'<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #CE9178\">'custom_login_logo'<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span><\/code><\/pre><\/div>","protected":false},"excerpt":{"rendered":"<p>Predvolen\u00e9 logo WordPressu na prihlasovacej obrazovke (wp-login.php) je fajn, ale ak budujete web pre klienta alebo chcete posilni\u0165 vlastn\u00fa zna\u010dku, jeho v\u00fdmena za vlastn\u00e9 je d\u00f4le\u017eit\u00fdm detailom. Tento jednoduch\u00fd snippet v\u00e1m umo\u017en\u00ed prep\u00edsa\u0165 p\u00f4vodn\u00fd \u0161t\u00fdl a vlo\u017ei\u0165 tam vlastn\u00fd obr\u00e1zok bez potreby in\u0161talova\u0165 \u0165a\u017ek\u00e9 pluginy. \u010co tento k\u00f3d rob\u00ed? Snippet vyu\u017e\u00edva akciu login_enqueue_scripts, ktor\u00e1 vklad\u00e1 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":29535,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_gspb_post_css":"#gspb_row-id-gsbp-5504a4b{justify-content:space-between;margin-top:0;margin-bottom:0;display:flex;flex-wrap:wrap;align-content:center}#gspb_row-id-gsbp-5504a4b>.gspb_row__content{display:flex;margin:0 auto;width:100%;flex-wrap:wrap;max-width:1200px;align-items:center;justify-content:center}.gspb_row{position:relative}div[id^=gspb_col-id]{box-sizing:border-box;position:relative;padding:var(--gs-row-column-padding, 15px min(3vw, 20px))}#gspb_col-id-gsbp-2fbb10b.gspb_row__col--6{width:calc(50% - 5px)}@media (max-width:991.98px){#gspb_col-id-gsbp-2fbb10b.gspb_row__col--6{width:calc(50% - 5px)}}@media (max-width:767.98px){#gspb_col-id-gsbp-2fbb10b.gspb_row__col--6{width:calc(50% - 5px)}}@media (max-width:575.98px){#gspb_col-id-gsbp-2fbb10b.gspb_row__col--6{width:100%}}#gspb_col-id-gsbp-2fbb10b.gspb_row__col--6{order:1}body #gspb_col-id-gsbp-2fbb10b.gspb_row__col--6,body #gspb_col-id-gsbp-382b749.gspb_row__col--6{display:flex;justify-content:center;align-items:center}#gspb_col-id-gsbp-382b749.gspb_row__col--6{width:calc(50% - 5px)}@media (max-width:991.98px){#gspb_col-id-gsbp-382b749.gspb_row__col--6{width:calc(50% - 5px)}}@media (max-width:767.98px){#gspb_col-id-gsbp-382b749.gspb_row__col--6{width:calc(50% - 5px)}}@media (max-width:575.98px){#gspb_col-id-gsbp-382b749.gspb_row__col--6{width:100%}}#gspb_col-id-gsbp-382b749.gspb_row__col--6{order:1}","footnotes":""},"categories":[105],"tags":[],"class_list":["post-29837","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-snippet"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/makemehappy.sk\/en\/wp-json\/wp\/v2\/posts\/29837","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/makemehappy.sk\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/makemehappy.sk\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/makemehappy.sk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/makemehappy.sk\/en\/wp-json\/wp\/v2\/comments?post=29837"}],"version-history":[{"count":2,"href":"https:\/\/makemehappy.sk\/en\/wp-json\/wp\/v2\/posts\/29837\/revisions"}],"predecessor-version":[{"id":29842,"href":"https:\/\/makemehappy.sk\/en\/wp-json\/wp\/v2\/posts\/29837\/revisions\/29842"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/makemehappy.sk\/en\/wp-json\/wp\/v2\/media\/29535"}],"wp:attachment":[{"href":"https:\/\/makemehappy.sk\/en\/wp-json\/wp\/v2\/media?parent=29837"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/makemehappy.sk\/en\/wp-json\/wp\/v2\/categories?post=29837"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/makemehappy.sk\/en\/wp-json\/wp\/v2\/tags?post=29837"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}